klintorg_site/templates/new_layout.html
2021-11-13 08:09:35 +03:00

197 lines
7.3 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
{% block description %}
{% endblock %}
<meta name="yandex-verification" content="8ba3940ada64923a" />
<meta name="google-site-verification" content="D_8sVdIKQn8tZo-oZ6qhf2hbkjeyKmFTqwo2u1siSfw" />
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(86042102, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true
});
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-212131183-1">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-212131183-1');
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/86042102" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.1/font/bootstrap-icons.css">
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/carousel.css') }}" />
<!-- <link rel="icon" href="https://klintorg.ru/favicon.png" type="image/png" /> -->
<link rel="shortcut icon" href="https://klintorg.ru/favicon.svg" type="image/svg+xml" />
{% if title %}
<title>klintorg - {{ title }}</title>
{% else %}
<title>klintorg</title>
{% endif %}
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
<div class="container-fluid">
<a class="navbar-brand" href="/home">
<img src="{{ url_for('static', filename='images/main_logo_klintorg.png') }}" alt="klintorg.ru эцп клин" class="d-inline-block align-text-top" style="width: 35%; height: 35%;">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
{% for m in menu %}
<li class="nav-item">
<a href="{{ url_for(m.url) }}" class="nav-link {{ m.active }}" aria-current="{{ aria }}">{{ m.name }}</a>
</li>
{% endfor %}
</ul>
<!-- <span class="navbar-text">
Срочный выпуск ЭЦП!
</span> -->
</div>
</div>
</nav>
{% block content %}
{% endblock %}
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Позвоните нам прямо сейчас!</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<a href="tel:+79096861756"><i class="bi bi-telephone"></i> +7(909)686-17-56</a>
<br/>
<br/>
<a href="https://wa.me/79096861756"><i class="bi bi-whatsapp"></i> Написать в Whatsapp</a>
<br/>
<br/>
<a href="tg://resolve?domain=@TanyaPetrovaa"><i class="bi bi-telegram"></i> Написать в Telegram</a>
<br/>
<br/>
<a href="mailto:manager@klintorg.ru"><i class="bi bi-envelope"></i> manager@klintorg.ru</a>
<br/>
<br/>
<p>Ваш персональный менеджер: Татьяна.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- <footer class="text-center text-lg-start text-black" style="background-color: #caced1;"> -->
<footer class="bg-light text-center text-lg-start">
<!-- Grid container -->
<div class="container p-4">
<!--Grid row-->
<div class="row">
<!--Grid column-->
<div class="col-lg-6 col-md-12 mb-4 mb-md-0">
<h5 class="text-uppercase">Наш адрес</h5>
<p>
141602, г.Клин, Ленинградское ш., д. 8А
</p>
</div>
<!--Grid column-->
<!--Grid column-->
<div class="col-lg-6 col-md-12 mb-4 mb-md-0 ">
<h5 class="text-uppercase">Контакты</h5>
<p>
<a href="tel:+79096861756"><i class="bi bi-telephone"></i> +7(909)686-17-56</a>
<br/>
<br/>
<a href="https://wa.me/79096861756"><i class="bi bi-whatsapp"></i> Написать в Whatsapp</a>
<br/>
<br/>
<a href="tg://resolve?domain=@TanyaPetrovaa"><i class="bi bi-telegram"></i> Написать в Telegram</a>
<br/>
<br/>
<a href="mailto:manager@klintorg.ru"><i class="bi bi-envelope"></i> manager@klintorg.ru</a>
</p>
</div>
<!--Grid column-->
</div>
<!--Grid row-->
</div>
<!-- Grid container -->
<!-- Copyright -->
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2021 Copyright:
<a class="text-dark" href="http://klintorg.ru">klintorg.ru</a>
</div>
<!-- Copyright -->
</footer>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<script>var myModal = document.getElementById('myModal')
var myInput = document.getElementById('myInput')
myModal.addEventListener('shown.bs.modal', function () {
myInput.focus()
})
</script>
</body>
<style>
a {
text-decoration: none;
color: #212121;
}
a:hover {
text-decoration: none;
color: #212121;
}
/* .foot a:link{
color: white;
} */
/* .card-img-top {
width: 100%;
height: 10vw;
object-fit: cover;
} */
</style>
</html>