продукты — Гоша Аксенов на vc.ru

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width, initial-scale=1.0"><linkrel="stylesheet"href="styles.css"><title>Магазин Продуктов</title></head><body><header><h1>Добро пожаловать в наш магазин продуктов!</h1><buttonclass="btn-register"onclick="window.location.href='registration.html'">Регистрация</button><buttonclass="btn-login"onclick="window.location.href='login.html'">Вход</button><nav><ul><li><ahref="#">Главная</a></li><li><ahref="#">О нас</a></li><li><ahref="#">Продукты</a></li><li><ahref="#">Контакты</a></li></ul></nav></header><section><h2>Новинки</h2><divclass="product"><imgsrc="3e20de6e972be118ed2321df657cadcf.jpg"alt="Product 1"><h3>Название продукта</h3><p>Описание продукта.</p><p>Цена: $10.00</p><button>Добавить в корзину</button></div><divclass="product"><imgsrc="3e20de6e972be118ed2321df657cadcf.jpg"alt="Product 1"><h3>Название продукта</h3><p>Описание продукта.</p><p>Цена: $10.00</p><button>Добавить в корзину</button></div><divclass="product"><imgsrc="3e20de6e972be118ed2321df657cadcf.jpg"alt="Product 1"><h3>Название продукта</h3><p>Описание продукта.</p><p>Цена: $10.00</p><button>Добавить в корзину</button></div><divclass="product"><imgsrc="3e20de6e972be118ed2321df657cadcf.jpg"alt="Product 1"><h3>Название продукта</h3><p>Описание продукта.</p><p>Цена: $10.00</p><button>Добавить в корзину</button></div><divclass="product"><imgsrc="3e20de6e972be118ed2321df657cadcf.jpg"alt="Product 1"><h3>Название продукта</h3><p>Описание продукта.</p><p>Цена: $10.00</p><button>Добавить в корзину</button></div><divclass="product"><imgsrc="3e20de6e972be118ed2321df657cadcf.jpg"alt="Product 1"><h3>Название продукта</h3><p>Описание продукта.</p><p>Цена: $10.00</p><button>Добавить в корзину</button></div><divclass="product"><imgsrc="3e20de6e972be118ed2321df657cadcf.jpg"alt="Product 1"><h3>Название продукта</h3><p>Описание продукта.</p><p>Цена: $10.00</p><button>Добавить в корзину</button></div><divclass="product"><imgsrc="3e20de6e972be118ed2321df657cadcf.jpg"alt="Product 1"><h3>Название продукта</h3><p>Описание продукта.</p><p>Цена: $10.00</p><button>Добавить в корзину</button></div></section><section><h2>Блог</h2><divclass="blog-post"><h3>Заголовок статьи</h3><p>Текст статьи о последних тенденциях в мире продуктов.</p><p>Автор: Иван Иванов</p></div><divclass="blog-post"><h3>Деликатесы: в чем их особенность?</h3><p>Узнайте о самых редких и вкусных деликатесах по всему миру.</p><p>Автор: Мария Петрова</p></div></section><section><h2>Акции</h2><divclass="promotion"><h3>Скидка 30% на все продукты первой категории!</h3><p>Только сегодня вы можете приобрести высококачественные продукты первой категории со скидкой 30%!</p><p>Спешите, количество товара ограничено!</p></div><divclass="promotion"><h3>Доставка товаров бесплатно при покупке от $50!</h3><p>При заказе на сумму от $50 доставка всех товаров будет осуществляться бесплатно!</p><p>Не упустите возможность сэкономить на доставке!</p></div></section><footer><p>© 2024 Магазин Продуктов. Все права защищены.</p></footer></body></html>

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>Вход</title></head><body><h1>Вход</h1><form><labelfor="username">Имя пользователя:</label><br><inputtype="text"id="username"name="username"><br><labelfor="password">Пароль:</label><br><inputtype="password"id="password"name="password"><br><buttontype="submit">Войти</button></form></body></html>

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>Регистрация</title></head><body><h1>Регистрация</h1><form><labelfor="username">Имя пользователя:</label><br><inputtype="text"id="username"name="username"><br><labelfor="email">E-mail:</label><br><inputtype="email"id="email"name="email"><br><labelfor="password">Пароль:</label><br><inputtype="password"id="password"name="password"><br><buttontype="submit">Зарегистрироваться</button></form></body></html>

/* General Styles */body {font-family: 'Poppins', sans-serif;margin: 0;padding: 0;background-color: #f9f9f9;color: #333;line-height: 1.6;}header {background-color: #333;color: #fff;padding: 20px0;text-align: center;}h1 {font-size: 2.5em;margin-bottom: 10px;}navul {list-style-type: none;padding: 0;}navulli {display: inline;margin-right: 20px;}nava {text-decoration: none;color: #fff;font-weight: bold;}section {padding: 20px;}h2 {color: #333;margin-bottom: 20px;}/* Product Styles */.product {margin-bottom: 30px;padding: 20px;background-color: #fff;box-shadow: 02px4pxrgba(0, 0, 0, 0.1);border-radius: 10px;transition: transform 0.3s;}.product:hover {transform: translateY(-5px);}.productimg {max-width: 20%;border-radius: 10px;box-shadow: 02px4pxrgba(0, 0, 0, 0.1);transition: transform 0.3s;}.productimg:hover {transform: scale(1.1);}.producth3 {color: #333;margin-top: 15px;}.productp {color: #666;margin-bottom: 10px;}.productbutton {background-color: #FF6347;color: #fff;border: none;padding: 8px16px;border-radius: 5px;cursor: pointer;transition: background-color 0.3s;}.productbutton:hover {background-color: #FF4500;}.blog-post {margin-bottom: 30px;padding: 20px;background-color: #f9f9f9;border-radius: 10px;}.blog-posth3 {color: #333;margin-bottom: 10px;}.promotion {margin-bottom: 30px;padding: 20px;background-color: #87CEFA;color: #fff;border-radius: 10px;}.promotionh3 {font-size: 1.5em;margin-bottom: 10px;}footer {background-color: #333;color: #fff;text-align: center;padding: 10px;}/* Button Styles */.btn {display: inline-block;padding: 10px20px;margin: 5px;font-size: 16px;text-align: center;text-decoration: none;border: 2pxsolidtransparent;border-radius: 5px;cursor: pointer;transition: all0.3s;}.btn-primary {background-color: #3498db;color: #fff;}.btn-primary:hover {background-color: #2980b9;}.btn-secondary {background-color: #2ecc71;color: #fff;}.btn-secondary:hover {background-color: #27ae60;}.btn-tertiary {background-color: #e74c3c;color: #fff;}.btn-tertiary:hover {background-color: #c0392b;}/* Button Styles */.btn-register {display: inline-block;padding: 12px24px;margin: 10px;font-size: 18px;text-align: center;text-decoration: none;background-color: #FF6347;color: #fff;border: 2pxsolid#FF6347;border-radius: 5px;cursor: pointer;transition: all0.3s;}.btn-login {display: inline-block;padding: 12px24px;margin: 10px;font-size: 18px;text-align: center;text-decoration: none;background-color: #3498db;color: #fff;border: 2pxsolid#3498db;border-radius: 5px;cursor: pointer;transition: all0.3s;}.btn-register:hover,.btn-login:hover {background-color: transparent;color: #333;}.btn-register:hover {border-color: #FF6347;}.btn-login:hover {border-color: #3498db;}