diff --git a/.htaccess b/.htaccess deleted file mode 100644 index f092658..0000000 --- a/.htaccess +++ /dev/null @@ -1,14 +0,0 @@ - - # Редирект: ...// -> .../ - RewriteCond %{REQUEST_URI} (.*)\/\/$ - RewriteRule ^(.*)$ https://%{HTTP_HOST}/%1/ [R=301,L] - - # Редирект: с www -> без www - RewriteCond %{HTTP_HOST} ^www\.(.*)$ - RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R=301,L] - - # Редирект: HTTP -> HTTPS - RewriteCond %{HTTP:X-Forwarded-Proto} !https - RewriteCond %{HTTPS} off - RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L] - \ No newline at end of file diff --git a/assets/css/gp-style-core.css b/assets/css/gp-style-core.css deleted file mode 100644 index 5f160ef..0000000 --- a/assets/css/gp-style-core.css +++ /dev/null @@ -1,16 +0,0 @@ -/* Переменные, шрифты, UI kit */ - - - - -/* - -ШАБЛОН использования глобальных переменных: - -:root { - --main-text: #e1667c; - --main-color: #8da6cb; - --font-family: "Craftwork Grotesk", sans-serif; -} - -*/ diff --git a/assets/css/gp-style-desktop.css b/assets/css/gp-style-desktop.css deleted file mode 100644 index 631a1a2..0000000 --- a/assets/css/gp-style-desktop.css +++ /dev/null @@ -1,18 +0,0 @@ -/* Основные стили для компьютера */ - - - -/* писать сюда... */ - - - - - - - - - -/* Стили для лептопов */ -/* @media only screen and (min-width: 992px) and (max-width: 1400px) { - -} */ \ No newline at end of file diff --git a/assets/css/gp-style-mobile.css b/assets/css/gp-style-mobile.css deleted file mode 100644 index 0cf51d3..0000000 --- a/assets/css/gp-style-mobile.css +++ /dev/null @@ -1,5 +0,0 @@ -/* Стили для мобильных устройств */ -@media only screen and (max-width: 576px) { - - -} \ No newline at end of file diff --git a/assets/css/gp-style-tablet.css b/assets/css/gp-style-tablet.css deleted file mode 100644 index 32a3ef6..0000000 --- a/assets/css/gp-style-tablet.css +++ /dev/null @@ -1,5 +0,0 @@ -/* Стили для планшетов */ -@media only screen and (max-width: 992px) { - - -} \ No newline at end of file diff --git a/assets/css/gp-style-ultra.css b/assets/css/gp-style-ultra.css deleted file mode 100644 index c149baa..0000000 --- a/assets/css/gp-style-ultra.css +++ /dev/null @@ -1,4 +0,0 @@ -/* Стили для ультрашироких экранов */ -@media only screen and (min-width: 1400px) { - -} \ No newline at end of file diff --git a/assets/css/normalize.min.css b/assets/css/normalize.min.css deleted file mode 100644 index 87aa24d..0000000 --- a/assets/css/normalize.min.css +++ /dev/null @@ -1,2 +0,0 @@ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none} -/*# sourceMappingURL=normalize.min.css.map */ \ No newline at end of file diff --git a/assets/css/reset.min.css b/assets/css/reset.min.css deleted file mode 100644 index af3f06c..0000000 --- a/assets/css/reset.min.css +++ /dev/null @@ -1 +0,0 @@ -*{padding:0;margin:0;border:none}*,::after,::before{box-sizing:border-box}a,a:hover,a:link,a:visited{text-decoration:none}aside,footer,header,legend,main,nav,section{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background:0 0;cursor:pointer}button:active,button:focus,input:active,input:focus{outline:0}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer} \ No newline at end of file diff --git a/assets/img/favicon.ico b/assets/img/favicon.ico deleted file mode 100644 index 5517fde..0000000 Binary files a/assets/img/favicon.ico and /dev/null differ diff --git a/assets/js/main.js b/assets/js/main.js deleted file mode 100644 index e69de29..0000000 diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..d85ff9b --- /dev/null +++ b/css/style.css @@ -0,0 +1,967 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +html, +body { + margin: 0; + padding: 0; + font-family: "Montserrat", serif !important; +} + +body.noscroll { + overflow: hidden; +} + +h1, +h2, +h3, +h4, +h5, +h6, +span, +p { + margin: 0; + padding: 0; +} + +a { + text-decoration: none !important; +} + +ul { + list-style: none; + margin: 0; + padding: 0; +} + +li { + list-style: none; +} + +.wrapper { + overflow: hidden; + width: 100%; + background-color: #FFFFFF; +} + +.container, +.container-lg, +.container-md, +.container-sm, +.container-xl { + max-width: 1377px; + margin: 0 auto; +} + +input[type=number] { + -moz-appearance: textfield; +} + +input::-webkit-outer-spin-button, +input::-webkit-inner-spin-button { + -webkit-appearance: none; +} + +.breadcrumb_block { + padding: 24px 0 20px 0; +} +.breadcrumb_block .breadcrumb { + margin: 0 !important; + display: flex; + align-items: center; + gap: 8px; +} +.breadcrumb_block .menu_breadcrumb { + display: block; + font-size: 13px; + font-weight: 400; + line-height: 13px; + text-align: left; + color: #767682; +} +.breadcrumb_block .active { + font-size: 13px; + font-weight: 400; + line-height: 13px; + text-align: left; + color: #000000; +} + +.about_company { + margin-bottom: 80px; +} +.about_company .about_block { + padding: 80px 80px 41px 80px; + border-radius: 10px; + background-image: url(../img/hero_home.png); + background-repeat: no-repeat; + background-position: center; + background-size: cover; +} +.about_title_block { + display: flex; + flex-direction: column; + align-items: flex-start; + color: #FFFFFF; + margin-bottom: 48px; + font-size: 72px; + font-weight: 700; +} +.about_block_mini_title { + font-size: 40px; + font-weight: 400; + text-align: left; + color: #FFFFFF; +} +.block_cost { + display: flex; + align-items: flex-start; + gap: 40px; + margin-bottom: 32px; +} +.cost_text { + display: flex; + flex-direction: column; + align-items: flex-start; + font-size: 40px; + font-weight: 700; + text-align: center; + color: #FFFFFF; +} +.mini_cost { + font-size: 20px; + font-weight: 400; + text-align: center; +} + +.main_directions { + margin-bottom: 88px; +} +.directions_block_cards { + display: flex; + align-items: center; + justify-content: space-between; + gap: 16px; +} +.directions_item { + padding: 64px; + border-radius: 20px; + width: 100%; + height: 272px; +} +.directions_item:nth-child(1) { + background-image: url(../img/img_item.png); + background-repeat: no-repeat; + background-position: center; + background-size: cover; +} +.directions_item:nth-child(2) { + background-image: url(../img/img_item1.png); + background-repeat: no-repeat; + background-position: center; + background-size: cover; +} +.directions_item_title { + font-size: 24px; + font-weight: 700; + line-height: 24px; + text-align: left; + color: #1F1F1F; + margin-bottom: 24px; +} +.directions_text_item { + font-size: 16px; + font-weight: 400; + line-height: 24px; + text-align: left; + color: #1F1F1F; +} + +.slider { + margin-bottom: 64px; +} +.slider .about_block { + position: relative; +} +.title_main { + font-size: 32px; + font-weight: 700; + line-height: 39px; + text-align: left; + color: #1F1F1F; + margin-bottom: 40px; +} +.slider .swiper-container { + width: 100%; + height: 100%; +} +.slider__flex { + display: flex; + align-items: flex-start; + overflow: hidden; + width: 100%; + height: 665px; +} +.slider__col { + display: flex; + flex-direction: column; + padding-left: 20px; +} +.slider .slider__next { + top: 54px; + right: 76px; +} +.slider .slider__prev { + bottom: -24px; + right: 76px; + rotate: 180deg; +} +.slider .slider__prev, +.slider .slider__next { + position: absolute; + z-index: 10; + cursor: pointer; + text-align: center; + font-size: 14px; + height: 48px; + display: flex; + align-items: center; + justify-content: center; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} +.slider .slider__prev:focus, +.slider .slider__next:focus { + outline: none; +} +.slider__thumbs { + height: 665px; +} +.slider__thumbs .slider__image { + width: 216px; +} +.slider__thumbs .slider__image img { + width: 216px; + height: 126px; + cursor: pointer; +} +.slider__thumbs .slider__image { + transition: 0.25s; + opacity: 30%; +} +.slider__thumbs .slider__image:hover { + opacity: 1; +} +.slider__thumbs .swiper-slide-thumb-active .slider__image { + filter: grayscale(0%); + opacity: 1; +} +.slider__images { + height: 665px; + width: 1144px; + overflow: hidden; +} +.slider__images .slider__image img { + transition: 3s; +} +/* .slider .slider__images .slider__image:hover img { + transform: scale(1.1); +} */ +.slider__image { + width: 100%; + height: 100%; + border-radius: 10px; + overflow: hidden; +} +.slider__images .slider__image img { + display: block; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + border-radius: 20px; +} + +.inf_products { + margin-bottom: 80px; +} +.inf_products .about_block { + position: relative; +} +.product_group_items { + padding: 80px; + background-color: #00B571; + border-radius: 20px; + display: flex; + align-items: flex-start; + justify-content: space-between; + position: relative; + z-index: 10; +} +.inf_products .leaf { + position: absolute; + left: -158px; + top: -41px; +} +.inf_products .leaf_second { + position: absolute; + right: -203px; + top: -94px; +} +.products_items { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 24px; +} +.img_inf{ + width: 80px; + height: 80px; +} +.product_title_inf { + font-size: 16px; + font-weight: 700; + line-height: 24px; + text-align: center; + color: #FFFFFF; +} +.product_mini_text_inf { + font-size: 16px; + font-weight: 400; + line-height: 25.6px; + text-align: center; + color: #FFFFFF; +} + +.recommended_block { + margin-bottom: 80px; +} +.recomended_items_group { + display: flex; + align-items: center; + justify-content: space-between; + gap: 16px; +} +.recomended_item { + padding: 40px; + background-color: #F3F3F8; + border-radius: 20px; + display: flex; + flex-direction: column; + align-items: center; + width: 100%; + height: 450px; +} +.recommended_title_item { + font-size: 24px; + font-weight: 700; + line-height: 24px; + text-align: center; + margin: 24px 0 16px 0; + color: #1F1F1F; +} +.recommended_mini_text_r { + font-size: 16px; + font-weight: 400; + line-height: 25.6px; + text-align: center; + color: #767682; + margin-bottom: 16px; +} +.recommended_block .connect_block { + display: flex; + align-items: center; + justify-content: center; + gap: 20px; +} +.recommended_block .connecting { + display: flex; + align-items: center; + gap: 5px; + font-size: 14px; + font-weight: 400; + line-height: 22.4px; + text-align: center; + color: #767682; +} + +.our_team { + margin-bottom: 80px; +} +.our_team .block_slider { + position: relative; + overflow: hidden; + padding-bottom: 44px; +} +.our_img_teams { + position: relative; + display: flex; + flex-direction: column; + align-items: center; + margin-bottom: 24px; +} + +.our_team .img_group { + width: 332px; + height: 450px; + border-radius: 20px; +} +.teams_text_position { + position: absolute; + bottom: 16px; + width: -moz-max-content; + width: max-content; + font-size: 16px; + font-weight: 400; + line-height: 19.5px; + text-align: left; + color: #FFFFFF; + padding: 12px 25px; + background-color: #00B571; + border-radius: 50px; + display: flex; + align-items: center; + justify-content: center; +} +.teams_white_text { + color: #00B571; + background-color: #F5F5F6; +} +.teams_info { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +.teams_name { + font-size: 24px; + font-weight: 700; + line-height: 28.8px; + text-align: center; + color: #1F1F1F; +} +.teams_surname { + font-size: 24px; + font-weight: 400; + line-height: 28.8px; + text-align: center; + color: #1F1F1F; +} +.our_team .swiper-pagination { + bottom: 0; + top: inherit; + background-color: #F3F3F8; + border-radius: 4px; + height: 4px; + overflow: hidden; + border-radius: 4px; +} +.our_team .swiper-pagination-progressbar-fill { + background-color: #00B571; + border-radius: 200px; +} + +.geography_company { + margin-bottom: 80px; +} +.geography_company .cards_geography { + display: flex; + align-items: center; + justify-content: space-between; + gap: 16px; + margin-bottom: 24px; +} +.geography_item { + padding: 40px; + background-color: #F3F3F8; + border-radius: 20px; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 20px; + width: 332px; + height: 180px; +} +.geography_title_item { + font-size: 40px; + font-weight: 700; + line-height: 40px; + text-align: center; + color: #00B571; +} +.geography_mini_text { + font-size: 16px; + font-weight: 400; + line-height: 19.5px; + text-align: left; + color: #000000; +} +.geography_map_block { + height: 520px; +} +.geography_map_img { + border-radius: 20px; +} + +.on_marketplaces { + margin-bottom: 100px; +} +.on_marketplaces .title_block { + font-size: 32px; + font-weight: 700; + line-height: 39px; + text-align: left; + color: #1F1F1F; + margin-bottom: 32px; +} +.marketplaces_item { + padding: 50px 60px; + background-image: url(../img/bg_item.png); + background-repeat: no-repeat; + background-position: center; + background-size: cover; + width: 100%; + height: 250px; + position: relative; + border-radius: 20px; + max-width: 680px; + margin: 0 auto; +} +.marketplaces_item:last-child{ + background-image: url(../img/bg_item1.png); +} +.marketplaces_items_group{ + display: flex; + align-items: center; + justify-content: space-between; + gap: 16px; +} +.marketplaces_grade { + display: flex; + align-items: center; + gap: 10px; + margin: 20px 0 24px 0; +} +.marketplaces_text_grade { + font-size: 32px; + font-weight: 700; + line-height: 32px; + text-align: left; + color: #FFFFFF; +} +.marketplaces_bottom_text_title { + display: flex; + align-items: center; + gap: 30px; +} +.marketplaces_commend_text { + font-size: 16px; + font-weight: 400; + line-height: 24px; + text-align: left; + color: #FFFFFF; +} +.go_catalog { + position: absolute; + right: 0; + bottom: 35px; + font-size: 14px; + font-weight: 500; + line-height: 14px; + text-align: left; + color: #5F139C; + padding: 20px 30px; + background-color: #FFFFFF; + border-radius: 15px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.form_block { + margin-bottom: 100px; +} +.form_block .img_form { + margin: 0 auto; + display: block; +} + +.mob { + display: none !important; +} + +@media (max-width: 1300px){ + .about_company .about_block{ + padding: 66px 80px 41px 50px; + } + .about_title_block{ + font-size: 60px; + line-height: 48px; + margin-bottom: 32px; + } + .about_block_mini_title{ + font-size: 34px; + } + .block_cost { + gap: 30px; + } + .cost_text { + font-size: 34px; + } + .mini_cost{ + font-size: 18px; + } + .directions_item{ + padding: 48px; + padding: 32px; + height: 213px; + } + .slider .slider__flex{ + width: 96%; + margin: 0 auto; + } + .slider .slider__prev, .slider .slider__next{ + right: 96px; + } + /* .slider .slider__prev{ + + } */ + .recomended_item{ + height: 480px; + } + .geography_map_block{ + overflow-x: scroll; + } + .marketplaces_item{ + height: 302px; + } + .marketplaces_commend_text{ + font-size: 14px; + } +} + +@media (max-width: 999px) { + .breadcrumb_block { + display: none; + } + .about_company .about_block { + padding: 40px; + background-image: url(../img/hero_home.png); + border-radius: 0; + padding: 40px 24px; + } + .about_block_mini_title { + font-size: 24px; + font-weight: 400; + line-height: 24px; + } + .about_title_block { + font-size: 34px; + line-height: 38px; + font-weight: 700; + margin-bottom: 24px; + } + .block_cost { + flex-direction: column; + gap: 20px; + margin-bottom: 20px; + } + .cost_text { + font-size: 32px; + font-weight: 700; + line-height: 32px; + } + .mini_cost { + font-size: 16px; + font-weight: 400; + line-height: 19.5px; + text-align: center; + } + .about_company { + margin-bottom: 42px; + } + .title_main { + font-size: 24px; + font-weight: 700; + line-height: 24px; + margin-bottom: 32px; + } + .main_directions { + margin-bottom: 64px; + padding: 0 24px; + } + .directions_block_cards { + flex-direction: column; + } + .directions_item:nth-child(1) { + background-image: url(../img/img_item2.png); + } + .directions_item:nth-child(2) { + background-image: url(../img/img_item3.png); + } + .directions_item { + padding: 40px; + height: auto; + } + .directions_item_title { + font-size: 24px; + font-weight: 700; + line-height: 24px; + margin-bottom: 16px; + } + .directions_text_item { + font-size: 14px; + font-weight: 400; + line-height: 20px; + } + .directions_text_item br{ + display: none; + } + .slider .slider__prev, .slider .slider__next { + display: none; + } + .slider .title_main{ + padding: 0 24px; + } + .slider__flex { + flex-direction: column; + gap: 16px; + } + .slider__col { + width: 100%; + } + .slider__thumbs .slider__image { + width: 100%; + } + .slider__thumbs { + height: auto; + } + .slider__images { + width: 100%; + height: 100%; + padding: 0 24px; + } + .slider__thumbs .slider__image{ + border-radius: 0; + } + .slider__thumbs .slider__image img { + width: 100%; + border-radius: 10px; + height: auto; + } + .slider__flex { + height: auto; + } + .inf_products .leaf_second { + display: none; + } + .inf_products .leaf { + display: none; + } + .product_group_items { + border-radius: 0; + padding: 40px 20px; + flex-direction: column; + gap: 32px; + } + .products_items { + gap: 16px; + margin: 0 auto; + } + .product_title_inf { + font-size: 16px; + font-weight: 700; + line-height: 24px; + } + .product_mini_text_inf { + font-size: 16px; + font-weight: 400; + line-height: 25.6px; + } + .product_mini_text_inf br{ + display: none; + } + .img_inf { + width: 70px; + height: 80px; + } + .inf_products { + margin-bottom: 64px; + } + .recommended_block { + margin-bottom: 64px; + padding: 0 24px; + } + .recomended_items_group { + flex-direction: column; + } + .recomended_item { + height: auto; + padding: 35px 43px; + } + .recommended_title_item { + font-size: 24px; + font-weight: 700; + line-height: 24px; + margin: 20px 0; + } + .recommended_mini_text_r { + font-size: 16px; + font-weight: 400; + line-height: 25.6px; + margin-bottom: 20px; + } + .recommended_mini_text_r br{ + display: none; + } + .recommended_block .connecting { + font-size: 14px; + font-weight: 400; + line-height: 22.4px; + } + .recommended_block .connect_block { + flex-direction: column; + gap: 16px; + } + .our_team { + margin-bottom: 64px; + padding: 0 24px; + } + .our_img_teams{ + max-width: 312px; + } + .teams_text_position{ + padding: 12px; + font-size: 12px; + } + .our_team .img_group { + width: 100%; + height: 420px; + object-fit: cover; + } + .teams_name { + font-size: 24px; + font-weight: 700; + line-height: 24px; + } + .teams_surname { + font-size: 24px; + font-weight: 400; + line-height: 24px; + } + .our_team .block_slider { + padding-bottom: 38px; + } + .our_team .swiper-pagination { + height: 12px; + } + .geography_company { + margin-bottom: 40px; + } + .geography_company .about_block { + padding: 0 24px; + } + .geography_company .cards_geography { + flex-direction: column; + margin-bottom: 40px; + } + .geography_item{ + width: 100%; + } + .geography_mini_text{ + line-height: 22px; + } + .geography_map_img { + border-radius: 0; + } + .geography_map_block { + width: 1376px; + } + .geography_map_container { + overflow-x: scroll; + } + .on_marketplaces { + margin-bottom: 75px; + padding: 0 24px; + } + .on_marketplaces .title_block { + font-size: 24px; + font-weight: 700; + line-height: 28px; + margin-bottom: 32px; + } + .marketplaces_items_group{ + flex-direction: column; + } + .marketplaces_item { + padding: 40px; + height: 275px; + max-width: 100%; + } + .marketplaces_title_item_img { + width: 214px; + } + .marketplaces_second_img { + width: 114px; + } + .marketplaces_grade { + margin: 16px 0; + } + .marketplaces_text_grade { + font-size: 24px; + font-weight: 700; + line-height: 24px; + } + .marketplaces_img_grade { + width: 24px; + height: 24px; + } + .marketplaces_bottom_text_title { + flex-direction: column; + gap: 4px; + align-items: flex-start; + } + .marketplaces_commend_text { + font-size: 16px; + font-weight: 400; + line-height: 24px; + } + .go_catalog { + bottom: 24px; + } + .marketplaces_item:last-child{ + background-image: url(../img/bg_item2.png); + } + .form_block .img_form { + display: none; + } + .form_block .mob { + display: block !important; + } + .form_block { + margin-bottom: 64px; + } +} + +@media (max-width: 600px){ + .about_company .about_block { + padding: 40px 40px 387px 40px; + background-image: url(../img/hero_home1.png); + border-radius: 0; + background-position: bottom; + } + .about_title_block{ + line-height: 58px; + font-size: 40px; + } +} + +@media (max-width: 480px){ + .about_company .about_block{ + padding: 40px 40px 262px 40px; + } +} \ No newline at end of file diff --git a/img/arrow_slide.svg b/img/arrow_slide.svg new file mode 100644 index 0000000..64c9037 --- /dev/null +++ b/img/arrow_slide.svg @@ -0,0 +1,4 @@ + + + + diff --git a/img/bg_item.png b/img/bg_item.png new file mode 100644 index 0000000..1940d15 Binary files /dev/null and b/img/bg_item.png differ diff --git a/img/bg_item1.png b/img/bg_item1.png new file mode 100644 index 0000000..d28ad6c Binary files /dev/null and b/img/bg_item1.png differ diff --git a/img/bg_item2.png b/img/bg_item2.png new file mode 100644 index 0000000..64b70b8 Binary files /dev/null and b/img/bg_item2.png differ diff --git a/img/fill_slide.png b/img/fill_slide.png new file mode 100644 index 0000000..c0f80de Binary files /dev/null and b/img/fill_slide.png differ diff --git a/img/hero_home.png b/img/hero_home.png new file mode 100644 index 0000000..a2bd9b0 Binary files /dev/null and b/img/hero_home.png differ diff --git a/img/hero_home1.png b/img/hero_home1.png new file mode 100644 index 0000000..3888283 Binary files /dev/null and b/img/hero_home1.png differ diff --git a/img/img_city.svg b/img/img_city.svg new file mode 100644 index 0000000..47291f3 --- /dev/null +++ b/img/img_city.svg @@ -0,0 +1,3 @@ + + + diff --git a/img/img_connect.svg b/img/img_connect.svg new file mode 100644 index 0000000..1db2374 --- /dev/null +++ b/img/img_connect.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/img/img_connect1.svg b/img/img_connect1.svg new file mode 100644 index 0000000..a994067 --- /dev/null +++ b/img/img_connect1.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/img/img_form.png b/img/img_form.png new file mode 100644 index 0000000..a332e8f Binary files /dev/null and b/img/img_form.png differ diff --git a/img/img_form1.png b/img/img_form1.png new file mode 100644 index 0000000..016669e Binary files /dev/null and b/img/img_form1.png differ diff --git a/img/img_geoph.svg b/img/img_geoph.svg new file mode 100644 index 0000000..5e98020 --- /dev/null +++ b/img/img_geoph.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/img/img_inf.svg b/img/img_inf.svg new file mode 100644 index 0000000..8b46240 --- /dev/null +++ b/img/img_inf.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/img/img_inf1.svg b/img/img_inf1.svg new file mode 100644 index 0000000..e215b47 --- /dev/null +++ b/img/img_inf1.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/img/img_inf2.svg b/img/img_inf2.svg new file mode 100644 index 0000000..56b7d36 --- /dev/null +++ b/img/img_inf2.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/img/img_item.png b/img/img_item.png new file mode 100644 index 0000000..1cf7ba1 Binary files /dev/null and b/img/img_item.png differ diff --git a/img/img_item1.png b/img/img_item1.png new file mode 100644 index 0000000..9697858 Binary files /dev/null and b/img/img_item1.png differ diff --git a/img/img_item2.png b/img/img_item2.png new file mode 100644 index 0000000..33260fb Binary files /dev/null and b/img/img_item2.png differ diff --git a/img/img_item3.png b/img/img_item3.png new file mode 100644 index 0000000..d218320 Binary files /dev/null and b/img/img_item3.png differ diff --git a/img/img_map.png b/img/img_map.png new file mode 100644 index 0000000..eb82663 Binary files /dev/null and b/img/img_map.png differ diff --git a/img/img_people.png b/img/img_people.png new file mode 100644 index 0000000..f5ba3dd Binary files /dev/null and b/img/img_people.png differ diff --git a/img/img_slide.svg b/img/img_slide.svg new file mode 100644 index 0000000..a8622a5 --- /dev/null +++ b/img/img_slide.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/img/img_slide1.svg b/img/img_slide1.svg new file mode 100644 index 0000000..5f9aa5e --- /dev/null +++ b/img/img_slide1.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/img/img_slide2.svg b/img/img_slide2.svg new file mode 100644 index 0000000..5ff311e --- /dev/null +++ b/img/img_slide2.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/img/img_slide3.svg b/img/img_slide3.svg new file mode 100644 index 0000000..df99d06 --- /dev/null +++ b/img/img_slide3.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/img/img_slide4.svg b/img/img_slide4.svg new file mode 100644 index 0000000..61873e0 --- /dev/null +++ b/img/img_slide4.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/img/img_team.png b/img/img_team.png new file mode 100644 index 0000000..22d168d Binary files /dev/null and b/img/img_team.png differ diff --git a/img/img_team1.png b/img/img_team1.png new file mode 100644 index 0000000..b0a743e Binary files /dev/null and b/img/img_team1.png differ diff --git a/img/img_team2.png b/img/img_team2.png new file mode 100644 index 0000000..e4ee8fb Binary files /dev/null and b/img/img_team2.png differ diff --git a/img/img_team3.png b/img/img_team3.png new file mode 100644 index 0000000..4bf90f2 Binary files /dev/null and b/img/img_team3.png differ diff --git a/img/leaf.svg b/img/leaf.svg new file mode 100644 index 0000000..56787fb --- /dev/null +++ b/img/leaf.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/img/leaf1.svg b/img/leaf1.svg new file mode 100644 index 0000000..83041a4 --- /dev/null +++ b/img/leaf1.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/img/recommended_img.png b/img/recommended_img.png new file mode 100644 index 0000000..b082d65 Binary files /dev/null and b/img/recommended_img.png differ diff --git a/img/recommended_img1.png b/img/recommended_img1.png new file mode 100644 index 0000000..20e4d38 Binary files /dev/null and b/img/recommended_img1.png differ diff --git a/img/recommended_img2.png b/img/recommended_img2.png new file mode 100644 index 0000000..f7983c3 Binary files /dev/null and b/img/recommended_img2.png differ diff --git a/img/star.svg b/img/star.svg new file mode 100644 index 0000000..b467317 --- /dev/null +++ b/img/star.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/img/title_img.svg b/img/title_img.svg new file mode 100644 index 0000000..75e3566 --- /dev/null +++ b/img/title_img.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/img/title_img1.svg b/img/title_img1.svg new file mode 100644 index 0000000..de6008b --- /dev/null +++ b/img/title_img1.svg @@ -0,0 +1,3 @@ + + + diff --git a/index.html b/index.html index deb9630..95d16c0 100644 --- a/index.html +++ b/index.html @@ -1,72 +1,399 @@ - - - - - - SEO title - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + Jetlife + + +
+
+
+
    +
  1. Главная
    2. + / +
  2. О компании
    3. +
