<html>
<head>
<title>Thực phẩm sạch HomeFoody</title>
</head>
<body style="margin: 0px; font-family: Arial">
<div id="wrapper" style="width: 100%; height: 1000px; background-color:
White">
<div id="header" style="width: 100%; height: 280px; background-
color: White; color: #FFF">
<div id="header-top" style="width: 100%; height: 50px;
background-color: Green; line-height: 50px">
<div id="header-top-noname" style="width: 80%;
height: 50px; background-color: Green; margin: 0px auto; font-size: 13px">
<div id="header-top-left" style="width: 60%;
height: 50px; background-color: Green; float: left">
<span style="padding-right:
50px">Hotline: 0912.188.636</span> Địa chỉ: Số 1 Đỗ thế Diên, NHân Hòa, Mỹ Hào,
Hưng Yên
</div>
<div id="header-top-right" style="width: 40%;
height: 50px; background-color: Green; text-align: right; float: right">
Đăng nhập hoặc Đăng ký
</div>
</div>
</div>
<div id="header-content" style="width: 80%; height: 80px;
background-color: #FFF; margin: 0px auto; padding: 50px 0px">
<div id="header-logo" style="width: 25%; height:
80px; background-color: #FFF;Float: left">
<img src="logo.jpg"></img>
</div>
<div id="header-contact" style="width: 75%; height:
80px; background-color: white; float: right; display: flex; color: #333; text-align: right">
<div id="pilocy" style="width: 25%; height:
100%">
<img src="pilocy.jpg" /><b>Miễn
phí vận chuyển</b><br />Bán kính 100 km
</div>
<div id="support" style="width: 25%; height:
100%">
<img src="support.jpg" /><b>Hỗ trợ
24/7</b><br />Hotline: 0912188636
</div>
<div id="time" style="width: 25%; height:
100%">
<img src="time.jpg"/><b>Giờ làm
việc</b><br />T2- T7 hàng tuần
</div>
<div id="time" style="width: 25%; height:
100%">
<img src="bag.png" /><b>Giỏ hàng</b>
</div>
</div>
</div>
<div id="header-menu" style="width: 100%; height: 50px;
background-color: Green">
<div id="header-menu-countect" style="width: 80%;
height: 100%; margin: 0px auto">
<ul style="margin: 0px; list-style: none">
<li style="Float: left; padding-right:
40px; line-height: 50px"> <a style="color: #FFF; text-decoration: none"
href="index.html">Trang chủ</a></li>
<li style="Float: left; padding-right:
40px; line-height: 50px"> <a style="color: #FFF; text-decoration: none"
href="product.html">Sản phẩm</a></li>
<li style="Float: left; padding-right:
40px; line-height: 50px"> <a style="color: #FFF; text-decoration: none"
href="news.html">Tin tức</a></li>
<li style="Float: left; padding-right:
40px; line-height: 50px"> <a style="color: #FFF; text-decoration: none"
href="about.html">Giới thiệu</a></li>
<li style="Float: left; padding-right:
40px; line-height: 50px"> <a style="color: #FFF; text-decoration: none"
href="contact.html">Liên hệ</a></li>
<li style="Float: left; padding-right:
40px; line-height: 50px"> <a style="color: #FFF; text-decoration: none"
href="hr.html">Tuyển dụng</a></li>
</ul>
</div>
</div>
</div>
<div id="main" style="width: 100%; background-color: White">
<div id="main-top" style="width: 80%; height: 400px;
margin: 40px auto">
<div id="main-top-case" style="width: 20%; height:
420px; background-color: #DDD; float: left">
<div id="top-case-title" style="width: 100%;
height: 40px; border-radius: 10px; background-color: Green; line-height: 40px; text-
align: center; color: #FFF">Danh Mục</div>
<div>
<ul style:"margin: 0px">
<li style="Float: left; padding-right:
40px; line-height: 50px"> <a style="color: black; text-decoration: none"
href="index.html">Rau củ sạch</a></li>
<li style="Float: left; padding-right:
40px; line-height: 50px"> <a style="color: black; text-decoration: none"
href="product.html">Hoa quả sạch</a></li>
<li style="Float: left; padding-right:
40px; line-height: 50px"> <a style="color: black; text-decoration: none"
href="news.html">Hải sản tươi sống</a></li>
<li style="Float: left; padding-right:
40px; line-height: 50px"> <a style="color: black; text-decoration: none"
href="about.html">Hải sản nhập khẩu</a></li>
<li style="Float: left; padding-right:
40px; line-height: 50px"> <a style="color: black; text-decoration: none"
href="contact.html">Hoa quả nhập khẩu</a></li>
<li style="Float: left; padding-right:
40px; line-height: 50px"> <a style="color: black; text-decoration: none"
href="contact.html">Rau củ nhập khẩu</a></li>
<li style="Float: left; padding-right:
40px; line-height: 50px"> <a style="color: black; text-decoration: none"
href="hr.html">Hàng nhập khẩu</a></li>
</ul>
</div>
</div>
<div id="main-top-slideshow" style="width: 80%;
height: 400px; background-color: #FFF; float: right; padding-left: 0px">
<img src="slide1.jpg" style="width: 90%;high:
400px; Float: right"></img>
</div>
</div>
<div id="main-content" style="width: 80%; background-
color: #FFF; margin: 40px auto">
<div id="ad1" style="width: 100%; height: 156px;
background-color: #FFF; margin: 40px 0px; display: flex">
<div style="width:33.3%"><img
src="slide3.jpg" /></div>
<div style="width:33.3%;text-align:
center"><img src="slide2.jpg" /></div>
<div style="width:33.3%; text-align:
right"><img src="slide4.jpg" /></div>
</div>
<div class="cate" style="width: 100%; height: 400px;
margin: 40px 0px; padding-bottom: 40px">
<div class="cate-top" style="width: 100%;
height: 40px;">
<div class="cate-title" style="width:
25%; height: 40px; background-color: Green; border-radius: 20px; float:left">
<span style="color: #FFF; font-
weight: bold; line-height: 40px; padding-left: 60px">TRÁI CÂY TƯƠI SẠCH</span>
</div>
<div class="cate-subumenu"
style="width: 75%; height: 40px; Float: right">
<ul style="margin: 0px; list-style:
none">
<li style="Float: left;
padding-left: 20px; line-height: 40px"> <a style="color: #333; text-decoration: none"
href="#">Rau củ sạch</a></li>
<li style="Float: left;
padding-left: 20px; line-height: 40px"> <a style="color: #333; text-decoration: none"
href="#">Hoa quả sạch</a></li>
<li style="Float: left;
padding-left: 20px; line-height: 40px"> <a style="color: #333; text-decoration: none"
href="#">Hoa quả nhập khẩu</a></li>
<li style="Float: left;
padding-left: 20px; line-height: 40px"> <a style="color: #333; text-decoration: none"
href="#">Hoa quả Mỹ</a></li>
<li style="Float: left;
padding-left: 20px; line-height: 40px"> <a style="color: #333; text-decoration: none"
href="#">Hoa quả Nhật Bản</a></li>
<li style="Float: left;
padding-left: 20px; line-height: 40px"> <a style="color: #333; text-decoration: none"
href="#">Hoa quả Việt Nam</a></li>
</ul>
</div>
</div>
<div class="cate-content" style="width: 100%;
height: 360px; padding: 40px 0px; display: flex">
<div class="prouduct" style="width:
25%; height: 100%; text-align: center; border: 1px solid #CCC; border-radius: 20px;
margin-right: 20px">
<img src="chanhleo.jpg" />
<h3>Chanh leo Mỹ</h3>
<span style= "color: Orange,
padding-right: 40px; font-size: 20px"><b>450.000</b></span>
<span><s>475.000</s></span>
</div>
<div class="prouduct" style="width:
25%; height: 100%; text-align: center; border: 1px solid #CCC; border-radius: 20px;
margin-right: 20px">
<img src="duachuot.jpg" />
<h3>Dưa chuột</h3>
<span style= "color: Orange,
padding-right: 40px; font-size: 20px"><b>20.000</b></span>
<span><s>25.000</s></span>
</div>
<div class="prouduct" style="width:
25%; height: 100%; text-align: center; border: 1px solid #CCC; border-radius: 20px;
margin-right: 20px">
<img src="Toi.jpg" />
<h3>Tỏi, hành Mỹ</h3>
<span style= "color: Orange,
padding-right: 40px; font-size: 20px"><b>50.000</b></span>
<span><s>55.000</s></span>
</div>
<div class="prouduct" style="width:
25%; height: 100%; text-align: center; border: 1px solid #CCC; border-radius: 20px">
<img src="hong.jpg" />
<h3>Hồng đỏ</h3>
<span style= "color: Orange,
padding-right: 40px; font-size: 20px"><b>60.000</b></span>
<span><s>75.000</s></span>
</div>
</div>
</div>
<div class="cate" style="width: 100%; height: 400px;
margin: 40px 0px; padding-bottom: 40px">
<div class="cate-top" style="width: 100%;
height: 40px;">
<div class="cate-title" style="width:
25%; height: 40px; background-color: Green; border-radius: 20px; float:left">
<span style="color: #FFF; font-
weight: bold; line-height: 40px; padding-left: 60px">TRÁI CÂY TƯƠI SẠCH</span>
</div>
<div class="cate-subumenu"
style="width: 75%; height: 40px; Float: right">
<ul style="margin: 0px; list-style:
none">
<li style="Float: left;
padding-left: 20px; line-height: 40px"> <a style="color: #333; text-decoration: none"
href="#">Rau củ sạch</a></li>
<li style="Float: left;
padding-left: 20px; line-height: 40px"> <a style="color: #333; text-decoration: none"
href="#">Hoa quả sạch</a></li>
<li style="Float: left;
padding-left: 20px; line-height: 40px"> <a style="color: #333; text-decoration: none"
href="#">Hoa quả nhập khẩu</a></li>
<li style="Float: left;
padding-left: 20px; line-height: 40px"> <a style="color: #333; text-decoration: none"
href="#">Hoa quả Mỹ</a></li>
<li style="Float: left;
padding-left: 20px; line-height: 40px"> <a style="color: #333; text-decoration: none"
href="#">Hoa quả Nhật Bản</a></li>
<li style="Float: left;
padding-left: 20px; line-height: 40px"> <a style="color: #333; text-decoration: none"
href="#">Hoa quả Việt Nam</a></li>
</ul>
</div>
</div>
<div class="cate-content" style="width: 100%;
height: 360px; padding: 40px 0px; display: flex">
<div class="prouduct" style="width:
25%; height: 100%; text-align: center; border: 1px solid #CCC; border-radius: 20px;
margin-right: 20px">
<img src="chanhleo.jpg" />
<h3>Chanh leo Mỹ</h3>
<span style= "color: Orange,
padding-right: 40px; font-size: 20px"><b>450.000</b></span>
<span><s>475.000</s></span>
</div>
<div class="prouduct" style="width:
25%; height: 100%; text-align: center; border: 1px solid #CCC; border-radius: 20px;
margin-right: 20px">
<img src="duachuot.jpg" />
<h3>Dưa chuột</h3>
<span style= "color: Orange,
padding-right: 40px; font-size: 20px"><b>20.000</b></span>
<span><s>25.000</s></span>
</div>
<div class="prouduct" style="width:
25%; height: 100%; text-align: center; border: 1px solid #CCC; border-radius: 20px;
margin-right: 20px">
<img src="Toi.jpg" />
<h3>Tỏi, hành Mỹ</h3>
<span style= "color: Orange,
padding-right: 40px; font-size: 20px"><b>50.000</b></span>
<span><s>55.000</s></span>
</div>
<div class="prouduct" style="width:
25%; height: 100%; text-align: center; border: 1px solid #CCC; border-radius: 20px">
<img src="hong.jpg" />
<h3>Hồng đỏ</h3>
<span style= "color: Orange,
padding-right: 40px; font-size: 20px"><b>60.000</b></span>
<span><s>75.000</s></span>
</div>
</div>
</div>
<div class="cate" style="width: 100%; height: 400px;
margin: 40px 0px; padding-bottom:40px">
<div class="cate-top" style="width: 100%;
height: 40px;">
<div class="cate-title" style="width:
25%; height: 40px; background-color: Green; border-radius: 20px; float:left">
<span style="color: #FFF; font-
weight: bold; line-height: 40px; padding-left: 60px">TRÁI CÂY TƯƠI SẠCH</span>
</div>
<div class="cate-subumenu"
style="width: 75%; height: 40px; Float: right">
<ul style="margin: 0px; list-style:
none">
<li style="Float: left;
padding-left: 20px; line-height: 40px"> <a style="color: #333; text-decoration: none"
href="#">Rau củ sạch</a></li>
<li style="Float: left;
padding-left: 20px; line-height: 40px"> <a style="color: #333; text-decoration: none"
href="#">Hoa quả sạch</a></li>
<li style="Float: left;
padding-left: 20px; line-height: 40px"> <a style="color: #333; text-decoration: none"
href="#">Hoa quả nhập khẩu</a></li>
<li style="Float: left;
padding-left: 20px; line-height: 40px"> <a style="color: #333; text-decoration: none"
href="#">Hoa quả Mỹ</a></li>
<li style="Float: left;
padding-left: 20px; line-height: 40px"> <a style="color: #333; text-decoration: none"
href="#">Hoa quả Nhật Bản</a></li>
<li style="Float: left;
padding-left: 20px; line-height: 40px"> <a style="color: #333; text-decoration: none"
href="#">Hoa quả Việt Nam</a></li>
</ul>
</div>
</div>
<div class="cate-content" style="width: 100%;
height: 360px; padding: 40px 0px; display: flex">
<div class="prouduct" style="width:
25%; height: 100%; text-align: center; border: 1px solid #CCC; border-radius: 20px;
margin-right: 20px">
<img src="chanhleo.jpg" />
<h3>Chanh leo Mỹ</h3>
<span style= "color: Orange,
padding-right: 40px; font-size: 20px"><b>450.000</b></span>
<span><s>475.000</s></span>
</div>
<div class="prouduct" style="width:
25%; height: 100%; text-align: center; border: 1px solid #CCC; border-radius: 20px;
margin-right: 20px">
<img src="duachuot.jpg" />
<h3>Dưa chuột</h3>
<span style= "color: Orange,
padding-right: 40px; font-size: 20px"><b>20.000</b></span>
<span><s>25.000</s></span>
</div>
<div class="prouduct" style="width:
25%; height: 100%; text-align: center; border: 1px solid #CCC; border-radius: 20px;
margin-right: 20px">
<img src="Toi.jpg" />
<h3>Tỏi, hành Mỹ</h3>
<span style= "color: Orange,
padding-right: 40px; font-size: 20px"><b>50.000</b></span>
<span><s>55.000</s></span>
</div>
<div class="prouduct" style="width:
25%; height: 100%; text-align: center; border: 1px solid #CCC; border-radius: 20px">
<img src="hong.jpg" />
<h3>Hồng đỏ</h3>
<span style= "color: Orange,
padding-right: 40px; font-size: 20px"><b>60.000</b></span>
<span><s>75.000</s></span>
</div>
</div>
</div>
<div id="ad2" style="width: 100%; height: 156px;
background-color: #FFF; margin: 40px 0px; display: flex">
<div style="width:33.3%"><img
src="slide3.jpg" /></div>
<div style="width:33.3%;text-align:
center"><img src="slide2.jpg" /></div>
<div style="width:33.3%; text-align:
right"><img src="slide4.jpg" /></div>
</div>
</div>
</div>
<div id="footer" style="width: 100%; height: 300px; background-
color: Green"></div>
</div>
</body>
</html>
