227 lines
8.0 KiB
HTML
Executable File
227 lines
8.0 KiB
HTML
Executable File
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
|
||
{% block style %}{% endblock %}
|
||
<title>{% block headmain %}{% endblock %}</title>
|
||
</head>
|
||
<body>
|
||
<nav class="navbar">
|
||
<div class="container">
|
||
<div class="navbar__wrap">
|
||
<div class="hamb">
|
||
<div class="hamb__field" id="hamb">
|
||
<span class="bar"></span>
|
||
<span class="bar"></span>
|
||
<span class="bar"></span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="coltxt" onclick="window.location.href='{% url 'home' %}'">
|
||
<div
|
||
style="
|
||
width: 100%;
|
||
font-size: 30px;
|
||
align-self: center;
|
||
height: 30px;
|
||
"
|
||
class="cool_text"
|
||
>
|
||
<div id="one" style="margin-left: 10px; padding-left: 10px">
|
||
E
|
||
</div>
|
||
<div id="two"><div id="twoo">КАТЕРИНБУРГ</div></div>
|
||
|
||
<div id="three" style="color: blue">G</div>
|
||
<div id="four"><div id="fourr">UIDE</div></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mobile_coltxt" onclick="window.location.href='/'">
|
||
<label>EKB</label
|
||
><label
|
||
style="
|
||
color: blue;
|
||
padding-left: 0px;
|
||
margin-left: 10px;
|
||
margin-right: 10px;
|
||
"
|
||
>GUIDE</label
|
||
>
|
||
</div>
|
||
|
||
<ul class="menu" id="menu">
|
||
<li>
|
||
<span class="activate_dropdown" onclick="window.location.href='{% url 'history' %}'" {% if papka == 'history'%}style="background-color: rgba(75, 75, 225); color: white;"{% endif%}><label style="color:blue">И</label>стория</span>
|
||
<div class="moving_dropdown">
|
||
<div class="move_me_content">
|
||
{% block history_dropdown %}{% endblock %}
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li>
|
||
<span class="activate_dropdown" onclick="window.location.href='{% url 'placess' %}'" {% if papka == 'places'%}style="background-color: rgba(75, 75, 225); color: white;"{% endif%}><label style="color:blue">М</label>еста</span>
|
||
<div class="moving_dropdown">
|
||
<div class="move_me_content">
|
||
{% block places_dropdown %}{% endblock %}
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li>
|
||
<span class="activate_dropdown" onclick="window.location.href='{% url 'celebrity' %}'" {% if papka == 'celebrity'%}style="background-color: rgba(75, 75, 225); color: white;"{% endif%}><label style="color:blue">З</label>наменитости</span>
|
||
<div class="moving_dropdown">
|
||
<div class="move_me_content">
|
||
{% block celebrity_dropdown %}{% endblock %}
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li>
|
||
<span class="activate_dropdown" onclick="window.location.href='{% url 'theaters_and_music' %}'" {% if papka == 'theaters_and_music'%}style="background-color: rgba(75, 75, 225); color: white;"{% endif%}><label style="color:blue">Т</label>еатры и музыка</span>
|
||
<div class="moving_dropdown">
|
||
<div class="move_me_content">
|
||
{% block theaters_and_music_dropdown %}{% endblock %}
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<div class="popup" id="popup">
|
||
<ul class="menu" id="menu">
|
||
<li style="width: 100%; justify-content: center">
|
||
<div class="dropdown" style="width: 100%">
|
||
<button
|
||
style="
|
||
border: none;
|
||
background-color: white;
|
||
width: 100%;
|
||
display: flex;
|
||
justify-content: center;
|
||
padding: 20px 0;
|
||
font-size: 20px;
|
||
font-weight: bold;
|
||
color: black;
|
||
border-top: 2px solid #e2e8f0;
|
||
border-bottom: 2px solid #e2e8f0;
|
||
margin-bottom: 10px;
|
||
"
|
||
>
|
||
test dropdown menu
|
||
</button>
|
||
<div class="dropdown-content" style="background-color: white">
|
||
<a href="/history">history</a>
|
||
<a href="/places">places</a>
|
||
<a href="/celebrities">celebrities</a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li><a href="/history">История</a></li>
|
||
<li><a href="/places">Места</a></li>
|
||
<li><a href="/celebrities">Знаменитости</a></li>
|
||
<li><a href="/theaters">Театры и музыка</a></li>
|
||
<li style="width: 100%; justify-content: center">
|
||
<div class="dropdown" style="width: 100%">
|
||
<button
|
||
style="
|
||
border: none;
|
||
background-color: white;
|
||
width: 100%;
|
||
display: flex;
|
||
justify-content: center;
|
||
padding: 20px 0;
|
||
font-size: 20px;
|
||
font-weight: bold;
|
||
color: black;
|
||
border-top: 2px solid #e2e8f0;
|
||
border-bottom: 2px solid #e2e8f0;
|
||
margin-bottom: 10px;
|
||
"
|
||
>
|
||
test dropdown menu
|
||
</button>
|
||
<div class="dropdown-content">
|
||
<a href="/history">history</a>
|
||
<a href="/places">places</a>
|
||
<a href="/celebrities">celebrities</a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<main class="main">
|
||
<div class="container">
|
||
<div class="content">
|
||
{% block maincontent %}{% endblock %}
|
||
</div>
|
||
</div>
|
||
</main>
|
||
|
||
<footer class="footer" style="">
|
||
<div class="container" style="background: #212429;">
|
||
<div class="content" style="
|
||
">
|
||
<div class="fo1" style="
|
||
">
|
||
|
||
<label>Основные разделы</label>
|
||
<br>
|
||
<label onclick="window.location.href='/history/'" style="
|
||
cursor: pointer;
|
||
">История</label>
|
||
|
||
<label onclick="window.location.href='/places/'" style="
|
||
cursor: pointer;
|
||
">Места</label>
|
||
<label onclick="window.location.href='/celebrity/'" style="
|
||
cursor: pointer;
|
||
">Знаменитости</label>
|
||
<label onclick="window.location.href='/theaters_and_music/'" style="
|
||
cursor: pointer;
|
||
">Театры и музыка</label>
|
||
|
||
</div>
|
||
<div class="fo2">
|
||
<label class="gkod_team_label" style="
|
||
height: 50px;
|
||
width: 300px;
|
||
">Made by Gkod team</label><label onclick="window.location.href='mailto:gkod@gkod.fun'" style="
|
||
cursor: pointer;
|
||
">gkod@gkod.fun</label>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
<div style="display: flex;justify-content: center;align-items: center;flex-direction: column;margin-top: 30px;">
|
||
<label onclick="window.location.href='/coments'" style="
|
||
cursor: pointer;
|
||
">Форма для обратной связи
|
||
<hr style="max-width: 320px"></label>
|
||
<div style="
|
||
margin-top: 20px;
|
||
">
|
||
<img onclick="window.location.href='https://vk.com/okhlupin_k'" src="/static/tmp/sl286z9378p2687u5srp20230425131051.png"
|
||
style="height: 70px; cursor: pointer;" alt="vkicon"/>
|
||
<img onclick="window.location.href='https://t.me/koka_c17'" src="/static/tmp/q109d033r5q04i8734rl520230425155022.png"
|
||
style="height: 70px; cursor: pointer;" alt="tgicon"/></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
|
||
{% block js %}{% endblock %}
|
||
</body>
|
||
</html>
|