+
+
+
+
+
+

О КОМПАНИИ ДЖЕТ ЛАЙФ

+
+

10 лет на рынке здоровья

+

300+ товаров в каталоге

+
+

10 000+ положительных отзывов

+
+
+
+
+
+
+

Основные направления

+
+
+

Розничная торговля

+

Производим и продаём более 300 различных
БАДов и витаминов. Доставляем товар по
России и СНГ. Высочайшее качество и
доступная цена.

+
+
+

Контрактное производство

+

Работаем с селлерами на маркетплейсах
и производим товары для здоровья
на заказ в промышленных масштабах!

+
+
+
+
+
+
+
+
+

Производство Джет-Лайф

+
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
- - - - - -
-
- - +
+ +
+ +
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+ +
+ +
+
+
-
- - +
+
+
+
+
+
+ +

КОНТРОЛЬ
КАЧЕСТВА

+

На всех этапах производства проводится
+ строгий контроль качества.

+
+
+ +

БЕЗОПАСНОСТЬ
И ЭФФЕКТИВНОСТЬ

+

Созданию каждого продукта предшествуют
+ многолетние научные исследования.

+
+
+ +

СЕРТИФИКАТЫ
И ЛИЦЕНЗИИ

+

Вся продукция сертифицирована.
+ Высокое качество выпускаемой продукции,
гарантировано стандартом системы качества

