142 lines
7.3 KiB
HTML
142 lines
7.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
||
{% block linking %}
|
||
<link rel="stylesheet" href="{{ url_for('static', filename='css/baseCSS.css') }}">
|
||
{% endblock %}
|
||
|
||
|
||
<title>Document</title>
|
||
</head>
|
||
|
||
<body>
|
||
{% block header %}
|
||
<header class="header f-14">
|
||
<div class="wrapper">
|
||
<div class="container">
|
||
<div class="header-inner flex w100">
|
||
<div class="header-1 w1-5">
|
||
<li class="headerLi">
|
||
<a href="" class="logoHref">
|
||
<img src="{{ url_for('static', filename='imgs/logo.svg') }}" alt="" class="logo">
|
||
</a>
|
||
</li>
|
||
</div>
|
||
|
||
<div class="header-2 flex arial-regular">
|
||
<ul class="headerUL flex">
|
||
<li class="headerLi flex">
|
||
<a href="#" class="li-a-header">Главная</a>
|
||
</li>
|
||
<li class="headerLi flex">
|
||
<select name="header-innner-links-2" id="links-2" class="select header-links">
|
||
<option class="optionHeader" value="1" disabled selected hidden>Каталог</option>
|
||
<option class="optionHeader" value="Сборки ПК">Сборки ПК</option>
|
||
<option class="optionHeader" value="Комплектующие">Комплектующие</option>
|
||
<option class="optionHeader" value="Периферия и аксессуары">Периферия и аксессуары</option>
|
||
<option class="optionHeader" value="Другое">Другое</option>
|
||
</select>
|
||
</li>
|
||
<li class="headerLi flex">
|
||
<select name="header-innner-links-3" id="links-3" class="select header-links">
|
||
<option class="optionHeader" value="1" disabled selected hidden>Покупателям</option>
|
||
<option class="optionHeader" value="Доставка и выдача заказов">Доставка и выдача заказов</option>
|
||
<option class="optionHeader" value="Пункты выдачи заказов">Пункты выдачи заказов</option>
|
||
<option class="optionHeader" value="Q&A">Q&A</option>
|
||
<option class="optionHeader" value="Контакты">Контакты</option>
|
||
<option class="optionHeader" value="Обмен и возврат">Обмен и возврат</option>
|
||
<div class="down-option">
|
||
<option value="33">Пополняй свой Steam без комиссии* с нашим сервисом LizardMoney!</option>
|
||
</div>
|
||
</select>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="header-3 flex">
|
||
<search>
|
||
<form action="./search/">
|
||
<input type="search" id="search-inpt" name="search" placeholder="Найти..."/>
|
||
</form>
|
||
</search>
|
||
</div>
|
||
|
||
<div class="header-4 flex">
|
||
<a href="#">
|
||
<div class="cart">
|
||
<!-- from db -->
|
||
<p class="pokazateli arial-regular">3</p>
|
||
<img src="{{ url_for('static', filename='imgs/cart.svg') }}" alt="cart">
|
||
</div>
|
||
</a>
|
||
<a href="#">
|
||
<div class="heart">
|
||
<!-- from db -->
|
||
<p class="pokazateli arial-regular">3</p>
|
||
<img src="{{ url_for('static', filename='imgs/heart.svg') }}" alt="heart">
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="header-5">
|
||
<button class="login f14 white arial-regular">Войти</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
{% endblock %}
|
||
|
||
{% block footer %}
|
||
<footer class="footer">
|
||
<div class="container">
|
||
<div class="wrapper">
|
||
<div class="footer-inner flex between">
|
||
<div class="left">
|
||
<img src="{{ url_for('static', filename='imgs/logo.svg') }}" alt="">
|
||
</div>
|
||
<div class="right flex between">
|
||
<div class="colms">
|
||
<h6 class="footerRazd f14 arial-bald blue">
|
||
<a href="#"> Главная</a>
|
||
</h6>
|
||
</div>
|
||
<div class="colms">
|
||
<h6 class="footerRazd f14 arial-bald blue">
|
||
<a href="#">Каталог</a>
|
||
</h6>
|
||
|
||
<ul class="footerUL f14 arial-regular white">
|
||
<li class="footerLI"><a href="#">Сборки ПК</a> </li>
|
||
<li class="footerLI"><a href="#">Комплектующие</a> </li>
|
||
<li class="footerLI"><a href="#">Периферия и аксессуары</a> </li>
|
||
<li class="footerLI"><a href="#">Прочее</a> </li>
|
||
</ul>
|
||
</div>
|
||
<div class="colms">
|
||
<h6 class="footerRazd f16 arial-bald blue">
|
||
<a href="#">Покупателям</a>
|
||
</h6>
|
||
<ul class="footerUL f14 arial-regular white">
|
||
<li class="footerLI"><a href="#">Доставка и выдача заказов</a> </li>
|
||
<li class="footerLI"><a href="#">Пункты выдачи заказов</a> </li>
|
||
<li class="footerLI"><a href="#">Q&A</a> </li>
|
||
<li class="footerLI"><a href="#">Контакты</a> </li>
|
||
<li class="footerLI"><a href="#">Обмен и возврат</a> </li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
{% endblock %}
|
||
|
||
</body>
|
||
|
||
</html> |