<!--templates/login.html-->
<!DOCTYPE html>
<html>
<head>
{% block head %}
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="description" content="This blog engine is built for e-learning">
<meta name="robots" content="index, follow">
<meta name='keywords' content='e-learning, learning, school, math, programming'>
<title>{{data['blog_title']}}</title>
<script src="/static/scripts/jQuery.js"></script>
<script src='/static/scripts/login.js'></script>
<link href="/static/styles/base.css" rel="stylesheet">
<link href="/static/styles/login.css" rel="stylesheet">
<link href="/static/fonts/setup.css" rel='stylesheet'>
<link href="/static/images/site_logo.png" rel="icon">
{% endblock %}
</head>
<body>
<div id="main" class="main region">
<div id="form-title">ទំរង់បែបបទចុះឈ្មោះ</div>
<form id="content" method="post" action="/login/">
{% block content %}
<a>Email:</a><input type="email" name="femail" required />
<a>ពាក្យសំងាត់ៈ</a><input type="password" name="fpassword" required />
<a></a><input type="submit" value="ចុះឈ្មោះ" />
{% endblock %}
</form>
</div>
<div id="footer" class="footer region">
{% block footer %}
© Copyright 2020 by <a href="https://www.khmerweb.app/">Khmer Web</a>.
<script>var base = new Base();</script>
{% endblock %}
</div>
</body>
</html>
/*static/styles/login.css*/
body{
background: rgb(182, 181, 181);
}
#main{
width: 400px;
margin: 30px auto;
text-align: center;
background: white;
}
#main #form-title{
padding: 8px;
font: 16px/1.5 Moul;
background: rgb(219, 58, 0);
color: white;
}
#content{
display: grid;
grid-template-columns: 80px auto;
grid-gap: 7px 5px;
align-items: center;
padding: 20px;
}
#content a{
text-align: right;
}
#content input{
font: 14px/1.5 OdorMeanChey;
padding: 4px;
}
GitHub: "https://github.com/Sokhavuth/E-Learning
Heroku: https://khmerweb-elearning.herokuapp.com/