+
+
+ + +
- - - +
+
+
+
+

Мы на маркетплейсах

+
+
+ +
+ +

4.9

+
+
+

> 20 000 отзывов

+

< 100 продаж в сутки

+
+ Перейти в каталог +
+
+ +
+ +

4.8

+
+
+

> 4 500 отзывов

+

< 50 продаж в сутки

+
+ Перейти в каталог +
+
+
+
+
+
+
+
+

Нас рекомендуют

+
+
+ +

Сергей Валерьевич
Вожаков

+

Инфекционист, гепатолог, педиатр,
нутрициолог

+
+ @doctor_vozhakov_school +
+
+
+ +

Елена Юрьевна
Барсукова

+

Врач-терапевт, нутрициолог, диетолог,
специалист по анемии и витаминам

+
+ @drbarsukova + @dr.barsukovalena +
+
+
+ +

Дамир
Джалилов

+

Остеопат, невролог, мануальный
терапевт

+
+
+
+
+
+
+
+
+

Наша команда

+
+
+
+
+
+ +

Директор компании

+
+
+

Тимур

+

Иманкулов

+
+
+
+
+ +

Исполнительный директор

+
+
+

Богдан

+

Кайбулаев

+
+
+
+
+ +

Ответственная за производство

+
+
+

Виктория

