<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/style.css') }}" />
<title>{{ title }}</title>
{% block head %}{% endblock %}
</head>
<header>
<img src="../static/images/logo.png">
<div class="hdr", id="lft">
<p>55555555555555</p>
<hr color="white">
<p>55555555555555</p>
</div>
<div class="hdr", id="cntr">
<a>ЛЕНТА</a>
<a>ФОРУМ</a>
<a>О ПРОЕКТЕ</a>
<a>ДОНАТ</a>
</div>
<div class="hdr"; id="rght">
<a color="">войти</a>
<hr color="white">
<a>регистрация</a>
</div>
</header>
<main></main>
<body>
<h3>dfEf</h3>
<p>sshshsh</p>
<p>sshshsh</p>
{% block content %}{% endblock %}
</body>
</html>
header {
background-color: #2D2D2F;
width: 100%;
margin-top:-0.5%;
}
header a {
text-decoration: none;
color: white;
background-color: #2D2D2F;
}
header p {
background-color: #2D2D2F;
}
header img{
vertical-align: middle;
padding-left: 1%;
padding-right: 1%;
background-color: #2D2D2F;
}
#lft{
padding-right: 1%;
margin-right: 1%;
}
#cntr {
border-right: 10px solid white;
border-left: 10px solid white;
padding-bottom: 60px;
padding-top: 60px;
padding-right: 1%;
margin-right: 1%;
}
#cntr a{
padding-right: 25px;
padding-left: 35px;
}
#rght {
text-align: center;
line-height: 70px;
overflow: hidden;
width: 225px;
}
.hdr {
display: inline-block;
background-color: #2D2D2F;
color: #FFFFFF;
vertical-align: middle;
font-size: 34px;
}
*{
background-color: #FAFD7D;
}
body {
margin-left: 10%;
width: 80%;
background-color: #F1F2F1;
font-size: 32px;
padding-left: 1%;
padding-right: 1%;
}
main {
width: 100%;
height: 10vh;
}
Сложный
Простой