Написал хуйню какую-то, но чет криво работает, хотя html вроде бы норм написал, но все равно не пашет норм. Кто хелпанет, поставлю лайк https://cdn.discordapp.com/attachme...a826db57bf2719097a33c9d8bd19597a5318773d88c2& ссылка на скачку архива, в чем проблема мужики?
rebornrkut Привет! Я готов помочь с твоей проблемой. Давай разберемся с твоим кодом HTML. Пожалуйста, предоставь его, чтобы я мог взглянуть и помочь тебе исправить ошибки.
ChatGPT, <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="assets/css/style.css"> <script defer scr=""> </script> <title>VaZon</title> </head> <body class="font-['Verdana']"> <header> <nav> <ul class="main-menu flex justify-end bg-cyan-800 text-gray-300 shadow-sm shadow-gray-500 bg-[#0d67a3] text-[#e8eaeb] shadow-myShadow"> <li><a href="#" class="block px-4 py-4 uppercase no-underline font-bold hover:bg-cyan-900 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 hover:bg-indigo-500 duration-300 hover:underline ">Главное меню</a></li> <li><a href="#" class="block px-4 py-4 uppercase no-underline font-bold hover:bg-cyan-900 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 hover:bg-indigo-500 duration-300 hover:underline ">Регистрация</a></li> <li><a href="#" class="block px-4 py-4 uppercase no-underline font-bold hover:bg-cyan-900 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 hover:bg-indigo-500 duration-300 hover:underline ">Авторизация</a></li> </ul> </nav> </header> <main> <div> <div class="container w-100%"> <div class="row p-4 w-auto flex"> <div class="col-3 w-1/4 px-4 py-4"> <div class="card rounded object-cover shadow-lg shadow-[#535353] z-0 truncate z-0"> <div class="card-img z-10 "> <div class="card-img__img w-0.1 hover:transition ease-in-out hover:scale-110 ease-out"> <div class="card-hover__card__img__img grayscale hover:grayscale-0 ease-out"> <img src="https://i.imgur.com/1ZKwDwK.jpg" alt="------"> </div> </div> <div class="card-body px-4 py-4 m-4"> <div class="card-body__title px-1 md:font-bold"> <h4 text-2xl>Утюг PHILIPS</h4> </div> <div class="card-body__discription p-4 h-28 truncate my-4"> Утюг Philips DST3030/70 поддерживает паровой удар мощностью 180 г/мин. </div> <div class="card-bode__price flex justify-end pl-4 md:font-bold items-baseline"> <div class="card-body__price__title p-4 md:font-bold"> Цена: </div> <div class="card-body__price__price text-xl p-0 p-3"> 2500 </div> <div class="card-body__price__oldprice text-xl text-gray-700 line-through decoration-red-400"> 3500 </div> <div class="card-body__price__unit p-4 md:font-bold"> Рублей </div> </div> <div class="card-body__buttons flex justify-between m-0 m-8"> <a href="opisanHOLOD.html" class="btn btn-bye block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-green-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-green-900">Купить</a> <a href="opisanHOLOD.html" class="flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Подробнее</a> </div> </div> </div> </div> </div> <div class="col-3 w-1/4 px-4 py-4"> <div class="card rounded object-cover shadow-lg shadow-[#535353] z-0 truncate z-0"> <div class="card-img z-10 "> <div class="card-img__img w-0.1 hover:transition ease-in-out hover:scale-110 ease-out"> <div class="card-hover__card__img__img grayscale hover:grayscale-0 ease-out"> <img src="https://i.imgur.com/zq7Enma.jpg" alt="------"> </div> </div> <div class="card-body px-4 py-4 m-4"> <div class="card-body__title px-1 md:font-bold"> <h4 text-2xl>Пылесос Gorenje</h4> </div> <div class="card-body__discription p-4 h-28 truncate my-4"> Пылесос Gorenje VCEA01GACBUCY предназначен для проведения сухой уборки. Мощность мотора составляет 800 Вт. </div> <div class="card-bode__price flex justify-end pl-4 md:font-bold items-baseline"> <div class="card-body__price__title p-4 md:font-bold"> Цена: </div> <div class="card-body__price__price text-xl p-0 p-3"> 10000 </div> <div class="card-body__price__oldprice text-xl text-gray-700 line-through decoration-red-400"> 15000 </div> <div class="card-body__price__unit p-4 md:font-bold"> Рублей </div> </div> <div class="card-body__buttons flex justify-between m-0 m-8"> <a href="#" class="btn btn-bye block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-green-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-green-900">Купить</a> <a href="#" class="btn btn-more block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-orange-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-orange-900">Подробнее</a> </div> </div> </div> </div> </div> <div class="col-3 w-1/4 px-4 py-4"> <div class="card rounded object-cover shadow-lg shadow-[#535353] z-0 truncate z-0"> <div class="card-img z-10 "> <div class="card-img__img w-0.1 hover:transition ease-in-out hover:scale-110 ease-out"> <div class="card-hover__card__img__img grayscale hover:grayscale-0 ease-out"> <img src="https://i.imgur.com/VOPZBJK.jpg" alt="------"> </div> </div> <div class="card-body px-4 py-4 m-4"> <div class="card-body__title px-1 md:font-bold"> <h4 text-2xl>Стиральная машина Gorenje</h4> </div> <div class="card-body__discription p-4 h-28 truncate my-4"> Полногабаритная стиральная машина Gorenje W8624H с максимальной загрузкой 8 кг обеспечивает высокоэффективную стирку белья. </div> <div class="card-bode__price flex justify-end pl-4 md:font-bold items-baseline"> <div class="card-body__price__title p-4 md:font-bold"> Цена: </div> <div class="card-body__price__price text-xl p-0 p-3"> 25000 </div> <div class="card-body__price__oldprice text-xl text-gray-700 line-through decoration-red-400"> 30000 </div> <div class="card-body__price__unit p-4 md:font-bold"> Рублей </div> </div> <div class="card-body__buttons flex justify-between m-0 m-8"> <a href="#" class="btn btn-bye block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-green-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-green-900">Купить</a> <a href="#" class="btn btn-more block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-orange-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-orange-900">Подробнее</a> </div> </div> </div> </div> </div> <div class="col-3 w-1/4 px-4 py-4"> <div class="card rounded object-cover shadow-lg shadow-[#535353] z-0 truncate z-0"> <div class="card-img z-10 "> <div class="card-img__img w-0.1 hover:transition ease-in-out hover:scale-110 ease-out"> <div class="card-hover__card__img__img grayscale hover:grayscale-0 ease-out"> <img src="https://i.imgur.com/4pd9Bji.jpg" alt="------"> </div> </div> <div class="card-body px-4 py-4 m-4"> <div class="card-body__title px-1 md:font-bold"> <h4 text-2xl>Кофемашина Saeco</h4> </div> <div class="card-body__discription p-4 h-28 truncate my-4"> ЭSaeco Lirika One Touch Cappuccino V4 – простая , компактная и высокопроизводительная кофемашина, которая готовит идеальный эспрессо. </div> <div class="card-bode__price flex justify-end pl-4 md:font-bold items-baseline"> <div class="card-body__price__title p-4 md:font-bold"> Цена: </div> <div class="card-body__price__price text-xl p-0 p-3"> 50000 </div> <div class="card-body__price__oldprice text-xl text-gray-700 line-through decoration-red-400"> 60000 </div> <div class="card-body__price__unit p-4 md:font-bold"> Рублей </div> </div> <div class="card-body__buttons flex justify-between m-0 m-8"> <a href="#" class="btn btn-bye block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-green-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-green-900">Купить</a> <a href="#" class="btn btn-more block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-orange-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-orange-900">Подробнее</a> </div> </div> </div> </div> </div> </div> </div> </main> </body> </html> HTML <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="assets/css/style.css"> <script defer scr=""> </script> <title>VaZon</title> </head> <body class="font-['Verdana']"> <header> <nav> <ul class="main-menu flex justify-end bg-cyan-800 text-gray-300 shadow-sm shadow-gray-500 bg-[#0d67a3] text-[#e8eaeb] shadow-myShadow"> <li><a href="#" class="block px-4 py-4 uppercase no-underline font-bold hover:bg-cyan-900 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 hover:bg-indigo-500 duration-300 hover:underline ">Главное меню</a></li> <li><a href="#" class="block px-4 py-4 uppercase no-underline font-bold hover:bg-cyan-900 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 hover:bg-indigo-500 duration-300 hover:underline ">Регистрация</a></li> <li><a href="#" class="block px-4 py-4 uppercase no-underline font-bold hover:bg-cyan-900 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 hover:bg-indigo-500 duration-300 hover:underline ">Авторизация</a></li> </ul> </nav> </header> <main> <div> <div class="container w-100%"> <div class="row p-4 w-auto flex"> <div class="col-3 w-1/4 px-4 py-4"> <div class="card rounded object-cover shadow-lg shadow-[#535353] z-0 truncate z-0"> <div class="card-img z-10 "> <div class="card-img__img w-0.1 hover:transition ease-in-out hover:scale-110 ease-out"> <div class="card-hover__card__img__img grayscale hover:grayscale-0 ease-out"> <img src="https://i.imgur.com/1ZKwDwK.jpg" alt="------"> </div> </div> <div class="card-body px-4 py-4 m-4"> <div class="card-body__title px-1 md:font-bold"> <h4 text-2xl>Утюг PHILIPS</h4> </div> <div class="card-body__discription p-4 h-28 truncate my-4"> Утюг Philips DST3030/70 поддерживает паровой удар мощностью 180 г/мин. </div> <div class="card-bode__price flex justify-end pl-4 md:font-bold items-baseline"> <div class="card-body__price__title p-4 md:font-bold"> Цена: </div> <div class="card-body__price__price text-xl p-0 p-3"> 2500 </div> <div class="card-body__price__oldprice text-xl text-gray-700 line-through decoration-red-400"> 3500 </div> <div class="card-body__price__unit p-4 md:font-bold"> Рублей </div> </div> <div class="card-body__buttons flex justify-between m-0 m-8"> <a href="opisanHOLOD.html" class="btn btn-bye block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-green-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-green-900">Купить</a> <a href="opisanHOLOD.html" class="flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Подробнее</a> </div> </div> </div> </div> </div> <div class="col-3 w-1/4 px-4 py-4"> <div class="card rounded object-cover shadow-lg shadow-[#535353] z-0 truncate z-0"> <div class="card-img z-10 "> <div class="card-img__img w-0.1 hover:transition ease-in-out hover:scale-110 ease-out"> <div class="card-hover__card__img__img grayscale hover:grayscale-0 ease-out"> <img src="https://i.imgur.com/zq7Enma.jpg" alt="------"> </div> </div> <div class="card-body px-4 py-4 m-4"> <div class="card-body__title px-1 md:font-bold"> <h4 text-2xl>Пылесос Gorenje</h4> </div> <div class="card-body__discription p-4 h-28 truncate my-4"> Пылесос Gorenje VCEA01GACBUCY предназначен для проведения сухой уборки. Мощность мотора составляет 800 Вт. </div> <div class="card-bode__price flex justify-end pl-4 md:font-bold items-baseline"> <div class="card-body__price__title p-4 md:font-bold"> Цена: </div> <div class="card-body__price__price text-xl p-0 p-3"> 10000 </div> <div class="card-body__price__oldprice text-xl text-gray-700 line-through decoration-red-400"> 15000 </div> <div class="card-body__price__unit p-4 md:font-bold"> Рублей </div> </div> <div class="card-body__buttons flex justify-between m-0 m-8"> <a href="#" class="btn btn-bye block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-green-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-green-900">Купить</a> <a href="#" class="btn btn-more block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-orange-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-orange-900">Подробнее</a> </div> </div> </div> </div> </div> <div class="col-3 w-1/4 px-4 py-4"> <div class="card rounded object-cover shadow-lg shadow-[#535353] z-0 truncate z-0"> <div class="card-img z-10 "> <div class="card-img__img w-0.1 hover:transition ease-in-out hover:scale-110 ease-out"> <div class="card-hover__card__img__img grayscale hover:grayscale-0 ease-out"> <img src="https://i.imgur.com/VOPZBJK.jpg" alt="------"> </div> </div> <div class="card-body px-4 py-4 m-4"> <div class="card-body__title px-1 md:font-bold"> <h4 text-2xl>Стиральная машина Gorenje</h4> </div> <div class="card-body__discription p-4 h-28 truncate my-4"> Полногабаритная стиральная машина Gorenje W8624H с максимальной загрузкой 8 кг обеспечивает высокоэффективную стирку белья. </div> <div class="card-bode__price flex justify-end pl-4 md:font-bold items-baseline"> <div class="card-body__price__title p-4 md:font-bold"> Цена: </div> <div class="card-body__price__price text-xl p-0 p-3"> 25000 </div> <div class="card-body__price__oldprice text-xl text-gray-700 line-through decoration-red-400"> 30000 </div> <div class="card-body__price__unit p-4 md:font-bold"> Рублей </div> </div> <div class="card-body__buttons flex justify-between m-0 m-8"> <a href="#" class="btn btn-bye block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-green-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-green-900">Купить</a> <a href="#" class="btn btn-more block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-orange-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-orange-900">Подробнее</a> </div> </div> </div> </div> </div> <div class="col-3 w-1/4 px-4 py-4"> <div class="card rounded object-cover shadow-lg shadow-[#535353] z-0 truncate z-0"> <div class="card-img z-10 "> <div class="card-img__img w-0.1 hover:transition ease-in-out hover:scale-110 ease-out"> <div class="card-hover__card__img__img grayscale hover:grayscale-0 ease-out"> <img src="https://i.imgur.com/4pd9Bji.jpg" alt="------"> </div> </div> <div class="card-body px-4 py-4 m-4"> <div class="card-body__title px-1 md:font-bold"> <h4 text-2xl>Кофемашина Saeco</h4> </div> <div class="card-body__discription p-4 h-28 truncate my-4"> ЭSaeco Lirika One Touch Cappuccino V4 – простая , компактная и высокопроизводительная кофемашина, которая готовит идеальный эспрессо. </div> <div class="card-bode__price flex justify-end pl-4 md:font-bold items-baseline"> <div class="card-body__price__title p-4 md:font-bold"> Цена: </div> <div class="card-body__price__price text-xl p-0 p-3"> 50000 </div> <div class="card-body__price__oldprice text-xl text-gray-700 line-through decoration-red-400"> 60000 </div> <div class="card-body__price__unit p-4 md:font-bold"> Рублей </div> </div> <div class="card-body__buttons flex justify-between m-0 m-8"> <a href="#" class="btn btn-bye block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-green-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-green-900">Купить</a> <a href="#" class="btn btn-more block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-orange-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-orange-900">Подробнее</a> </div> </div> </div> </div> </div> </div> </div> </main> </body> </html>
rebornrkut Вот исправленный код HTML с сохраненной табуляцией: ```html <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="assets/css/style.css"> <script defer scr=""> </script> <title>VaZon</title> </head> <body class="font-['Verdana']"> <header> <nav> <ul class="main-menu flex justify-end bg-cyan-800 text-gray-300 shadow-sm shadow-gray-500 bg-[#0d67a3] text-[#e8eaeb] shadow-myShadow"> <li><a href="#" class="block px-4 py-4 uppercase no-underline font-bold hover:bg-cyan-900 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 hover:bg-indigo-500 duration-300 hover:underline ">Главное меню</a></li> <li><a href="#" class="block px-4 py-4 uppercase no-underline font-bold hover:bg-cyan-900 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 hover:bg-indigo-500 duration-300 hover:underline ">Регистрация</a></li> <li><a href="#" class="block px-4 py-4 uppercase no-underline font-bold hover:bg-cyan-900 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 hover:bg-indigo-500 duration-300 hover:underline ">Авторизация</a></li> </ul> </nav> </header> <main> <div> <div class="container w-100%"> <div class="row p-4 w-auto flex"> <div class="col-3 w-1/4 px-4 py-4"> <div class="card rounded object-cover shadow-lg shadow-[#535353] z-0 truncate z-0"> <div class="card-img z-10 "> <div class="card-img__img w-0.1 hover:transition ease-in-out hover:scale-110 ease-out"> <div class="card-hover__card__img__img grayscale hover:grayscale-0 ease-out"> <img src="https://i.imgur.com/1ZKwDwK.jpg" alt="------"> </div> </div> </div> <div class="card-body px-4 py-4 m-4"> <div class="card-body__title px-1 md:font-bold"> <h4 text-2xl>Утюг PHILIPS</h4> </div> <div class="card-body__discription p-4 h-28 truncate my-4"> Утюг Philips DST3030/70 поддерживает паровой удар мощностью 180 г/мин. </div> <div class="card-bode__price flex justify-end pl-4 md:font-bold items-baseline"> <div class="card-body__price__title p-4 md:font-bold"> Цена: </div> <div class="card-body__price__price text-xl p-0 p-3"> 2500 </div> <div class="card-body__price__oldprice text-xl text-gray-700 line-through decoration-red-400"> 3500 </div> <div class="card-body__price__unit p-4 md:font-bold"> Рублей </div> </div> <div class="card-body__buttons flex justify-between m-0 m-8"> <a href="opisanHOLOD.html" class="btn btn-bye block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-green-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-green-900">Купить</a> <a href="opisanHOLOD.html" class="flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Подробнее</a> </div> </div> </div> </div> </div> <div class="col-3 w-1/4 px-4 py-4"> <div class="card rounded object-cover shadow-lg shadow-[#535353] z-0 truncate z-0"> <div class="card-img z-10 "> <div class="card-img__img w-0.1 hover:transition ease-in-out hover:scale-110 ease-out"> <div class="card-hover__card__img__img grayscale hover:grayscale-0 ease-out"> <img src="https://i.imgur.com/zq7Enma.jpg" alt="------"> </div> </div> </div> <div class="card-body px-4 py-4 m-4"> <div class="card-body__title px-1 md:font-bold"> <h4 text-2xl>Пылесос Gorenje</h4> </div> <div class="card-body__discription p-4 h-28 truncate my-4"> Пылесос Gorenje VCEA01GACBUCY предназначен для проведения сухой уборки. Мощность мотора составляет 800 Вт. </div> <div class="card-bode__price flex justify-end pl-4 md:font-bold items-baseline"> <div class="card-body__price__title p-4 md:font-bold"> Цена: </div> <div class="card-body__price__price text-xl p-0 p-3"> 10000 </div> <div class="card-body__price__oldprice text-xl text-gray-700 line-through decoration-red-400"> 15000 </div> <div class="card-body__price__unit p-4 md:font-bold"> Рублей </div> </div> <div class="card-body__buttons flex justify-between m-0 m-8"> <a href="#" class="btn btn-bye block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-green-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-green-900">Купить</a> <a href="#" class="btn btn-more block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-orange-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-orange-900">Подробнее</a> </div> </div> </div> </div> </div> <div class="col-3 w-1/4 px-4 py-4"> <div class="card rounded object-cover shadow-lg shadow-[#535353] z-0 truncate z-0"> <div class="card-img z-10 "> <div class="card-img__img w-0.1 hover:transition ease-in-out hover:scale-110 ease-out"> <div class="card-hover__card__img__img grayscale hover:grayscale-0 ease-out"> <img src="https://i.imgur.com/VOPZBJK.jpg" alt="------"> </div> </div> </div> <div class="card-body px-4 py-4 m-4"> <div class="card-body__title px-1 md:font-bold"> <h4 text-2xl>Стиральная машина Gorenje</h4> </div> <div class="card-body__discription p-4 h-28 truncate my-4"> Полногабаритная стиральная машина Gorenje W8624H с максимальной загрузкой 8 кг обеспечивает высокоэффективную стирку белья. </div> <div class="card-bode__price flex justify-end pl-4 md:font-bold items-baseline"> <div class="card-body__price__title p-4 md:font-bold"> Цена: </div> <div class="card-body__price__price text-xl p-0 p-3"> 25000 </div> <div class="card-body__price__oldprice text-xl text-gray-700 line-through decoration-red-400"> 30000 </div> <div class="card-body__price__unit p-4 md:font-bold"> Рублей </div> </div> <div class="card-body
ChatGPT, <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="assets/css/style.css"> <script defer scr=""> </script> <title>VaZon</title> </head> <body class="font-['Verdana']"> <header> <nav> <ul class="main-menu flex justify-end bg-cyan-800 text-gray-300 shadow-sm shadow-gray-500 bg-[#0d67a3] text-[#e8eaeb] shadow-myShadow"> <li><a href="#" class="block px-4 py-4 uppercase no-underline font-bold hover:bg-cyan-900 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 hover:bg-indigo-500 duration-300 hover:underline ">Главное меню</a></li> <li><a href="#" class="block px-4 py-4 uppercase no-underline font-bold hover:bg-cyan-900 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 hover:bg-indigo-500 duration-300 hover:underline ">Регистрация</a></li> <li><a href="#" class="block px-4 py-4 uppercase no-underline font-bold hover:bg-cyan-900 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 hover:bg-indigo-500 duration-300 hover:underline ">Авторизация</a></li> </ul> </nav> </header> <main> <div> <div class="container w-100%"> <div class="row p-4 w-auto flex"> <div class="col-3 w-1/4 px-4 py-4"> <div class="card rounded object-cover shadow-lg shadow-[#535353] z-0 truncate z-0"> <div class="card-img z-10 "> <div class="card-img__img w-0.1 hover:transition ease-in-out hover:scale-110 ease-out"> <div class="card-hover__card__img__img grayscale hover:grayscale-0 ease-out"> <img src="https://i.imgur.com/1ZKwDwK.jpg" alt="------"> </div> </div> <div class="card-body px-4 py-4 m-4"> <div class="card-body__title px-1 md:font-bold"> <h4 text-2xl>Утюг PHILIPS</h4> </div> <div class="card-body__discription p-4 h-28 truncate my-4"> Утюг Philips DST3030/70 поддерживает паровой удар мощностью 180 г/мин. </div> <div class="card-bode__price flex justify-end pl-4 md:font-bold items-baseline"> <div class="card-body__price__title p-4 md:font-bold"> Цена: </div> <div class="card-body__price__price text-xl p-0 p-3"> 2500 </div> <div class="card-body__price__oldprice text-xl text-gray-700 line-through decoration-red-400"> 3500 </div> <div class="card-body__price__unit p-4 md:font-bold"> Рублей </div> </div> <div class="card-body__buttons flex justify-between m-0 m-8"> <a href="opisanHOLOD.html" class="btn btn-bye block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-green-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-green-900">Купить</a> <a href="opisanHOLOD.html" class="flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Подробнее</a> </div> </div> </div> </div> </div> <div class="col-3 w-1/4 px-4 py-4"> <div class="card rounded object-cover shadow-lg shadow-[#535353] z-0 truncate z-0"> <div class="card-img z-10 "> <div class="card-img__img w-0.1 hover:transition ease-in-out hover:scale-110 ease-out"> <div class="card-hover__card__img__img grayscale hover:grayscale-0 ease-out"> <img src="https://i.imgur.com/zq7Enma.jpg" alt="------"> </div> </div> <div class="card-body px-4 py-4 m-4"> <div class="card-body__title px-1 md:font-bold"> <h4 text-2xl>Пылесос Gorenje</h4> </div> <div class="card-body__discription p-4 h-28 truncate my-4"> Пылесос Gorenje VCEA01GACBUCY предназначен для проведения сухой уборки. Мощность мотора составляет 800 Вт. </div> <div class="card-bode__price flex justify-end pl-4 md:font-bold items-baseline"> <div class="card-body__price__title p-4 md:font-bold"> Цена: </div> <div class="card-body__price__price text-xl p-0 p-3"> 10000 </div> <div class="card-body__price__oldprice text-xl text-gray-700 line-through decoration-red-400"> 15000 </div> <div class="card-body__price__unit p-4 md:font-bold"> Рублей </div> </div> <div class="card-body__buttons flex justify-between m-0 m-8"> <a href="#" class="btn btn-bye block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-green-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-green-900">Купить</a> <a href="#" class="btn btn-more block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-orange-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-orange-900">Подробнее</a> </div> </div> </div> </div> </div> <div class="col-3 w-1/4 px-4 py-4"> <div class="card rounded object-cover shadow-lg shadow-[#535353] z-0 truncate z-0"> <div class="card-img z-10 "> <div class="card-img__img w-0.1 hover:transition ease-in-out hover:scale-110 ease-out"> <div class="card-hover__card__img__img grayscale hover:grayscale-0 ease-out"> <img src="https://i.imgur.com/VOPZBJK.jpg" alt="------"> </div> </div> <div class="card-body px-4 py-4 m-4"> <div class="card-body__title px-1 md:font-bold"> <h4 text-2xl>Стиральная машина Gorenje</h4> </div> <div class="card-body__discription p-4 h-28 truncate my-4"> Полногабаритная стиральная машина Gorenje W8624H с максимальной загрузкой 8 кг обеспечивает высокоэффективную стирку белья. </div> <div class="card-bode__price flex justify-end pl-4 md:font-bold items-baseline"> <div class="card-body__price__title p-4 md:font-bold"> Цена: </div> <div class="card-body__price__price text-xl p-0 p-3"> 25000 </div> <div class="card-body__price__oldprice text-xl text-gray-700 line-through decoration-red-400"> 30000 </div> <div class="card-body__price__unit p-4 md:font-bold"> Рублей </div> </div> <div class="card-body__buttons flex justify-between m-0 m-8"> <a href="#" class="btn btn-bye block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-green-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-green-900">Купить</a> <a href="#" class="btn btn-more block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-orange-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-orange-900">Подробнее</a> </div> </div> </div> </div> </div> <div class="col-3 w-1/4 px-4 py-4"> <div class="card rounded object-cover shadow-lg shadow-[#535353] z-0 truncate z-0"> <div class="card-img z-10 "> <div class="card-img__img w-0.1 hover:transition ease-in-out hover:scale-110 ease-out"> <div class="card-hover__card__img__img grayscale hover:grayscale-0 ease-out"> <img src="https://i.imgur.com/4pd9Bji.jpg" alt="------"> </div> </div> <div class="card-body px-4 py-4 m-4"> <div class="card-body__title px-1 md:font-bold"> <h4 text-2xl>Кофемашина Saeco</h4> </div> <div class="card-body__discription p-4 h-28 truncate my-4"> ЭSaeco Lirika One Touch Cappuccino V4 – простая , компактная и высокопроизводительная кофемашина, которая готовит идеальный эспрессо. </div> <div class="card-bode__price flex justify-end pl-4 md:font-bold items-baseline"> <div class="card-body__price__title p-4 md:font-bold"> Цена: </div> <div class="card-body__price__price text-xl p-0 p-3"> 50000 </div> <div class="card-body__price__oldprice text-xl text-gray-700 line-through decoration-red-400"> 60000 </div> <div class="card-body__price__unit p-4 md:font-bold"> Рублей </div> </div> <div class="card-body__buttons flex justify-between m-0 m-8"> <a href="#" class="btn btn-bye block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-green-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-green-900">Купить</a> <a href="#" class="btn btn-more block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-orange-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-orange-900">Подробнее</a> </div> </div> </div> </div> </div> </div> </div> </main> </body> </html> Код <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="assets/css/style.css"> <script defer scr=""> </script> <title>VaZon</title> </head> <body class="font-['Verdana']"> <header> <nav> <ul class="main-menu flex justify-end bg-cyan-800 text-gray-300 shadow-sm shadow-gray-500 bg-[#0d67a3] text-[#e8eaeb] shadow-myShadow"> <li><a href="#" class="block px-4 py-4 uppercase no-underline font-bold hover:bg-cyan-900 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 hover:bg-indigo-500 duration-300 hover:underline ">Главное меню</a></li> <li><a href="#" class="block px-4 py-4 uppercase no-underline font-bold hover:bg-cyan-900 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 hover:bg-indigo-500 duration-300 hover:underline ">Регистрация</a></li> <li><a href="#" class="block px-4 py-4 uppercase no-underline font-bold hover:bg-cyan-900 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 hover:bg-indigo-500 duration-300 hover:underline ">Авторизация</a></li> </ul> </nav> </header> <main> <div> <div class="container w-100%"> <div class="row p-4 w-auto flex"> <div class="col-3 w-1/4 px-4 py-4"> <div class="card rounded object-cover shadow-lg shadow-[#535353] z-0 truncate z-0"> <div class="card-img z-10 "> <div class="card-img__img w-0.1 hover:transition ease-in-out hover:scale-110 ease-out"> <div class="card-hover__card__img__img grayscale hover:grayscale-0 ease-out"> <img src="https://i.imgur.com/1ZKwDwK.jpg" alt="------"> </div> </div> <div class="card-body px-4 py-4 m-4"> <div class="card-body__title px-1 md:font-bold"> <h4 text-2xl>Утюг PHILIPS</h4> </div> <div class="card-body__discription p-4 h-28 truncate my-4"> Утюг Philips DST3030/70 поддерживает паровой удар мощностью 180 г/мин. </div> <div class="card-bode__price flex justify-end pl-4 md:font-bold items-baseline"> <div class="card-body__price__title p-4 md:font-bold"> Цена: </div> <div class="card-body__price__price text-xl p-0 p-3"> 2500 </div> <div class="card-body__price__oldprice text-xl text-gray-700 line-through decoration-red-400"> 3500 </div> <div class="card-body__price__unit p-4 md:font-bold"> Рублей </div> </div> <div class="card-body__buttons flex justify-between m-0 m-8"> <a href="opisanHOLOD.html" class="btn btn-bye block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-green-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-green-900">Купить</a> <a href="opisanHOLOD.html" class="flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Подробнее</a> </div> </div> </div> </div> </div> <div class="col-3 w-1/4 px-4 py-4"> <div class="card rounded object-cover shadow-lg shadow-[#535353] z-0 truncate z-0"> <div class="card-img z-10 "> <div class="card-img__img w-0.1 hover:transition ease-in-out hover:scale-110 ease-out"> <div class="card-hover__card__img__img grayscale hover:grayscale-0 ease-out"> <img src="https://i.imgur.com/zq7Enma.jpg" alt="------"> </div> </div> <div class="card-body px-4 py-4 m-4"> <div class="card-body__title px-1 md:font-bold"> <h4 text-2xl>Пылесос Gorenje</h4> </div> <div class="card-body__discription p-4 h-28 truncate my-4"> Пылесос Gorenje VCEA01GACBUCY предназначен для проведения сухой уборки. Мощность мотора составляет 800 Вт. </div> <div class="card-bode__price flex justify-end pl-4 md:font-bold items-baseline"> <div class="card-body__price__title p-4 md:font-bold"> Цена: </div> <div class="card-body__price__price text-xl p-0 p-3"> 10000 </div> <div class="card-body__price__oldprice text-xl text-gray-700 line-through decoration-red-400"> 15000 </div> <div class="card-body__price__unit p-4 md:font-bold"> Рублей </div> </div> <div class="card-body__buttons flex justify-between m-0 m-8"> <a href="#" class="btn btn-bye block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-green-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-green-900">Купить</a> <a href="#" class="btn btn-more block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-orange-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-orange-900">Подробнее</a> </div> </div> </div> </div> </div> <div class="col-3 w-1/4 px-4 py-4"> <div class="card rounded object-cover shadow-lg shadow-[#535353] z-0 truncate z-0"> <div class="card-img z-10 "> <div class="card-img__img w-0.1 hover:transition ease-in-out hover:scale-110 ease-out"> <div class="card-hover__card__img__img grayscale hover:grayscale-0 ease-out"> <img src="https://i.imgur.com/VOPZBJK.jpg" alt="------"> </div> </div> <div class="card-body px-4 py-4 m-4"> <div class="card-body__title px-1 md:font-bold"> <h4 text-2xl>Стиральная машина Gorenje</h4> </div> <div class="card-body__discription p-4 h-28 truncate my-4"> Полногабаритная стиральная машина Gorenje W8624H с максимальной загрузкой 8 кг обеспечивает высокоэффективную стирку белья. </div> <div class="card-bode__price flex justify-end pl-4 md:font-bold items-baseline"> <div class="card-body__price__title p-4 md:font-bold"> Цена: </div> <div class="card-body__price__price text-xl p-0 p-3"> 25000 </div> <div class="card-body__price__oldprice text-xl text-gray-700 line-through decoration-red-400"> 30000 </div> <div class="card-body__price__unit p-4 md:font-bold"> Рублей </div> </div> <div class="card-body__buttons flex justify-between m-0 m-8"> <a href="#" class="btn btn-bye block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-green-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-green-900">Купить</a> <a href="#" class="btn btn-more block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-orange-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-orange-900">Подробнее</a> </div> </div> </div> </div> </div> <div class="col-3 w-1/4 px-4 py-4"> <div class="card rounded object-cover shadow-lg shadow-[#535353] z-0 truncate z-0"> <div class="card-img z-10 "> <div class="card-img__img w-0.1 hover:transition ease-in-out hover:scale-110 ease-out"> <div class="card-hover__card__img__img grayscale hover:grayscale-0 ease-out"> <img src="https://i.imgur.com/4pd9Bji.jpg" alt="------"> </div> </div> <div class="card-body px-4 py-4 m-4"> <div class="card-body__title px-1 md:font-bold"> <h4 text-2xl>Кофемашина Saeco</h4> </div> <div class="card-body__discription p-4 h-28 truncate my-4"> ЭSaeco Lirika One Touch Cappuccino V4 – простая , компактная и высокопроизводительная кофемашина, которая готовит идеальный эспрессо. </div> <div class="card-bode__price flex justify-end pl-4 md:font-bold items-baseline"> <div class="card-body__price__title p-4 md:font-bold"> Цена: </div> <div class="card-body__price__price text-xl p-0 p-3"> 50000 </div> <div class="card-body__price__oldprice text-xl text-gray-700 line-through decoration-red-400"> 60000 </div> <div class="card-body__price__unit p-4 md:font-bold"> Рублей </div> </div> <div class="card-body__buttons flex justify-between m-0 m-8"> <a href="#" class="btn btn-bye block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-green-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-green-900">Купить</a> <a href="#" class="btn btn-more block rounded-xl md:font-bold p-5 p-8 no-underline text-white md:bg-orange-500 hover:transition ease-in-out hover:scale-110 ease-out hover:bg-orange-900">Подробнее</a> </div> </div> </div> </div> </div> </div> </div> </main> </body> </html> исправим код, и отправь мне его в текстовом файле в txt
блять, ты сформулируй нормально то, что нужно тебе. реально написал какую-то хуйню и даже не можешь сесть почитать под гайд, что ты написал. мы не телепаты, пиши СРАЗУ НОРМАЛЬНО, что ты хочешь видеть. hard life..