Codly
html
<!DOCTYPE html>
<html>
<head></head>
<body>
<div id="top_header">
<div id="cart">
<!--<div class="cart" id="cart1"></div>-->
<!--<div class="cart" id="cart2"></div>-->
<span class="cart" id="cart1"></span>
<span class="cart" id="cart2"></span>
</div>
<a id="a_logotip" href="https://ishop-electronic.ru">
<img id="logotip" src="https://ishop-electronic.ru/images/logotip.png">
</a>
<div class="navicon" id="navicon" onclick="">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div id="top_header_under"></div>
<div id="menu_cart">
<div id="menu_cart_div">
<div class="div_menu_cart">
<a class="a_menu_cart" href="#">
<div class="icon_menu_cart">1</div>
</a>
</div>
<div class="div_menu_cart">
<a class="a_menu_cart" href="#">
<div class="icon_menu_cart">2</div>
</a>
</div>
<div class="div_menu_cart">
<a class="a_menu_cart" href="#">
<div class="icon_menu_cart">3</div>
</a>
</div>
<div class="div_menu_cart">
<a class="a_menu_cart" href="#">
<div class="icon_menu_cart">4</div>
</a>
</div>
<div class="div_menu_cart">
<a class="a_menu_cart" href="#">
<div class="icon_menu_cart">5</div>
</a>
</div>
</div>
</div>
<div class="g_menu" id="g_menu">
<ul>
<a href=""><li>Смартфоны</li></a>
<a href=""><li>Планшеты</li></a>
<a href=""><li>Ноутбуки</li></a>
<a href=""><li>Часы</li></a>
<a href=""><li>Наушники</li></a>
</ul>
</div>
<div id="search_box">
<form id="form_search">
<input id="search_text" type="text">
<input id="search_button" type="submit" value="Поиск">
</form>
</div>
<div id="crumbs">
<h1>Смарт часы</h1>
</div>
<div id="slider_crumbs">
<a href="">Смартфоны</a>
<a href="">Apple</a>
</div>
<div id="slider_menu">
<div class="a_slider_menu" onclick="openProduct(event, 'apple')">
<img class="img_slider_menu" src="https://img.05.ru/resize/b10EE72cvi0ktXQlZNB3l8PtdG0YPpDU-Vupd9mhgn4//rs:fit:844:1380:0:0/q:80/bG9jYWw6Ly8vdXBsb2FkL2libG9jay8wMDAwMDE5ODM0MS8zLmpwZw">
<p class="p_slider_menu">Apple</p>
</div>
<div class="a_slider_menu" onclick="openProduct(event, 'samsung')">
<img class="img_slider_menu" src="https://img.05.ru/resize/iAhlpsnGkeiL4ZXhgjWFD8byFFAtybhK9QtF7P-DIFs//rs:fit:1172:1920:0:0/q:80/bG9jYWw6Ly8vdXBsb2FkL2libG9jay8wMDAwMDIwMTUyMy8xMTUuanBn">
<p class="p_slider_menu">Samsung</p>
</div>
<div class="a_slider_menu" href="">
<img class="img_slider_menu" src="https://img.05.ru/resize/IRACqOA88jivJXUr4mhgsAAxUWNkbTSloEvYBV0qeu4//rs:fit:436:660:0:0/q:80/bG9jYWw6Ly8vdXBsb2FkLzAwMDAwMTM0NDYzLzEwLmpwZw">
<p class="p_slider_menu">Xiaomi</p>
</div>
<div class="a_slider_menu" href="">
<img class="img_slider_menu" src="https://img.05.ru/resize/o7gAxosIZNUuM79fD1XvLr156LrFcK3T6qSXG9z0XEM//rs:fit:749:1200:0:0/q:80/bG9jYWw6Ly8vdXBsb2FkL2libG9jay8wMDAwMDIxNTYzMS82LmpwZw">
<p class="p_slider_menu">Huawei</p>
</div>
<div class="a_slider_menu" href="">
<img class="img_slider_menu" src="https://magazin-sportlife.ru/uploaded/img/shop/883/3.jpg">
<p class="p_slider_menu">Garmin</p>
</div>
<div class="a_slider_menu" href="">
<img class="img_slider_menu" src="data:image/png;base64,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">
<p class="p_slider_menu">Фитнес-браслет</p>
</div>
<div class="a_slider_menu" href="">
<img class="img_slider_menu" src="data:image/png;base64,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">
<p class="p_slider_menu">Смарт-часы</p>
</div>
</div>
<div id="filtr">
<div id="filtr_button">Фильтр категорий</div>
</div>
<div id="modal_filtr">
<form id="form_modal">
<select id="form_modal_select">
<option class="option_modal">1</option>
<option class="option_modal">2</option>
<option class="option_modal">3</option>
<option class="option_modal">4</option>
<option class="option_modal">5</option>
</select>
</form>
</div>
<div id="product_box">
<div id="apple" class="product_name">
<div class="flex">
<div class="a_product">
<a class="idp_a" href="#">
<img src="https://img.05.ru/resize/2mEi_11sTQJYB-7_oSSQBZ9e0fVw82nrBYawC7ffc9w//rs:fit:652:805:0:0/q:80/bG9jYWw6Ly8vdXBsb2FkL2libG9jay8wMDAwMDIxNDAyNS82LmpwZw" class="div_img_product">
<div class="div_description_product">Смартфон Apple iPhone 15 Pro Max 512 Гб Natural Titanium</div>
<div class="price_product">145 000 руб.</div>
</a>
<a class="add_to_cart">
<div class="p_add_to_cart">В корзину</div>
</a>
</div>
<div class="a_product">
<a class="idp_a" href="#">
<img src="https://img.05.ru/resize/OxfIf9Q43QZibaQbCOMmQDjM6ccHtjuRnjPYZnle5o8//rs:fit:649:829:0:0/q:80/bG9jYWw6Ly8vdXBsb2FkL2libG9jay8wMDAwMDIxNDAyNi82LmpwZw" class="div_img_product">
<div class="div_description_product">Смартфон Apple iPhone 15 Pro Max 512 Гб Natural Titanium</div>
<div class="price_product">4 000 руб.</div>
</a>
<a class="add_to_cart">
<div class="p_add_to_cart">В корзину</div>
</a>
</div>
<div class="a_product">
<a href="#">
<img src="https://img.05.ru/resize/oqBlCCfIx_jnsHxIHCHdR97Q84zLw6TBjmGyZZ--7KE//rs:fit:737:937:0:0/q:80/bG9jYWw6Ly8vdXBsb2FkL2libG9jay8wMDAwMDIxNDAwOS82LmpwZw" class="div_img_product">
<div class="div_description_product">Смартфон Apple iPhone 15 Pro Max 512 Гб Natural Titanium</div>
<div class="price_product">4 000 руб.</div>
</a>
<a class="add_to_cart">
<div class="p_add_to_cart">В корзину</div>
</a>
</div>
<div class="a_product">
<a href="#">
<img src="https://img.05.ru/resize/JBQb_d4bP9CGf61ilaTOc55DRU0CPr8CW36HnWPKxys//rs:fit:664:829:0:0/q:80/bG9jYWw6Ly8vdXBsb2FkL2libG9jay8wMDAwMDIxNDAxNS82LmpwZw" class="div_img_product">
<div class="div_description_product">Смартфон Apple iPhone 15 Pro Max 512 Гб Natural Titanium</div>
<div class="price_product">4 000 руб.</div>
</a>
<a class="add_to_cart">
<div class="p_add_to_cart">В корзину</div>
</a>
</div>
<div class="a_product">
<a href="#">
<div class="div_img_product"></div>
<div class="div_description_product">Xiaomi Mi Watch Lite</div>
<div class="price_product">4 000 руб.</div>
</a>
<div class="add_to_cart">
<div class="p_add_to_cart">В корзину</div>
</div>
</div>
<div class="a_product">
<a href="#">
<div class="div_img_product"></div>
<div class="div_description_product">Xiaomi Mi Watch Lite</div>
<div class="price_product">4 000 руб.</div>
</a>
<div class="add_to_cart">
<div class="p_add_to_cart">В корзину</div>
</div>
</div>
<div class="a_product">
<a href="#">
<div class="div_img_product"></div>
<div class="div_description_product">Xiaomi Mi Watch Lite</div>
<div class="price_product">4 000 руб.</div>
</a>
<div class="add_to_cart">
<div class="p_add_to_cart">В корзину</div>
</div>
</div>
<div class="a_product">
<a href="#">
<div class="div_img_product"></div>
<div class="div_description_product">Xiaomi Mi Watch Lite</div>
<div class="price_product">4 000 руб.</div>
</a>
<div class="add_to_cart">
<div class="p_add_to_cart">В корзину</div>
</div>
</div>
<div class="a_product">
<a href="#">
<div class="div_img_product"></div>
<div class="div_description_product">Xiaomi Mi Watch Lite</div>
<div class="price_product">4 000 руб.</div>
</a>
<div class="add_to_cart">
<div class="p_add_to_cart">В корзину</div>
</div>
</div>
<div class="a_product">
<a href="#">
<div class="div_img_product"></div>
<div class="div_description_product">Xiaomi Mi Watch Lite</div>
<div class="price_product">4 000 руб.</div>
</a>
<div class="add_to_cart">
<div class="p_add_to_cart">В корзину</div>
</div>
</div>
<a class="a_product" href=""></a>
<a class="a_product" href=""></a>
<a class="a_product" href=""></a>
<a class="a_product" href=""></a>
<a class="a_product" href=""></a>
<a class="a_product" href=""></a>
<a id="a_product_transparent" href=""></a>
</div>
</div>
<!--Samsung-->
<div id="samsung" class="product_name">
<div class="flex">
<div class="a_product">
<a class="idp_a" href="#">
<img src="https://img.05.ru/resize/BqS5C5rl8spnrIg-Bqld8c7Mf0ghP1wArgYKRJGSAxs//rs:fit:761:905:0:0/q:80/bG9jYWw6Ly8vdXBsb2FkL2libG9jay8wMDAwMDIwMzY2OS8xLmpwZw" class="div_img_product">
<div class="div_description_product">Смартфон Samsung</div>
<div class="price_product">145 000 руб.</div>
</a>
<a class="add_to_cart">
<div class="p_add_to_cart">В корзину</div>
</a>
</div>
<div class="a_product">
<a class="idp_a" href="#">
<img src="https://img.05.ru/resize/iOYZR_UElErVXncZowv8tyntna7DzXmk2D5poHSthj8//rs:fit:624:809:0:0/q:80/bG9jYWw6Ly8vdXBsb2FkL2libG9jay8wMDAwMDIwOTE3MC8xLnBuZw" class="div_img_product">
<div class="div_description_product">Смартфон Apple iPhone 15 Pro Max 512 Гб Natural Titanium</div>
<div class="price_product">4 000 руб.</div>
</a>
<a class="add_to_cart">
<div class="p_add_to_cart">В корзину</div>
</a>
</div>
<div class="a_product">
<a href="#">
<img src="https://img.05.ru/resize/oqBlCCfIx_jnsHxIHCHdR97Q84zLw6TBjmGyZZ--7KE//rs:fit:737:937:0:0/q:80/bG9jYWw6Ly8vdXBsb2FkL2libG9jay8wMDAwMDIxNDAwOS82LmpwZw" class="div_img_product">
<div class="div_description_product">Смартфон Apple iPhone 15 Pro Max 512 Гб Natural Titanium</div>
<div class="price_product">4 000 руб.</div>
</a>
<a class="add_to_cart">
<div class="p_add_to_cart">В корзину</div>
</a>
</div>
<div class="a_product">
<a href="#">
<img src="https://img.05.ru/resize/JBQb_d4bP9CGf61ilaTOc55DRU0CPr8CW36HnWPKxys//rs:fit:664:829:0:0/q:80/bG9jYWw6Ly8vdXBsb2FkL2libG9jay8wMDAwMDIxNDAxNS82LmpwZw" class="div_img_product">
<div class="div_description_product">Смартфон Apple iPhone 15 Pro Max 512 Гб Natural Titanium</div>
<div class="price_product">4 000 руб.</div>
</a>
<a class="add_to_cart">
<div class="p_add_to_cart">В корзину</div>
</a>
</div>
<div class="a_product">
<a href="#">
<div class="div_img_product"></div>
<div class="div_description_product">Xiaomi Mi Watch Lite</div>
<div class="price_product">4 000 руб.</div>
</a>
<div class="add_to_cart">
<div class="p_add_to_cart">В корзину</div>
</div>
</div>
<div class="a_product">
<a href="#">
<div class="div_img_product"></div>
<div class="div_description_product">Xiaomi Mi Watch Lite</div>
<div class="price_product">4 000 руб.</div>
</a>
<div class="add_to_cart">
<div class="p_add_to_cart">В корзину</div>
</div>
</div>
<div class="a_product">
<a href="#">
<div class="div_img_product"></div>
<div class="div_description_product">Xiaomi Mi Watch Lite</div>
<div class="price_product">4 000 руб.</div>
</a>
<div class="add_to_cart">
<div class="p_add_to_cart">В корзину</div>
</div>
</div>
<div class="a_product">
<a href="#">
<div class="div_img_product"></div>
<div class="div_description_product">Xiaomi Mi Watch Lite</div>
<div class="price_product">4 000 руб.</div>
</a>
<div class="add_to_cart">
<div class="p_add_to_cart">В корзину</div>
</div>
</div>
<div class="a_product">
<a href="#">
<div class="div_img_product"></div>
<div class="div_description_product">Xiaomi Mi Watch Lite</div>
<div class="price_product">4 000 руб.</div>
</a>
<div class="add_to_cart">
<div class="p_add_to_cart">В корзину</div>
</div>
</div>
<div class="a_product">
<a href="#">
<div class="div_img_product"></div>
<div class="div_description_product">Xiaomi Mi Watch Lite</div>
<div class="price_product">4 000 руб.</div>
</a>
<div class="add_to_cart">
<div class="p_add_to_cart">В корзину</div>
</div>
</div>
<a id="a_product_transparent" href=""></a>
</div>
</div>
</div>
<!------------->
<a id="a_box_1" href="#">
<div id="box_1">
<p>iPhone</p>
</div>
</a>
<div id="box_2">
<a id="a_box_2" href="#">
<div id="box_2_1">
<p>Roborock S8 Pro Ultra</p>
</div>
</a>
<a id="a_box_2" href="#">
<div id="box_2_2">
<p>PoweBank Baseus</p>
</div>
</a>
</div>
<a id="a_box_3" href="#">
<div id="box_3">
<div id="box_3_1">
<p>Dyson V15</p>
</div>
<div id="box_3_2">
<p id="text_box_3_2">Dyson V15 Detect Absolute <u>Беспроводной пылесос сочетает в себе лучшие качества, например, щетку эргономичной формы, мощный мотор, высокое качество сборки.</u></u></p>
</div>
</div>
</a>
<footer></footer>
</body>
</html>
css
*{
margin: 0;
padding: 0;
}
html{
background: #000;
}
body{
width: 350px;
margin: 0 auto;
background: #fff;
}
#top_header{
width: 350px;
height: 50px;
display: flex;
justify-content: center;
position: fixed;
background: #2C3E50;
z-index: 1;
}
#cart{
aspect-ratio: 1;
height: 42px;
margin: 4px 0;
border-radius: 5px;
/*box-shadow: inset 0 0 3px #ECF0F1;*/
display: flex;
flex-grow: 1;
flex-wrap: wrap;
position: absolute;
left: 10px;
/*background: #1e90ff;*/
cursor: pointer;
}
.cart{
aspect-ratio: 1;
width: 6px;
height: 29px;
margin: 7px;
border-radius: 10px;
background: #fff;
transition: .5s ease-in-out;
}
#cart1{
margin-left: 9px;
transform: rotate(120deg);
}
#cart2{
transform: rotate(-120deg);
}
#cart.open_cart span:nth-child(1){
margin-left: 9px;
background: #ff0000;
transform: rotate(-120deg);
}
#cart.open_cart span:nth-child(2){
background: #ff0000;
transform: rotate(120deg);
}
#menu_cart{
width: 350px;
/*display: none;*/
flex-grow: 1;
flex-wrap: no-wrap;
/*position: fixed;*/
top: 50px;
left: 0;
right: 0;
/*background: #cecece;*/
z-index: 1;
}
#menu_cart_div{
width: 350px;
height: auto;
margin: 0 auto;
border-radius: 0 0 20px 20px;
display: flex;
flex-grow: 1;
flex-wrap: no-wrap;
/*position: fixed;*/
top: 50px;
left: 0;
right: 0;
/*background: #cecece;*/
background: rgb(40, 55, 71, 1);
z-index: 1;
}
.div_menu_cart{
aspect-ratio: 1;
width: 25%;
height: auto;
display: flex;
justify-content: center;
/*flex-grow: 1;*/
/*flex-wrap: no-wrap;*/
/*box-shadow: inset 0 0 2px #000;*/
/*background: #1e90ff;*/
}
.a_menu_cart{
aspect-ratio: 1;
width: 80%;
height: 80%;
border-radius: 10px;
display: flex;
justify-content: center;
align-self: center;
align-items: center;
background: #ff5500;
}
.icon_menu_cart{
aspect-ratio: 1;
width: 100%;
height: 100%;
border-radius: 10px;
display: flex;
justify-content: center;
align-self: center;
align-items: center;
background: #ECF0F1;
}
.icon_menu_cart:hover{
color: #fff;
background: #707070;
}
#a_logotip{
display: flex;
}
#logotip{
cursor: pointer;
}
#navicon {
width: 45px;
height: 30px;
/*position: relative;*/
margin: 10px 0;
transform: rotate(0deg);
transition: .5s ease-in-out;
cursor: pointer;
position: absolute;
right: 5px;
/*background: #cecece;*/
}
#navicon span {
display: block;
position: absolute;
height: 6px;
width: 100%;
background: #fff;
border-radius: 9px;
opacity: 1;
left: 0;
transform: rotate(0deg);
transition: .25s ease-in-out;
}
#navicon span:nth-child(1) {
top: 0px;
}
#navicon span:nth-child(2) {
top: 12px;
}
#navicon span:nth-child(3) {
top: 24px;
}
#navicon.open span:nth-child(1) {
top: 12px;
transform: rotate(135deg);
background: #ff0000;
}
#navicon.open span:nth-child(2) {
opacity: 0;
left: -60px;
}
#navicon.open span:nth-child(3) {
top: 12px;
transform: rotate(-135deg);
background: #ff0000;
}
#top_header_under{
width: 100%;
height: 50px;
background: #37474F;
}
#g_menu{
width: 350px;
height: 100%;
display: none;
/*background: #fff;*/
}
.g_menu{
margin-bottom: 90px;
display: block;
position: fixed;
top: 50px;
bottom: 50px;
overflow: scroll;
z-index: 1;
}
::-webkit-scrollbar {
width: 0;
}
ul{
width: 96%;
margin: 0 2%;
border-radius: 5px;
list-style-type: none;
/*background: #F1C40F;*/
}
a{
text-decoration: none;
}
li{
height: 40px;
margin: 3px 0;
padding: 3px 5px;
border-radius: 5px;
font-family: Sans-Serif;
font-size: 110%;
font-weight: 600;
color: #fff;
display: flex;
align-items: center;
background: #708090;
}
li:hover{
cursor: pointer;
background: #cecece;
}
#ots{
width: 100%;
height: 100px;
}
#g_menu > select{
width: 100%;
height: 40px;
margin: 10px 5%;
border: transparent;
border-radius: 5px;
background: #5DADE2;
}
.g_menu{
display: block;
background: #E5E8E8;
}
#slider{
aspect-ratio: 16/9;
width: 100%;
background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTIXdxnwco5E6wlBjYxJTd3RxjWfoR-SuZSk9C9dlA3NvTVEUnospVYGSkJqXrQZnkaQVk&usqp=CAU) no-repeat;
background-size: cover;
}
#search_box{
width: 100%;
height: 50px;
margin-top: 15px;
display: flex;
justify-content: end;
/*background: #3498DB;*/
}
#form_search{
width: 100%;
display: flex;
}
#search_text{
width: 100%;
height: 42px;
margin: 4px 10px;
padding-left: 5px;
border: transparent;
border-radius: 5px;
box-shadow: inset 0 0 1px #1e90ff;
font-family: Sans-Serif;
font-size: 115%;
background: #f5f5f5;
}
#search_button{
aspect-ratio: 1;
height: 42px;
margin: 4px 0;
margin-right: 10px;
border-radius: 5px;
box-shadow: inset 0 0 5px #E74C3C;
/*background: #E74C3C;*/
}
#crumbs{
width: 100%;
min-height: 100px;
margin-top: 20px;
background: #229954;
}
h1{
font-family: Sans-Serif;
font-size: 150%;
}
#slider_crumbs{
width: 100%;
height: 30px;
display: flex;
align-items: center;
/*background: #cecece;*/
}
#slider_crumbs a{
width: auto;
height: 25px;
margin: 0px 4px;
padding: 2px 5px;
border-radius: 10px;
font-family: Sans-Serif;
font-weight: 600;
letter-spacing: 1px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
background: #1e90ff;
}
#slider_menu{
width: 100%;
height: 190px;
margin: 10px auto;
display: flex;
flex-grow: 1;
flex-wrap: no-wrap;
overflow: hidden;
overflow-x: scroll;
/*background: #1e90ff;*/
}
.a_slider_menu{
aspect-ratio: 4/5;
width: 50%;
margin: 5px;
/*border-radius: 10px;*/
display: flex;
justify-content: center;
/*background: #B3B6B7;*/
position: relative;
/*overflow: hidden;*/
}
.img_slider_menu{
aspect-ratio: 1;
width: 55%;
object-fit: contain;
}
.p_slider_menu{
width: 100%;
text-align: center;
text-shadow: 0 0 0px;
font-weight: 500;
color: #000;
display: flex;
justify-content: center;
position: absolute;
bottom: 0px;
left: 0px;
/*background: #1e90ff;*/
}
#filtr{
width: 100%;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
/*background: #F39C12;*/
}
#filtr_button{
width: 90%;
height: 50px;
border-radius: 10px;
box-shadow: 0 0 3px #000;
font-family: Sans-Serif;
font-weight: 600;
letter-spacing: 3px;
display: flex;
justify-content: center;
align-items: center;
background: #e9e9e9;
}
#modal_filtr{
width: 350px;
height: 100%;
margin: 0 auto;
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
background: #cecece;
z-index: 1;
}
#form_modal{
width: 100%;
margin-top: 30px;
}
#form_modal_select{
width: 90%;
height: 40px;
margin: 0 5%;
border-radius: 8px;
display: flex;
justify-content: center;
text-align: center;
}
#product_box{
width: 98%;
height: auto;
margin: 10px auto;
display: flex;
flex-grow: 1;
flex-wrap: wrap;
/*background: #EAFAF1;*/
}
.product_name{
display: none;
}
#apple{
display: block;
}
.flex{
display: flex;
flex-wrap: wrap;
}
.a_product{
aspect-ratio: 4/7;
width: 48%;
margin: 1%;
border-radius: 10px;
box-shadow: inset 0 0 1px #000;
/*background: #909090;*/
position: relative;
}
.idp_a{
aspect-ratio: 4/6;
width: 100%;
/*height: 800px;*/
/*background: #cecece;*/
}
.div_img_product{
/*aspect-ratio: 1;*/
width: 84%;
height: auto;
margin: 17px 8%;
/*box-shadow: 0 0 1px #000;*/
background: #EB984E;
/*background: url(data:image/png;base64,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) no-repeat;*/
background-size: contain;
}
.div_description_product{
width: 90%;
height: 80px;
margin: auto;
font-family: Trebuchet MS;
font-size: 85%;
color: #000;
display: flex;
justify-content: center;
/*background: #1e90ff;*/
}
.price_product{
width: 100%;
margin-top: 10px;
font-family: Sans-Serif;
font-weight: 600;
color: #1E90FF;
display: flex;
justify-content: center;
align-items: center;
}
.add_to_cart{
width: 98%;
height: 30px;
margin: 7px auto;
margin-top: 10px;
border-radius: 10px;
box-shadow: 0 0 3px #cecece;
display: flex;
justify-content: center;
align-items: center;
background: #000;
}
.p_add_to_cart{
font-family: Sans-Serif;
font-weight: 600;
color: #fff;
}
#box_1{
aspect-ratio: 16/9;
width: 90%;
margin: 15px auto;
border-radius: 10px;
box-shadow: 0 0 3px #000;
display: flex;
background: #D5DBDB;
background: url(https://i.ytimg.com/vi/xqyUdNxWazA/maxresdefault.jpg) no-repeat;
background-size: cover;
position: relative;
}
#a_box_1{
display: flex;
}
p{
text-shadow: 0 0 1px #000;
font-family: Sans-Serif;
font-weight: 600;
color: #FBFCFC;
position: absolute;
bottom: 5px;
left: 10px;
}
#box_2{
aspect-ratio: 16/9;
width: 92%;
margin: 15px auto;
border-radius: 10px;
overflow: hidden;
display: flex;
flex-grow: 1;
flex-wrap: no-wrap;
/*background: #D5DBDB;*/
/*background: url(https://i.ytimg.com/vi/xqyUdNxWazA/maxresdefault.jpg) no-repeat;*/
/*background-size: cover;*/
position: relative;
}
#a_box_2{
width: 50%;
margin: 0 1%;
border-radius: 10px;
display: flex;
}
#box_2_1{
width: 100%;
margin: 0;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0 3px #000;
background: #7FB3D5;
background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQVmGWYSCMB1Clk5ECjWF5fEFAZ2uo_dJgz9Q&usqp=CAU) no-repeat;
background-size: cover;
position: relative;
}
#box_2_2{
width: 100%;
margin: 0;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0 3px #000;
background: #7FB3D5;
background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT4xUAW3ogj335DyfHVnXN6l40uc_IXFmzekxCcH_cLzpw6Mai7yK8IejCt-03U_s2tZZA&usqp=CAU) no-repeat;
background-size: cover;
position: relative;
}
#box_3{
width: 100%;
border: 1px solid #cecece;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0 3px #000;
display: flex;
flex-grow: 1;
flex-wrap: no-wrap;
/*background: #D5DBDB;*/
/*background: url(https://i.ytimg.com/vi/xqyUdNxWazA/maxresdefault.jpg) no-repeat;*/
/*background-size: cover;*/
position: relative;
}
#a_box_3{
aspect-ratio: 16/9;
width: 90%;
margin: 15px auto;
margin-top: 30px;
display: flex;
}
#box_3_1{
width: 50%;
margin: 0;
border-radius: 10px;
overflow: hidden;
/*background: #7FB3D5;*/
background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTu5QoriIAJi59S_WiibTIEmbzyFIzWVqvzBokRj0KXalzxgEVge-ufCsuKD0PpOLgb9NY&usqp=CAU) no-repeat;
background-size: cover;
position: relative;
}
#box_3_2{
width: 50%;
margin: 5px;
border-radius: 1px;
overflow: hidden;
/*background: #F2F3F4;*/
/*background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT4xUAW3ogj335DyfHVnXN6l40uc_IXFmzekxCcH_cLzpw6Mai7yK8IejCt-03U_s2tZZA&usqp=CAU) no-repeat;*/
background-size: cover;
position: relative;
}
#text_box_3_2{
text-shadow: 0 0 0px;
font-size: 90%;
font-weight: 100;
color: #E67E22;
position: relative;
top: 5px;
}
u{
margin: 5px;
color: #000;
text-decoration: none;
}
footer{
width: 100%;
height: 200px;
background: #17202A;
}
js
$(function() {
$('#navicon, #g_menu').click(function(){
$(this).toggleClass('open');
document.getElementById("g_menu").style.display="block";
});
});
$(function() {
$('#cart').click(function(){
$(this).toggleClass('open_cart');
});
});
$(".navicon").click(function () {
document.getElementById("g_menu").style.display="block";
// $(this).toggleClass("g_menu");
});
var navicon = document.getElementById("navicon");
var g_menu = document.getElementById("g_menu");
navicon.onclick = function(){
g_menu.style.display = "none";
}
var modal = document.getElementById("modal_filtr");
window.onclick = function(){
if(event.target == g_menu){
g_menu.style.display = "none";
}
}
function openProduct(evt, cityName) {
// Объявить все переменные
var i, tabcontent, tablinks;
// Получить все элементы с помощью class="tabcontent" и спрятать их
tabcontent = document.getElementsByClassName("product_name");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
// Получить все элементы с помощью class="tablinks" и удалить class "active"
tablinks = document.getElementsByClassName("a_slider_menu");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
// Показать текущую вкладку и добавить "active" класс для кнопки, которая открыла вкладку
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
// фильр категорий
var modal_filtr = document.getElementById("modal_filtr");
var filtr_button = document.getElementById("filtr_button");
var button_modal_filtr_cloce = document.getElementById("button_modal_filtr_cloce");
filtr_button.onclick = function(){
modal_filtr.style.display = "block";
}
button_modal_filtr_cloce.onclick = function(){
modal_filtr.style.display = "none";
}
window.onclick = function(){
if(event.target == modal_filtr){
modal_filtr.style.display = "none";
}
}