Files
template-for-verstka/index.html
2025-02-06 15:10:49 +05:00

246 lines
12 KiB
HTML
Raw Permalink 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="ru">
<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">
<title>SEO title</title>
<meta name="description" content="SEO Description">
<link rel="shortcut icon" href="/assets/img/favicon.ico?v=1.0">
<!-- Link Swiper's CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<!-- Базовые стили -->
<link rel="stylesheet" href="/assets/css/gp-style-normalize.css?v=1.0">
<link rel="stylesheet" href="/assets/css/gp-style-core.css?v=1.0">
<link rel="stylesheet" href="/assets/css/gp-style-desktop.css?v=1.0">
<!-- Адаптив -->
<link rel="stylesheet" media="screen and (min-width: 1400px)" href="/assets/css/gp-style-ultra.css?v=1.0">
<link rel="stylesheet" media="screen and (max-width: 1200px)" href="/assets/css/gp-style-xl.css?v=1.0">
<link rel="stylesheet" media="screen and (max-width: 992px)" href="/assets/css/gp-style-tablet.css?v=1.0">
<link rel="stylesheet" media="screen and (max-width: 576px)" href="/assets/css/gp-style-mobile.css?v=1.0">
<!-- Яндекс.Вебмастер + Google Search Console -->
<meta name="yandex-verification" content="XXXXXXXXXXXXXXXXX" />
<meta name="google-site-verification" content="XXXXXXXXXXXXXXXXX" />
<!-- /Яндекс.Вебмастер + Google Search Console -->
<!-- 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();
for (var j = 0; j < document.scripts.length; j++) { if (document.scripts[j].src === r) { return; } }
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(XXXXXX, "init", { // XXXXXX - счетчик
clickmap: true,
trackLinks: true,
accurateTrackBounce: true,
webvisor: true,
ecommerce: "dataLayer"
});
</script>
<noscript>
<div><img src="https://mc.yandex.ru/watch/85828806" style="position:absolute; left:-9999px;" alt="" /></div>
</noscript>
<!-- /Yandex.Metrika counter -->
</head>
<body>
<div class="wrapper">
<!-- Header -->
<header class="header">
<div class="container header-container">
<button class="header-bars">
<img src="./assets/img/bars.svg" alt="">
</button>
<a href="/" class="header-logo">
<img src="./assets/img/logo.svg" alt="">
<span>сosmopet</span>
</a>
<ul class="header-navs">
<li>
<a href="#" class="header-navs__link">ГЛАВНАЯ</a>
</li>
<li>
<a href="#" class="header-navs__link">О COSMOPET</a>
</li>
<li>
<a href="#" class="header-navs__link">ПРОИЗВОДСТВО</a>
</li>
<li>
<a href="#" class="header-navs__link">БЛОГ</a>
</li>
<li class="header-accordion">
<div class="header-accordion__btn">
<span>ПРОДУКЦИЯ</span>
<img src="./assets/img/arrow-down.svg" alt="">
</div>
</li>
</ul>
<div class="header-right">
<div class="header-lang">
<div class="header-lang__btn">
<span>RU</span>
<img src="./assets/img/arrow-down.svg" alt="">
</div>
</div>
<a href="#">
<img src="./assets/img/user-icon.svg" alt="">
</a>
<a href="#">
<img src="./assets/img/basket-icon.svg" alt="">
</a>
</div>
</div>
</header>
<!-- Header end -->
<main>
<!-- Where home -->
<section class="where-home">
<div class="container">
<h1>Where to Buy</h1>
<p>Looking for Cosmopet products in stores? You can find our premium pet treats in select pet shops and retail stores across the UAE.</p>
</div>
</section>
<!-- Where home end -->
<!-- Find us -->
<section class="find-us">
<div class="container">
<h2>📍 Find us at:</h2>
<ul>
<li>
<h3>Roots Supermarket</h3>
<p>Waves Grande, Retail unit 1-2 Shobha Hartland, Dubai DU United Arab Emirates</p>
</li>
<li>
<h3>Pawdy Neighbors</h3>
<p>Souk Al Manzil - Old Town Downtown, Dubai, United Arab Emirates</p>
</li>
<li>
<h3>The Pet Co</h3>
<p>Tower A, Shop 01, Prime Business Centre, JVC, Dubai, UAE</p>
</li>
<li>
<h3>Ivy Secret Garden</h3>
<p>Al Wasl Warehouse Complex, Unit 14 - 26th St <br>- Al Quoz Industrial Area 4 - Dubai</p>
</li>
</ul>
</div>
</section>
<!-- Find us end -->
<!-- Location -->
<section class="location">
<div class="container">
<h2>✨ More locations coming soon!</h2>
<iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A10fa33c2e75b13012cd46cf715023f789e20c75b0805e24c3264f65ada592d40&amp;source=constructor" width="1280" height="720" frameborder="0"></iframe>
</div>
</section>
<!-- Location end -->
<!-- Sell form -->
<section class="sell-form">
<div class="container sell-form__container">
<h2>Want to sell Cosmopet in your store?</h2>
<p>Join our growing network of retailers! Fill out the contact form below, and well get in touch to discuss the details.</p>
<form action="">
<input type="text" placeholder="Your Name" class="form-inp">
<input type="tel" name="" placeholder="Your Phone" class="form-inp" id="">
<input type="email" name="" placeholder="E-mail" class="form-inp" id="">
<textarea name="" placeholder="Message" class="form-textarea" id=""></textarea>
<button type="submit">SUBMIT</button>
</form>
</div>
</section>
<!-- Sell form end -->
</main>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-top">
<div class="footer-content__wrap">
<div class="footer-content">
<a href="/" class="logo">
<img src="./assets/img/logo-green.svg" alt="">
<span>сosmopet</span>
</a>
<p class="footer-content__address">
123182 г. Москва, <br>
4-й Красногорский пр., <br>
д. 2/4, стр. 1, этаж/ком. 3/1
</p>
<ul>
<li>
<p>Отзывы и предложения</p>
<a href="mailto:pro@cosmopet.shop" target="_blank">pro@cosmopet.shop</a>
</li>
<li>
<p>Заявки для оптовых покупателей</p>
<a href="mailto:pro@cosmopet.shop" target="_blank">pro@cosmopet.shop</a>
</li>
<li>
<p>Связь с ветеринаром</p>
<a href="mailto:vetvopros@cosmopet.shop" target="_blank">vetvopros@cosmopet.shop</a>
</li>
</ul>
</div>
<div class="footer-top__link">
<a href="#" class="link-black">Чат бот с ветеринаром</a>
<a href="#" class="link-white">Калькулятор рациона</a>
</div>
</div>
<form class="footer-contact">
<h3 class="footer-contact__title">Форма обратной связи</h3>
<input type="text" placeholder="Ваше имя" class="form-inp">
<input type="email" placeholder="Эл.почта" class="form-inp">
<textarea class="form-textarea" name="" placeholder="Текст обращения" id=""></textarea>
<button class="footer-contact__submit" type="submit">Отправить</button>
</form>
</div>
<div class="footer-bottom">
<ul class="footer-network">
<li>
<a href="#">
<img src="./assets/img/footer-network-1.svg" alt="">
</a>
</li>
<li>
<a href="#">
<img src="./assets/img/footer-network-2.svg" alt="">
</a>
</li>
<li>
<a href="#">
<img src="./assets/img/footer-network-3.svg" alt="">
</a>
</li>
</ul>
<a href="#">Соглашение о конфиденциальности</a>
<a href="#">Декларация соответствия корма</a>
<a href="#">Декларация соответствия лакомств</a>
</div>
</div>
</footer>
<!-- Footer end -->
</div>
<!-- Swiper JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="./assets/js/main.js"></script>
</body>
</html>