0% found this document useful (0 votes)
3 views5 pages

HTML

Uploaded by

tien nguyen
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
3 views5 pages

HTML

Uploaded by

tien nguyen
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

<html>

<head>

<title>Home Poody</title>

</head>

<body style= "margin: 0px; font-family: Arial">

<div id ="wrapper" style ="width:100%; height: 100%px; background-color: #FFF">

<div id = "header" style = "width:100%; height: 280px; background-color:#FFF;


color: #FFF">

<div id = "header-top" style = "width:100%; height: 50px; background-


color:green; line-line-height: 50px">

<div id = "header-top-noname" style = "width:80%; height:


50px; background-color:green; margin:0px auto">

<div id = "header-top-left" style = "width:60%; height:


50px; background-color:green; float: left">

<span style ="padding-right: 50px">HotLine:


0123.456.789 </span> DiaChi: Dong Ket Khoai Chau Hung Yen

</div>

<div id = "header-top-right" style = "width:40%; height:


50px; background-color:green; text-align: right; float:right">

Dang Nhap hoac Dang Ky

</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;


float:left">

<img src="C:\Users\ADMIN\Desktop\
z5362064317500_1e877ea040051eaccdea52bd6b1258cc.jpg" width = "100%"; height ="100%" ></img>
</div>

<div id = "header-contact" style = "width:75%; height: 80px;


float: right; display: flex; color : #333; text-align: right">

<div id = "policy" style = "width:25%; height: 80px">

<img src ="C:\Users\ADMIN\Desktop\


policy.jpg"/><b>Miễn phí vận chuyển </b> <br />Bán kính 100m

</div>

<div id = "sp" style = "width:25%; height: 80px">

<img src
="C:\Users\ADMIN\Desktop\sp.jpg"/><b>Hỗ trợ 24/7 </b> <br />Hotline:

</div>

<div id = "time" style = "width:25%; height: 80px">

<img src ="C:\Users\ADMIN\Desktop\


time.jpg"/><b>Giờ làm việc </b> <br /> Thời giam làm việc T2-T7

</div>

<div id = "giohang" style = "width:25%; height: 80px">

<img src =><b>Giỏ hàng </b> <br />Bán kính


100m

</div>

</div>

</div>

<div id = "header-menu" style = "width:100%; height: 50px; background-


color:green">

<div id = "header-menu-content" style = "width:80%; height:


50px; margin: 0px auto">

<ul style=" margin: 0px; list-style:none " >

<li style ="float: left ;padding-right: 40px; line-


height: 50px "> <a href ="buoi2html.html" style = "color : #FFF; text-decoration: none">Trang
chủ</a></li>

<li style ="float: left ;padding-right: 40px ; line-


height: 50px"> <a href ="product.html" style = "color : #FFF; text-decoration: none">Sản Phẩm</a></li>
<li style ="float: left ;padding-right: 40px;line-
height: 50px "> <a href ="news.html" style = "color : #FFF; text-decoration: none">Tin Tức</a></li>

<li style ="float: left ;padding-right: 40px;line-


height: 50px "> <a href ="about.html" style = "color : #FFF; text-decoration: none">Giới thiệu</a></li>

<li style ="float: left ;padding-right: 40px;line-


height: 50px" > <a href ="@" style = "color : #FFF; text-decoration: none">Liên hệ</a></li>

<li style ="float: left ;padding-right: 40px;line-


height: 50px"> <a href ="@" style = "color : #FFF; text-decoration: none">CHuyển dụng</a></li>

<li style ="float: left ;padding-right: 40px;line-


height: 50px"> <a href ="@" style = "color : #FFF; text-decoration: none"></a></li>

<li style ="float: left ;padding-right: 40px;line-


height: 50px"> <a href ="@" style = "color : #FFF; text-decoration: none">Trang chủ</a></li>

</ul>

</div>

</div>

</div>

<div id = "main" style = "width:100%; height: 1000px; background-color: #FFF">

<div id = "main-top" style = "width:80%; height: 400px; margin: 40px


auto">

<div id = "main-top-cate" style = "width:20%; height: 400px;


background-color:#DDD; float:left">

<div>

<div id =" top-cate-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>

<div>

<ul style=" margin: 0px " >


<li style =" line-height: 40px ">
<a href ="buoi2html.html" style = "color : #333; text-decoration: none">Rau củ sạch</a></li>

<li style ="line-height: 40px">


<a href ="@" style = "color : #333; text-decoration: none">Hoa quả sạch</a></li>

<li style ="line-height: 40px ">


<a href ="@" style = "color : #333; text-decoration: none">Hải sản tươi sống</a></li>

<li style ="line-height: 40px ">


<a href ="@" style = "color : #333; text-decoration: none">G</a></li>

<li style ="line-height: 40px" >


<a href ="@" style = "color : #333; text-decoration: none">Liên hệ</a></li>

<li style ="line-height: 40px">


<a href ="@" style = "color : #333; text-decoration: none">CHuyển dụng</a></li>

<li style ="line-height: 40px">


<a href ="@" style = "color : #333; text-decoration: none"></a></li>

<li style ="line-height: 40px">


<a href ="@" style = "color : #333; text-decoration: none">Trang chủ</a></li>

<li style ="line-height: 40px">


<a href ="@" style = "color : #333; text-decoration: none">Trang chủ</a></li>

</ul>

</div>

</div>

<div id = "main-top-slideshow" style = "width:80%; height:


400px; float: right; padding-left: 0px">

<img src ="C:\Users\ADMIN\Desktop\slide 1.jpg" style =


"width:95%; height:100%; float: right"/>

</div>

</div>

<div id = "main-content" style = "width:80%; height: 280px;;margin:


40px auto">

<div id ="ads" style="width: 100%; height:100% ; margin: 40px


0px; display: flex">
<div style= "width: 33%; height: 100%"> <img src= "C:\
Users\ADMIN\Desktop\ad1.webp"/> </div>

<div style= "width: 33%; height: 100%; text-


align:center"> <img src= "C:\Users\ADMIN\Desktop\ad2.webp"/></div>

<div style= "width: 33%; height: 100%; text-align:


right"> <img src= "C:\Users\ADMIN\Desktop\ad3.jpg"><div>

</div>

</div>

</div>

<div id = "footer" style = "width:100%; height: 300px; background-


color:green"></div>

</div>

</body>

</html>

You might also like