|
|
<!DOCTYPE html> |
|
|
<html> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<title>HomeFoody - Thực phẩm sạch</title> |
|
|
<link rel="stylesheet" type="text/css" href="style.css"/> |
|
|
<meta name="viewport" content ="width=device-width, initial-scale=1.0"/> |
|
|
</head> |
|
|
<body> |
|
|
<div id="top"> |
|
|
<div id="top-content"> |
|
|
<div id="top-left"> |
|
|
<span>Hotline: <b>19001008</b></span> |
|
|
<span class="address">Địa chỉ: Số 1 Đỗ Thế Diên, Nhân Hòa, Mỹ Hào, Hưng Yên</span> |
|
|
</div> |
|
|
<div id="top-right"> |
|
|
<a href="login.html">Đăng nhập</a> hoặc |
|
|
<a href="signup.html">Đăng ký</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div id="banner"> |
|
|
<div id="banner-content"> |
|
|
<div id="logo" > |
|
|
<img src="dualeo.jpg" alt="Logo" /> |
|
|
</div> |
|
|
<div id="deliver"> |
|
|
<img src="xeoto.jpg" alt="Delivery" /> |
|
|
<div class="text-block"> |
|
|
<span>Miễn phí vẫn chuyển</span><br /> |
|
|
<span>bán kính 10km</span> |
|
|
</div> |
|
|
</div> |
|
|
<div id="support"> |
|
|
<img src="@.jpg" alt="Support" /> |
|
|
<div class="text-block"> |
|
|
<span>Hỗ trợ 24/7</span><br /> |
|
|
<span>Hotline: 19001008</span> |
|
|
</div> |
|
|
</div> |
|
|
<div id="time"> |
|
|
<img src="dongho.jpg" alt="Time" /> |
|
|
<div class="text-block"> |
|
|
<span>Thời gian làm việc</span><br /> |
|
|
<span>T2-T7, 8:00-17:00</span> |
|
|
</div> |
|
|
</div> |
|
|
<div id="cart"> |
|
|
<a href="#">Giỏ hàng(0)</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<script> |
|
|
|
|
|
|
|
|
|
|
|
</script> |
|
|
<div id="menu"> |
|
|
<div id="menu-content"> |
|
|
|
|
|
<div class="hamburger-menu"> |
|
|
<button class="hamburger-btn" onclick="toggleMenu()"> |
|
|
<span></span> |
|
|
<span></span> |
|
|
<span></span> |
|
|
</button> |
|
|
</div> |
|
|
|
|
|
|
|
|
<ul id="main-menu"> |
|
|
<li><a href="#"> Trang chủ</a></li> |
|
|
<li><a href="#"> Giới thiệu</a></li> |
|
|
<li><a href="#"> Sản phẩm</a> |
|
|
<ul> |
|
|
<li><a>Hoa quả sạch</a></li> |
|
|
<li><a>Hoa quả nhập khẩu</a></li> |
|
|
<li><a>Hoa quả tươi</a></li> |
|
|
<li><a>Hoa quả Việt</a></li> |
|
|
<li><a>Hoa quả bốn mùa</a></li> |
|
|
</ul> |
|
|
</li> |
|
|
<li><a href="#"> Tin Tức</a> |
|
|
<ul > |
|
|
<li><a>Tin quốc tế</a></li> |
|
|
<li><a>Tin trong nước</a></li> |
|
|
<li><a>Tin 24h </a></li> |
|
|
</ul> |
|
|
</li> |
|
|
<li><a href="#"> Khuyến mại</a></li> |
|
|
<li><a href="#"> Liên hệ</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
<script src="script.js"></script> |
|
|
<div id="slideshow"> |
|
|
<img id="slide" src="slide_1.jpg" alt="silde" /> |
|
|
<img id="btnBack" src="back.jpg" alt="back" onclick="back()" /> |
|
|
<img id="btnNext" src="next.jpg" alt="next" onclick="next()"/> |
|
|
</div> |
|
|
<script> |
|
|
setInterval(next,10000) |
|
|
|
|
|
</script> |
|
|
<div id="container"> |
|
|
<div id="content"> |
|
|
<div class="cate"> |
|
|
<h1 class="cate-title">Hoa quả sạch</h1> |
|
|
<div class="list-products"> |
|
|
<div class="col-s-12 col-m-4 col-x-3"> |
|
|
<div class="product"> |
|
|
<img class="photo" src="nho.jpg" alt="Nho Mỹ"/><br /> |
|
|
<a class="name" href="#">Nho Mỹ</a><br /> |
|
|
<span class="price">250.000đ</span><br /> |
|
|
<input class="buy" type="button" value="Chọn mua"/> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-s-12 col-m-4 col-x-3"> |
|
|
<div class="product"> |
|
|
<img class="photo" src="duagang.jpg" alt="Dưa lưới"/><br /> |
|
|
<a class="name" href="#">Dưa lưới</a><br /> |
|
|
<span class="price">180.000đ</span><br /> |
|
|
<input class="buy" type="button" value="Chọn mua"/> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-s-12 col-m-4 col-x-3"> |
|
|
<div class="product"> |
|
|
<img class="photo" src="hongngam.jpg" alt="Hồng Mỹ"/><br /> |
|
|
<a class="name" href="#">Hồng Mỹ</a><br /> |
|
|
<span class="price">120.000đ</span><br /> |
|
|
<input class="buy" type="button" value="Chọn mua"/> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-s-12 col-m-4 col-x-3"> |
|
|
<div class="product"> |
|
|
<img class="photo" src="tao.jpg" alt="Táo Mỹ"/><br /> |
|
|
<a class="name" href="#">Táo Mỹ</a><br /> |
|
|
<span class="price">120.000đ</span><br /> |
|
|
<input class="buy" type="button" value="Chọn mua"/> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="list-products"> |
|
|
<div class="col-s-12 col-m-4 col-x-3"> |
|
|
<div class="product"> |
|
|
<img class="photo" src="nho.jpg" alt="Nho Mỹ"/><br /> |
|
|
<a class="name" href="#">Nho Mỹ</a><br /> |
|
|
<span class="price">250.000đ</span><br /> |
|
|
<input class="buy" type="button" value="Chọn mua"/> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-s-12 col-m-4 col-x-3"> |
|
|
<div class="product"> |
|
|
<img class="photo" src="duagang.jpg" alt="Dưa lưới"/><br /> |
|
|
<a class="name" href="#">Dưa lưới</a><br /> |
|
|
<span class="price">180.000đ</span><br /> |
|
|
<input class="buy" type="button" value="Chọn mua"/> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-s-12 col-m-4 col-x-3"> |
|
|
<div class="product"> |
|
|
<img class="photo" src="hongngam.jpg" alt="Hồng Mỹ"/><br /> |
|
|
<a class="name" href="#">Hồng Mỹ</a><br /> |
|
|
<span class="price">120.000đ</span><br /> |
|
|
<input class="buy" type="button" value="Chọn mua"/> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-s-12 col-m-4 col-x-3"> |
|
|
<div class="product"> |
|
|
<img class="photo" src="tao.jpg" alt="Táo Mỹ"/><br /> |
|
|
<a class="name" href="#">Táo Mỹ</a><br /> |
|
|
<span class="price">120.000đ</span><br /> |
|
|
<input class="buy" type="button" value="Chọn mua"/> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div id="container"> |
|
|
<div id="content"> |
|
|
<div class="cate"> |
|
|
<h1 class="cate-title">Hoa quả sạch</h1> |
|
|
<div class="list-products"> |
|
|
<div class="col-s-12 col-m-4 col-x-3"> |
|
|
<div class="product"> |
|
|
<img class="photo" src="nho.jpg" alt="Nho Mỹ"/><br /> |
|
|
<a class="name" href="#">Nho Mỹ</a><br /> |
|
|
<span class="price">250.000đ</span><br /> |
|
|
<input class="buy" type="button" value="Chọn mua"/> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-s-12 col-m-4 col-x-3"> |
|
|
<div class="product"> |
|
|
<img class="photo" src="duagang.jpg" alt="Dưa lưới"/><br /> |
|
|
<a class="name" href="#">Dưa lưới</a><br /> |
|
|
<span class="price">180.000đ</span><br /> |
|
|
<input class="buy" type="button" value="Chọn mua"/> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-s-12 col-m-4 col-x-3"> |
|
|
<div class="product"> |
|
|
<img class="photo" src="hongngam.jpg" alt="Hồng Mỹ"/><br /> |
|
|
<a class="name" href="#">Hồng Mỹ</a><br /> |
|
|
<span class="price">120.000đ</span><br /> |
|
|
<input class="buy" type="button" value="Chọn mua"/> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-s-12 col-m-4 col-x-3"> |
|
|
<div class="product"> |
|
|
<img class="photo" src="tao.jpg" alt="Táo Mỹ"/><br /> |
|
|
<a class="name" href="#">Táo Mỹ</a><br /> |
|
|
<span class="price">120.000đ</span><br /> |
|
|
<input class="buy" type="button" value="Chọn mua"/> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="list-products"> |
|
|
<div class="col-s-12 col-m-4 col-x-3"> |
|
|
<div class="product"> |
|
|
<img class="photo" src="nho.jpg" alt="Nho Mỹ"/><br /> |
|
|
<a class="name" href="#">Nho Mỹ</a><br /> |
|
|
<span class="price">250.000đ</span><br /> |
|
|
<input class="buy" type="button" value="Chọn mua"/> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-s-12 col-m-4 col-x-3"> |
|
|
<div class="product"> |
|
|
<img class="photo" src="duagang.jpg" alt="Dưa lưới"/><br /> |
|
|
<a class="name" href="#">Dưa lưới</a><br /> |
|
|
<span class="price">180.000đ</span><br /> |
|
|
<input class="buy" type="button" value="Chọn mua"/> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-s-12 col-m-4 col-x-3"> |
|
|
<div class="product"> |
|
|
<img class="photo" src="hongngam.jpg" alt="Hồng Mỹ"/><br /> |
|
|
<a class="name" href="#">Hồng Mỹ</a><br /> |
|
|
<span class="price">120.000đ</span><br /> |
|
|
<input class="buy" type="button" value="Chọn mua"/> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-s-12 col-m-4 col-x-3"> |
|
|
<div class="product"> |
|
|
<img class="photo" src="tao.jpg" alt="Táo Mỹ"/><br /> |
|
|
<a class="name" href="#">Táo Mỹ</a><br /> |
|
|
<span class="price">120.000đ</span><br /> |
|
|
<input class="buy" type="button" value="Chọn mua"/> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div id ="chat"> |
|
|
<a href="https://www.facebook.com/homefooody1" target="_blank"> |
|
|
<img src="fb.png" alt="Facebook"> |
|
|
</a> |
|
|
<a href="https://bit.ly/4d3QNQf" target="_blank"> |
|
|
<img src="zl.png" alt="Chat Zalo"> |
|
|
</a> |
|
|
<a href="tel:19001008"> |
|
|
<img src="dt.png" alt="Gọi điện"> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<div id="footer"> |
|
|
<div class="footer-container"> |
|
|
|
|
|
<div class="footer-column"> |
|
|
<h2>📋 Thông tin liên hệ</h2> |
|
|
<p><strong>Home Foody</strong> - Chuyên cung cấp thực phẩm sạch, an toàn cho sức khỏe</p> |
|
|
<p>📞 Hotline: <b>19001008</b></p> |
|
|
<p>🕒 Mở cửa: Thứ 2 - Thứ 7 (8:00 - 17:00)</p> |
|
|
<p>✉ Email: dualeo@homefoody.vn</p> |
|
|
<p>📍 Địa chỉ: Số 1 Đỗ Thế Diên, Nhân Hòa, Mỹ Hào, Hưng Yên</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="footer-column1"> |
|
|
<h2>🗣 Hỗ trợ khách hàng</h2> |
|
|
<ul class="footer-links"> |
|
|
<li><a href="#">Trang chủ</a></li> |
|
|
<li><a href="#">Sản phẩm</a></li> |
|
|
<li><a href="#">Tin tức</a></li> |
|
|
<li><a href="#">Giới thiệu</a></li> |
|
|
<li><a href="#">Liên hệ</a></li> |
|
|
<li><a href="#">Demo Tùy chọn</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="footer-column footer-map"> |
|
|
<h2>📍 Đường đến cửa hàng DUALEO-X</h2> |
|
|
<iframe |
|
|
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3726.2817185209333!2d106.05655447499821!3d20.94119879078073!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3135a47e1e283027%3A0x3040976f2392b403!2zMSDEkMaw4budbmcgxJDhu5cgVGjhur8gRGnDqm4sIFRULiBC4bqnbiBZw6puIE5ow6JuLCBN4bu5IEjDoG8sIEjGsG5nIFnDqm4sIFZp4buHdCBOYW0!5e0!3m2!1svi!2s!4v1746700288500!5m2!1svi!2s" |
|
|
width="100%" |
|
|
height="250" |
|
|
style="border:0; border-radius: 8px;" |
|
|
allowfullscreen="" |
|
|
loading="lazy"> |
|
|
</iframe> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<script> |
|
|
function toggleMenu() { |
|
|
const menu = document.getElementById('main-menu'); |
|
|
const hamburger = document.querySelector('.hamburger-btn'); |
|
|
|
|
|
menu.classList.toggle('menu-open'); |
|
|
hamburger.classList.toggle('active'); |
|
|
} |
|
|
|
|
|
|
|
|
document.addEventListener('click', function(event) { |
|
|
const menu = document.getElementById('main-menu'); |
|
|
const hamburger = document.querySelector('.hamburger-menu'); |
|
|
|
|
|
if (!hamburger.contains(event.target) && !menu.contains(event.target)) { |
|
|
menu.classList.remove('menu-open'); |
|
|
document.querySelector('.hamburger-btn').classList.remove('active'); |
|
|
} |
|
|
}); |
|
|
</script> |
|
|
</body> |
|
|
</html> |
