399 lines
24 KiB
HTML
399 lines
24 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link href="https://fonts.cdnfonts.com/css/montserrat" rel="stylesheet">
|
||
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"/>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Outfit:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="https://necolas.github.io/normalize.css/latest/normalize.css">
|
||
<link rel="stylesheet" href="https://webcademy.ru/blog/739/">
|
||
<link rel="stylesheet" href="css/style.css">
|
||
<title>Jetlife</title>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="wrapper">
|
||
<section class="breadcrumb_block">
|
||
<div class="container">
|
||
<ol class="breadcrumb">
|
||
<li class="breadcrumb-item"><a href="#" class="menu_breadcrumb">Главная</a></li>
|
||
<span>/</span>
|
||
<li class="breadcrumb-item active" aria-current="page">О компании</li>
|
||
</ol>
|
||
</div>
|
||
</section>
|
||
<section class="about_company">
|
||
<div class="container">
|
||
<div class="about_block">
|
||
<h1 class="about_title_block"><span class="about_block_mini_title">О КОМПАНИИ </span>ДЖЕТ ЛАЙФ</h1>
|
||
<div class="block_cost">
|
||
<h3 class="cost_text">10 лет <span class="mini_cost">на рынке здоровья</span></h3>
|
||
<h3 class="cost_text">300+ <span class="mini_cost">товаров в каталоге</span></h3>
|
||
</div>
|
||
<h3 class="cost_text">10 000+ <span class="mini_cost">положительных отзывов</span></h3>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="main_directions">
|
||
<div class="container">
|
||
<div class="about_block">
|
||
<h2 class="title_main">Основные направления</h2>
|
||
<div class="directions_block_cards">
|
||
<div class="directions_item">
|
||
<h3 class="directions_item_title">Розничная торговля</h3>
|
||
<p class="directions_text_item">Производим и продаём более 300 различных <br> БАДов и витаминов. Доставляем товар по <br> России и СНГ. Высочайшее качество и <br> доступная цена.</p>
|
||
</div>
|
||
<div class="directions_item">
|
||
<h3 class="directions_item_title">Контрактное производство</h3>
|
||
<p class="directions_text_item">Работаем с селлерами на маркетплейсах <br> и производим товары для здоровья <br> на заказ в промышленных масштабах!</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="slider">
|
||
<div class="container">
|
||
<div class="about_block">
|
||
<h2 class="title_main">Производство Джет-Лайф</h2>
|
||
<div class="slider__flex">
|
||
<div class="slider__images">
|
||
<div class="swiper-container">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<div class="slider__image">
|
||
<img src="img/img_slide.svg" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="slider__image">
|
||
<img src="img/img_slide1.svg" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="slider__image">
|
||
<img src="img/img_slide2.svg" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="slider__image">
|
||
<img src="img/img_slide3.svg" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="slider__image">
|
||
<img src="img/img_slide4.svg" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="slider__image">
|
||
<img src="img/img_slide.svg" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="slider__image">
|
||
<img src="img/img_slide1.svg" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="slider__image">
|
||
<img src="img/img_slide2.svg" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="slider__col">
|
||
|
||
<div class="slider__prev"><img src="img/arrow_slide.svg" alt=""></div>
|
||
|
||
<div class="slider__thumbs">
|
||
<div class="swiper-container">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<div class="slider__image">
|
||
<img src="img/img_slide.svg" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="slider__image">
|
||
<img src="img/img_slide1.svg" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="slider__image">
|
||
<img src="img/img_slide2.svg" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="slider__image">
|
||
<img src="img/img_slide3.svg" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="slider__image">
|
||
<img src="img/img_slide4.svg" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="slider__image">
|
||
<img src="img/img_slide.svg" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="slider__image">
|
||
<img src="img/img_slide1.svg" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="slider__image">
|
||
<img src="img/img_slide2.svg" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="slider__next"><img src="img/arrow_slide.svg" alt=""></div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="inf_products">
|
||
<div class="container">
|
||
<div class="about_block">
|
||
<div class="product_group_items">
|
||
<div class="products_items">
|
||
<img src="img/img_inf.svg" alt="" class="img_inf">
|
||
<h3 class="product_title_inf">КОНТРОЛЬ <br> КАЧЕСТВА</h3>
|
||
<p class="product_mini_text_inf">На всех этапах производства проводится <br>
|
||
строгий контроль качества.</p>
|
||
</div>
|
||
<div class="products_items">
|
||
<img src="img/img_inf1.svg" alt="" class="img_inf">
|
||
<h3 class="product_title_inf">БЕЗОПАСНОСТЬ <br> И ЭФФЕКТИВНОСТЬ</h3>
|
||
<p class="product_mini_text_inf">Созданию каждого продукта предшествуют <br>
|
||
многолетние научные исследования.</p>
|
||
</div>
|
||
<div class="products_items">
|
||
<img src="img/img_inf2.svg" alt="" class="img_inf">
|
||
<h3 class="product_title_inf">СЕРТИФИКАТЫ <br> И ЛИЦЕНЗИИ</h3>
|
||
<p class="product_mini_text_inf">Вся продукция сертифицирована. <br>
|
||
Высокое качество выпускаемой продукции, <br> гарантировано стандартом системы качества</p>
|
||
</div>
|
||
</div>
|
||
<img src="img/leaf.svg" alt="" class="leaf">
|
||
<img src="img/leaf1.svg" alt="" class="leaf_second">
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="on_marketplaces">
|
||
<div class="container">
|
||
<div class="about_block">
|
||
<h2 class="title_block">Мы на маркетплейсах</h2>
|
||
<div class="marketplaces_items_group">
|
||
<div class="marketplaces_item">
|
||
<img src="img/title_img.svg" alt="" class="marketplaces_title_item_img">
|
||
<div class="marketplaces_grade">
|
||
<img src="img/star.svg" alt="" class="marketplaces_img_grade">
|
||
<p class="marketplaces_text_grade">4.9</p>
|
||
</div>
|
||
<div class="marketplaces_bottom_text_title">
|
||
<h4 class="marketplaces_commend_text">> 20 000 отзывов</h4>
|
||
<h4 class="marketplaces_commend_text">< 100 продаж в сутки</h4>
|
||
</div>
|
||
<a href="#" class="go_catalog">Перейти в каталог</a>
|
||
</div>
|
||
<div class="marketplaces_item">
|
||
<img src="img/title_img1.svg" alt="" class="marketplaces_title_item_img marketplaces_second_img">
|
||
<div class="marketplaces_grade">
|
||
<img src="img/star.svg" alt="" class="marketplaces_img_grade">
|
||
<p class="marketplaces_text_grade">4.8</p>
|
||
</div>
|
||
<div class="marketplaces_bottom_text_title">
|
||
<h4 class="marketplaces_commend_text">> 4 500 отзывов </h4>
|
||
<h4 class="marketplaces_commend_text">< 50 продаж в сутки </h4>
|
||
</div>
|
||
<a href="#" class="go_catalog">Перейти в каталог</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="recommended_block">
|
||
<div class="container">
|
||
<div class="about_block">
|
||
<h2 class="title_main">Нас рекомендуют</h2>
|
||
<div class="recomended_items_group">
|
||
<div class="recomended_item">
|
||
<img src="img/recommended_img.png" alt="" class="recommended_img">
|
||
<h3 class="recommended_title_item">Сергей Валерьевич <br> Вожаков</h3>
|
||
<p class="recommended_mini_text_r">Инфекционист, гепатолог, педиатр, <br> нутрициолог</p>
|
||
<div class="connect_block">
|
||
<a href="#" class="connecting"><img src="img/img_connect.svg " alt="">@doctor_vozhakov_school</a>
|
||
</div>
|
||
</div>
|
||
<div class="recomended_item">
|
||
<img src="img/recommended_img1.png" alt="" class="recommended_img">
|
||
<h3 class="recommended_title_item">Елена Юрьевна <br> Барсукова</h3>
|
||
<p class="recommended_mini_text_r">Врач-терапевт, нутрициолог, диетолог, <br> специалист по анемии и витаминам</p>
|
||
<div class="connect_block">
|
||
<a href="#" class="connecting"><img src="img/img_connect.svg " alt="">@drbarsukova</a>
|
||
<a href="#" class="connecting"><img src="img/img_connect1.svg " alt="">@dr.barsukovalena</a>
|
||
</div>
|
||
</div>
|
||
<div class="recomended_item">
|
||
<img src="img/recommended_img2.png" alt="" class="recommended_img">
|
||
<h3 class="recommended_title_item">Дамир <br> Джалилов</h3>
|
||
<p class="recommended_mini_text_r">Остеопат, невролог, мануальный <br> терапевт</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="our_team">
|
||
<div class="container">
|
||
<div class="about_block">
|
||
<h2 class="title_main">Наша команда</h2>
|
||
<div class="block_slider">
|
||
<div class="swiper-container custom-swiper">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<div class="our_img_teams">
|
||
<img src="img/img_team.png" class="img_group">
|
||
<p class="teams_text_position">Директор компании</p>
|
||
</div>
|
||
<div class="teams_info">
|
||
<p class="teams_name">Тимур</p>
|
||
<p class="teams_surname">Иманкулов</p>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="our_img_teams">
|
||
<img src="img/img_team1.png" class="img_group">
|
||
<p class="teams_text_position teams_white_text">Исполнительный директор</p>
|
||
</div>
|
||
<div class="teams_info">
|
||
<p class="teams_name">Богдан</p>
|
||
<p class="teams_surname">Кайбулаев</p>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="our_img_teams">
|
||
<img src="img/img_team2.png" class="img_group">
|
||
<p class="teams_text_position">Ответственная за производство</p>
|
||
</div>
|
||
<div class="teams_info">
|
||
<p class="teams_name">Виктория</p>
|
||
<p class="teams_surname">Долгова</p>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="our_img_teams">
|
||
<img src="img/img_team3.png " class="img_group">
|
||
<p class="teams_text_position teams_white_text">Директор производства</p>
|
||
</div>
|
||
<div class="teams_info">
|
||
<p class="teams_name">Виктория</p>
|
||
<p class="teams_surname">Долгова</p>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="our_img_teams">
|
||
<img src="img/img_team.png" class="img_group">
|
||
<p class="teams_text_position">Директор компании</p>
|
||
</div>
|
||
<div class="teams_info">
|
||
<p class="teams_name">Тимур</p>
|
||
<p class="teams_surname">Иманкулов</p>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="our_img_teams">
|
||
<img src="img/img_team1.png" class="img_group">
|
||
<p class="teams_text_position teams_white_text">Исполнительный директор</p>
|
||
</div>
|
||
<div class="teams_info">
|
||
<p class="teams_name">Богдан</p>
|
||
<p class="teams_surname">Кайбулаев</p>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="our_img_teams">
|
||
<img src="img/img_team2.png" class="img_group">
|
||
<p class="teams_text_position">Ответственная за производство</p>
|
||
</div>
|
||
<div class="teams_info">
|
||
<p class="teams_name">Виктория</p>
|
||
<p class="teams_surname">Долгова</p>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="our_img_teams">
|
||
<img src="img/img_team3.png " class="img_group">
|
||
<p class="teams_text_position teams_white_text">Директор производства</p>
|
||
</div>
|
||
<div class="teams_info">
|
||
<p class="teams_name">Виктория</p>
|
||
<p class="teams_surname">Долгова</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-pagination"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="geography_company">
|
||
<div class="container">
|
||
<div class="about_block">
|
||
<h2 class="title_main">География компании</h2>
|
||
<div class="cards_geography">
|
||
<div class="geography_item">
|
||
<span class="geography_title_item">20+</span>
|
||
<p class="geography_mini_text">Представительств в городах России</p>
|
||
</div>
|
||
<div class="geography_item">
|
||
<img src="img/img_geoph.svg" alt="" class="title_item_img">
|
||
<p class="geography_mini_text">Доставка в любой регион России</p>
|
||
</div>
|
||
<div class="geography_item">
|
||
<span class="geography_title_item">300+</span>
|
||
<p class="geography_mini_text">Товаров в каталоге</p>
|
||
</div>
|
||
<div class="geography_item">
|
||
<span class="geography_title_item">10 000+</span>
|
||
<p class="geography_mini_text">Постоянных клиентов</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container geography_map_container">
|
||
<div class="geography_map_block">
|
||
<img src="img/img_map.png" alt="" class="geography_map_img">
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="form_block">
|
||
<div class="container">
|
||
<div class="about_block">
|
||
<img src="img/img_form.png" alt="" class="img_form">
|
||
<img src="img/img_form1.png" alt="" class="img_form mob">
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>
|
||
<script src="js/main.js"></script>
|
||
</body>
|
||
</html> |