+

Долгова

+
+
+
+
+ +

Директор производства

+
+
+

Виктория

+

Долгова

+
+
+
+
+ +

Директор компании

+
+
+

Тимур

+

Иманкулов

+
+
+
+
+ +

Исполнительный директор

+
+
+

Богдан

+

Кайбулаев

+
+
+
+
+ +

Ответственная за производство

+
+
+

Виктория

+

Долгова

+
+
+
+
+ +

Директор производства

+
+
+

Виктория

+

Долгова

+
+
+
+
+
+
+
+
+
+
+
+
+

География компании

+
+
+ 20+ +

Представительств в городах России

+
+
+ +

Доставка в любой регион России

+
+
+ 300+ +

Товаров в каталоге

+
+
+ 10 000+ +

Постоянных клиентов

+
+
+
+
+
+
+ +
+
+
+
+
+
+ + +
+
+
+
+ - - + + + + + \ No newline at end of file diff --git a/js/main.js b/js/main.js new file mode 100644 index 0000000..a838400 --- /dev/null +++ b/js/main.js @@ -0,0 +1,75 @@ +const sliderThumbs = new Swiper('.slider__thumbs .swiper-container', { + direction: 'vertical', + slidesPerView: 5, + spaceBetween: 8, + navigation: { + nextEl: '.slider__prev', + prevEl: '.slider__next' + }, + freeMode: true, + breakpoints: { + 0: { + direction: 'horizontal', + slidesPerView: 4, + }, + 999: { + direction: 'vertical', + } + } +}); + +const sliderImages = new Swiper('.slider__images .swiper-container', { + direction: 'vertical', + slidesPerView: 1, + spaceBetween: 32, + mousewheel: true, + navigation: { + nextEl: '.slider__prev', + prevEl: '.slider__next' + }, + grabCursor: true, + thumbs: { + swiper: sliderThumbs + }, + breakpoints: { + 0: { + direction: 'horizontal', + }, + 999: { + direction: 'vertical', + } + } +}); + + + + + +const swiper = new Swiper('.custom-swiper', { + slidesPerView: 1, + spaceBetween: 16, + loop: true, + pagination: { + el: '.swiper-pagination', + type: 'progressbar', + }, + breakpoints: { + 480: { + slidesPerView: 2, + spaceBetween: 8, + }, + 768: { + slidesPerView: 3, + spaceBetween: 12, + }, + 1024: { + slidesPerView: 3, + spaceBetween: 16, + }, + 1337: { + slidesPerView: 4, + spaceBetween: 20, + } + }, +}); + diff --git a/send-telegram.php b/send-telegram.php deleted file mode 100644 index 285ed9a..0000000 --- a/send-telegram.php +++ /dev/null @@ -1,38 +0,0 @@ - $name, - 'Телефон:' => $phone - ); - - //Настраиваем внешний вид сообщения в телеграме - foreach($arr as $key => $value) { - $txt .= "".$key." ".$value."%0A"; - }; - - //Передаем данные боту - $sendToTelegram = fopen("https://api.telegram.org/bot{$token}/sendMessage?chat_id={$chat_id}&parse_mode=html&text={$txt}","r"); - - //Выводим сообщение об успешной отправке - if ($sendToTelegram) { - echo 'Спасибо! Ваша заявка принята. Мы свяжемся с вами в ближайшее время.'; - }else{ - echo 'Что-то пошло не так. Попробуйте отправить форму ещё раз.'; - } -} - -?> \ No newline at end of file diff --git a/ui_kit.html b/ui_kit.html deleted file mode 100644 index 4196742..0000000 --- a/ui_kit.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - UI kit - - - - -
-
-
-
- -
-
- - \ No newline at end of file