Hugging Face's logo

Spaces:
thulieu
/
baicss
Running

App Files Community
baicss / index.html
thulieu's picture
thulieu
Update index.html
90628fa verified
raw
history blame contribute delete
12.4 kB
<!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>
 //alert("Hello JavaScript!");
 //document.write("Hello JavaScript!");
 //document.getElementById("banner").innerHTML="<h1>Thuc pham sach HomeFoody</h1>"
 </script>
 <div id="menu">
 <div id="menu-content">
 <!-- Hamburger Menu Button (chỉ hiện trên mobile) -->
 <div class="hamburger-menu">
 <button class="hamburger-btn" onclick="toggleMenu()">
 <span></span>
 <span></span>
 <span></span>
 </button>
 </div>
<!-- Menu chính -->
 <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">
 <!-- Cột thông tin liên hệ -->
 <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>
<!-- Cột hỗ trợ khách hàng -->
 <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>
<!-- Cột bản đồ -->
 <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>
<!-- JavaScript cho hamburger menu -->
 <script>
 function toggleMenu() {
 const menu = document.getElementById('main-menu');
 const hamburger = document.querySelector('.hamburger-btn');
menu.classList.toggle('menu-open');
 hamburger.classList.toggle('active');
 }
// Đóng menu khi click ra ngoài
 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>