By GokiSoft.com| 20:28 01/03/2022|
Học HTML5 - CSS3

Tạo website giời thiệu công ty - Lập trình HTML/CSS/JS

Tạo website giời thiệu công ty - Lập trình HTML/CSS/JS


Phản hồi từ học viên

5

(Dựa trên đánh giá ngày hôm nay)

Vũ Ngọc Văn [community,C2010L]
Vũ Ngọc Văn

2021-02-08 08:38:41

https://github.com/vanvu25894/02-HTML/tree/main/test_gioithieucongty

https://vungocvan-aptech.herokuapp.com/test_gioithieucongty/gioithieucongty.html


Nguyễn Anh Vũ [T2008A]
Nguyễn Anh Vũ

2020-10-30 06:41:58


#gt cong ty.html


<!DOCTYPE html>
<html>
<head>
	<title>Công ty may tre đan Ngọc Động</title>
  <meta charset="utf-8">
	<style type="text/css">
	*{
		margin:0px;
		padding: 0px;
	}
	body{
		font-family: sans-serif;
		margin-right-left: 50px;
	}
	#dautien{
		width: 100%;
		height: 80px;
	}
	.logomanu{
		width: 100%;
		margin: 0px auto;
		height: 111px;
		background-color: #3e9e5b;
		color: white;
	}
	#phandau ul li{
		list-style: none;
	}
	.logo{
		width: 100px;
		float: left;
		margin-left: 20px;
		margin-top: 10px;
		font-size: 20px;
		color:red;
		
	}
	.batdau{
		padding-top: 10px;
	}
	.phai{
		border: 1px solid #d9d9d4;
		background-color: #3e9e5b;
		float: right;
		margin-right: 10px;
		padding: 5px;
		margin-top: 15px;
	}
	.menu{
      clear: left;
      list-style: none;
      margin: 0px;
      padding: 0px;
      margin-top: 25px;
      margin-left: 20px;
      display: block;
	}
     .menu ul li{
     	float: left;
     }
     .menu ul li a{
     	text-decoration: none;
     	display: block;
     	color: #fff;
     	padding: 0px 10px 0px 10px;

     }
     .menu ul li a.active{
     	background-color:  blue;
     }
    a:hover{
            color:white;
            background-color:#224d35;
        }
        
        #background img{
        	width: 100%;
        	height: 500px;
        	margin-top: 20px;
        }
        .dichvu{
        	color: white;
        	border: 1px;
        	float: left;
        	margin-left: 25%;
        	margin-top: 30px;		
        }
        .dichvu li{
         font-size: 20px;
         padding: 20px;
         float: left;
         display: inline-block;	
         margin-left: 30px;	
         }
       .dichvu li p{
       	font-size: small;
       }
       #sanpham1{
       	margin: 0px auto;
       	height: 300px;
       	width: 1000px;
       	border: 1px solid grey;
       	margin-top: 150px;

       }
       #sanpham1 .tieude{
       	margin: 0px auto;
       	height: 80px;
       	width: 1000px;
       	border: 1px solid grey;
       }
       #sanpham1 .tieude li{
       	list-style: none;
       	float: left;
       	padding: 20px 10px 20px 10px;
       	font-size: 20px;
       }
       #sanpham1 img{
       	display: block;
       	float: left;
       	clear: right;
       	height: 150px;
       	width:150px;
       	margin: 20px 50px 0px 50px;
       }
       #sanpham1 p{
       	margin: 0px 10px 0px 75px;
       	font-size: 20px;
       }
       #sanpham1 li{
          list-style: none;
          float: left;
       }
       #het{
       	background: #00000;
       	margin-top: 250px; 
       	width: 1000px;
       }
      .footer {
      width: 100%;
      background-color: white;
      min-height: 200px;
    }
	</style>
</head>
<body>
   <div id="dautien">
   	<div class="logomanu">
   		<div class="logo">
       <img src="http://www.trexinh.vn/uploaded/logo/logo.png"> 
      </div>
   		<div class="batdau">
   			<ul>
   				<div class="phai">Giỏ Hàng</div>
   				<h3>CÔNG TY TNHH MÂY TRE ĐAN NGỌC ĐỘNG</h3>
   			</ul>
   		</div>
   		<div class="menu">
   			<ul>

   				<li><a href="#=" title="Giới Thiệu">Giới thiệu</a></li>
   				<li><a href="#" title="Sản Phẩm">Sản phẩm</a></li>
   				<li><a href="#" title="Tin Tức">Tin tức<select style="background-color:#3e9e5b ">
   					
   				</select></a></li>
   				<li><a href="#" title="Hỗ trợ">Hỗ trợ</a></li>
   				<li><a href="#" title="Thư viện">Thư viện</a></li>
   				<li><a href="#" title="Góc tư vấn">Góc tư vấn</a></li>
   				<li style="float: right; margin-right: 30px;"><a href="#" title="Liên Hệ">Liên hệ</a></li>
   			</ul>
   		</div>
   	</div>
   </div>
   <div id="background">
    	<img src="http://www.trexinh.vn/uploaded/slideshow/banner-2.jpg">	
    </div>
   <div id="giua">
    <div class="dichvu">
    	<nav>
    	<li style="background-color: blue;">Vận chuyển toàn quốc
    		<p>Phí ship từ 20-50k</p></li>
    	<li style="background-color: red">Bảo hành<p>3 Tháng kể từ khi mua hàng</p></li>
    	<li style="background-color: green">Hỗ trợ 24/7<p>...</p></li>
        <li style="background-color:  yellow ">Tư vấn<p>...</p></li>
    </nav>
    </div>
   </div>
    <div id="sanpham1">
       <div class="tieude">
       	<ul>
       		<li style="font-size: 25px;"><b> Sản Phẩm Nổi Bật</b></li>
       		<li>| Giá đựng sách</li>
       		<li>| Ghế đan</li>
       		<li>| Tủ hai ngăn</li>
       		<li>| Trang trí nội thất</li>	
       	</ul>
       </div>
       <div class="mathang">
       	<ul>
       	<li><img src="http://www.trexinh.vn/temp/-uploaded-san-pham_ND82197_cr_420x400.JPG">
       		<p>Tủ hai ngăn</p>
       		<p style="color: orange;">38747387347vnd</p>
       	</li>
       	<li><img src="http://www.trexinh.vn/temp/-uploaded-san-pham_ND82140_cr_420x400.JPG">
       		<p>Tủ sách</p>
       		<p style="color: orange;">43421222vnd</p>
       	</li>
       <li><img src="http://www.trexinh.vn/temp/-uploaded-san-pham_ND82142_3_cr_420x400.JPG">
       		<p>Giá 6 ngăn</p>
       		<p style="color: orange;">1241241vnd</p>
       	</li>
       	<li><img src="http://www.trexinh.vn/temp/-uploaded-san-pham_san-go-janmi_0_cr_420x280.jpg">
       		<p>Nội Thất</p>
       		<p style="color: orange;">1423121vnd</p>
       	</li>
       </ul>
       </div>
    </div>
    <div id="sanpham1" style="margin-top:50px; ">
       <div class="tieude">
       	<ul>
       		<li style="font-size: 25px;"><b>Sản phẩm ưa dùng</b></li>
       		<li>| Bộ ba giá sách hình vuông</li>
       		<li>| Tủ tre 2 ngăn</li>
       		<li>| Nội thất</li>
       		<li>| Sản phảm bếp núc</li>	
       	</ul>
       </div>
       <div class="banhang">
       	<ul>
       	<li><img src="http://www.trexinh.vn/temp/-uploaded-san-pham_ND82197_cr_420x400.JPG">
       		<p>Tủ 2 ngăn</p>
       		<p style="color: orange;">1273777vnd</p>
       	</li>
       	<li><img src="http://www.trexinh.vn/temp/-uploaded-san-pham_ND82140_cr_420x400.JPG">
       		<p>Tủ sách</p>
       		<p style="color: orange;">2515111vnd</p>
       	</li>
       <li><img src="http://www.trexinh.vn/temp/-uploaded-san-pham_ND82142_3_cr_420x400.JPG">
       		<p>Giá 6 ngăn</p>
       		<p style="color: orange;">1213100vnd</p>
       	</li>
       	<li><img src="http://www.trexinh.vn/temp/-uploaded-san-pham_san-go-janmi_0_cr_420x280.jpg">
       		<p>Nội Thất</p>
       	<p style="color: orange;">1000000vnd</p>
       	</li>
       </ul>
       </div>
  
   <div id="het">
    		 <div class="footer">
          Giới Thiệu
          <p><h2 style="color: #33CC33">CÔNG TY MÂY TRE ĐAN NGỌC ĐỘNG HÀ NAM</h2></p>
Công ty Ngọc Động Hà Nam là công ty chuyên sản xuất và xuất khẩu hàng thủ công mỹ nghệ ở Việt Nam ra hơn 30 nước trên thế giới. Khách hàng của chúng tôi là những nhà nhập khẩu và những tập đoàn bán lẻ lớn trên thế giới như Walmart, Target, BBB, T-J-X, Ross, Carrefour, Conforama, OBI, Aldi, Tesco, Le biscuit, Fallabella và Nitori. Được thành lập năm 1988 với hình thức tổ hợp và chuyển đổi sang mô hình công ty năm 2004, Ngọc Động Hà Nam một mặt nỗ lực phát triển sản phẩm và thị trường, mặt khác tích cực chung tay trong sự nghiệp xóa đói giảm nghèo, phát triển kinh tế nông thôn trên địa bàn tỉnh Hà Nam và nhiều tỉnh lân cận như Nam Định, Thái Bình, Ninh Bình. Với quy mô nhà xưởng gần 20,000 m2, hàng năm chúng tôi xuất khẩu ...
<br>
<br>
<b style="color: #000000">Ghi chú</b>
  <br>
  <i>Thông tin chi tiết:</i>
  <br>
  Nhà máy : Cụm công nghiệp Ngọc Động, xã Hoàng Đông, huyện Duy Tiên, tỉnh Hà Nam
  <br>
    <u style="color: #00FF00">    Tel:  02263 835 820 - 84 942 11 00 70 </u>
    <br>
  <u style="color: #00FF00">  Email: phong@ngocdonghandicrafts.com </u> 
  <br>
  <small title="" style="color: #00FF00">Website: www.trexinh.vn</small>
  <br>
  <u style="color: black">Xem Thêm</u>
         </div>
    	</div>
</body>
</html>



Nguyễn Anh Vũ [T2008A]
Nguyễn Anh Vũ

2020-10-28 15:17:35


#CTY.HTML


<!DOCTYPE html>
<html>
<head>
	<title>Công ty may tre đan Ngọc Động</title>
  <meta charset="utf-8">
	<style type="text/css">
	*{
		margin:0px;
		padding: 0px;
	}
	body{
		font-family: sans-serif;
		margin-right-left: 50px;
	}
	#dautien{
		width: 100%;
		height: 80px;
	}
	.logomanu{
		width: 100%;
		margin: 0px auto;
		height: 111px;
		background-color: #3e9e5b;
		color: white;
	}
	#phandau ul li{
		list-style: none;
	}
	.logo{
		width: 100px;
		float: left;
		margin-left: 20px;
		margin-top: 10px;
		font-size: 20px;
		color:red;
		
	}
	.batdau{
		padding-top: 10px;
	}
	.phai{
		border: 1px solid #d9d9d4;
		background-color: #3e9e5b;
		float: right;
		margin-right: 10px;
		padding: 5px;
		margin-top: 15px;
	}
	.menu{
      clear: left;
      list-style: none;
      margin: 0px;
      padding: 0px;
      margin-top: 25px;
      margin-left: 20px;
      display: block;
	}
     .menu ul li{
     	float: left;
     }
     .menu ul li a{
     	text-decoration: none;
     	display: block;
     	color: #fff;
     	padding: 0px 10px 0px 10px;

     }
     .menu ul li a.active{
     	background-color:  blue;
     }
    a:hover{
            color:white;
            background-color:#224d35;
        }
        
        #background img{
        	width: 100%;
        	height: 500px;
        	margin-top: 20px;
        }
        .dichvu{
        	color: white;
        	border: 1px;
        	float: left;
        	margin-left: 25%;
        	margin-top: 30px;		
        }
        .dichvu li{
         font-size: 20px;
         padding: 20px;
         float: left;
         display: inline-block;	
         margin-left: 30px;	
         }
       .dichvu li p{
       	font-size: small;
       }
       #sanpham1{
       	margin: 0px auto;
       	height: 300px;
       	width: 1000px;
       	border: 1px solid grey;
       	margin-top: 150px;

       }
       #sanpham1 .tieude{
       	margin: 0px auto;
       	height: 80px;
       	width: 1000px;
       	border: 1px solid grey;
       }
       #sanpham1 .tieude li{
       	list-style: none;
       	float: left;
       	padding: 20px 10px 20px 10px;
       	font-size: 20px;
       }
       #sanpham1 img{
       	display: block;
       	float: left;
       	clear: right;
       	height: 150px;
       	width:150px;
       	margin: 20px 50px 0px 50px;
       }
       #sanpham1 p{
       	margin: 0px 10px 0px 75px;
       	font-size: 20px;
       }
       #sanpham1 li{
          list-style: none;
          float: left;
       }
       #het{
       	background: #00000;
       	margin-top: 250px; 
       	width: 1000px;
       }
      .footer {
      width: 100%;
      background-color: white;
      min-height: 200px;
    }
	</style>
</head>
<body>
   <div id="dautien">
   	<div class="logomanu">
   		<div class="logo">
       <img src="http://www.trexinh.vn/uploaded/logo/logo.png"> 
      </div>
   		<div class="batdau">
   			<ul>
   				<div class="phai">Giỏ Hàng</div>
   				<h3>CÔNG TY TNHH MÂY TRE ĐAN NGỌC ĐỘNG</h3>
   			</ul>
   		</div>
   		<div class="menu">
   			<ul>

   				<li><a href="#=" title="Giới Thiệu">Giới thiệu</a></li>
   				<li><a href="#" title="Sản Phẩm">Sản phẩm</a></li>
   				<li><a href="#" title="Tin Tức">Tin tức<select style="background-color:#3e9e5b ">
   					
   				</select></a></li>
   				<li><a href="#" title="Hỗ trợ">Hỗ trợ</a></li>
   				<li><a href="#" title="Thư viện">Thư viện</a></li>
   				<li><a href="#" title="Góc tư vấn">Góc tư vấn</a></li>
   				<li style="float: right; margin-right: 30px;"><a href="#" title="Liên Hệ">Liên hệ</a></li>
   			</ul>
   		</div>
   	</div>
   </div>
   <div id="background">
    	<img src="http://www.trexinh.vn/uploaded/slideshow/banner-2.jpg">	
    </div>
   <div id="giua">
    <div class="dichvu">
    	<nav>
    	<li style="background-color: blue;">Vận chuyển toàn quốc
    		<p>Phí ship từ 20-50k</p></li>
    	<li style="background-color: red">Bảo hành<p>3 Tháng kể từ khi mua hàng</p></li>
    	<li style="background-color: green">Hỗ trợ 24/7<p>...</p></li>
        <li style="background-color:  yellow ">Tư vấn<p>...</p></li>
    </nav>
    </div>
   </div>
    <div id="sanpham1">
       <div class="tieude">
       	<ul>
       		<li style="font-size: 25px;"><b> Sản Phẩm Nổi Bật</b></li>
       		<li>| Giá đựng sách</li>
       		<li>| Ghế đan</li>
       		<li>| Tủ hai ngăn</li>
       		<li>| Trang trí nội thất</li>	
       	</ul>
       </div>
       <div class="mathang">
       	<ul>
       	<li><img src="http://www.trexinh.vn/temp/-uploaded-san-pham_ND82197_cr_420x400.JPG">
       		<p>Tủ hai ngăn</p>
       		<p style="color: orange;">38747387347vnd</p>
       	</li>
       	<li><img src="http://www.trexinh.vn/temp/-uploaded-san-pham_ND82140_cr_420x400.JPG">
       		<p>Tủ sách</p>
       		<p style="color: orange;">43421222vnd</p>
       	</li>
       <li><img src="http://www.trexinh.vn/temp/-uploaded-san-pham_ND82142_3_cr_420x400.JPG">
       		<p>Giá 6 ngăn</p>
       		<p style="color: orange;">1241241vnd</p>
       	</li>
       	<li><img src="http://www.trexinh.vn/temp/-uploaded-san-pham_san-go-janmi_0_cr_420x280.jpg">
       		<p>Nội Thất</p>
       		<p style="color: orange;">1423121vnd</p>
       	</li>
       </ul>
       </div>
    </div>
    <div id="sanpham1" style="margin-top:50px; ">
       <div class="tieude">
       	<ul>
       		<li style="font-size: 25px;"><b>Sản phẩm ưa dùng</b></li>
       		<li>| Bộ ba giá sách hình vuông</li>
       		<li>| Tủ tre 2 ngăn</li>
       		<li>| Nội thất</li>
       		<li>| Sản phảm bếp núc</li>	
       	</ul>
       </div>
       <div class="banhang">
       	<ul>
       	<li><img src="http://www.trexinh.vn/temp/-uploaded-san-pham_ND82197_cr_420x400.JPG">
       		<p>Tủ 2 ngăn</p>
       		<p style="color: orange;">1273777vnd</p>
       	</li>
       	<li><img src="http://www.trexinh.vn/temp/-uploaded-san-pham_ND82140_cr_420x400.JPG">
       		<p>Tủ sách</p>
       		<p style="color: orange;">2515111vnd</p>
       	</li>
       <li><img src="http://www.trexinh.vn/temp/-uploaded-san-pham_ND82142_3_cr_420x400.JPG">
       		<p>Giá 6 ngăn</p>
       		<p style="color: orange;">1213100vnd</p>
       	</li>
       	<li><img src="http://www.trexinh.vn/temp/-uploaded-san-pham_san-go-janmi_0_cr_420x280.jpg">
       		<p>Nội Thất</p>
       	<p style="color: orange;">1000000vnd</p>
       	</li>
       </ul>
       </div>
  
   <div id="het">
    		 <div class="footer">
          Giới Thiệu
          <p><h2 style="color: #33CC33">CÔNG TY MÂY TRE ĐAN NGỌC ĐỘNG HÀ NAM</h2></p>
Công ty Ngọc Động Hà Nam là công ty chuyên sản xuất và xuất khẩu hàng thủ công mỹ nghệ ở Việt Nam ra hơn 30 nước trên thế giới. Khách hàng của chúng tôi là những nhà nhập khẩu và những tập đoàn bán lẻ lớn trên thế giới như Walmart, Target, BBB, T-J-X, Ross, Carrefour, Conforama, OBI, Aldi, Tesco, Le biscuit, Fallabella và Nitori. Được thành lập năm 1988 với hình thức tổ hợp và chuyển đổi sang mô hình công ty năm 2004, Ngọc Động Hà Nam một mặt nỗ lực phát triển sản phẩm và thị trường, mặt khác tích cực chung tay trong sự nghiệp xóa đói giảm nghèo, phát triển kinh tế nông thôn trên địa bàn tỉnh Hà Nam và nhiều tỉnh lân cận như Nam Định, Thái Bình, Ninh Bình. Với quy mô nhà xưởng gần 20,000 m2, hàng năm chúng tôi xuất khẩu ...
<br>
<br>
<b style="color: #000000">Ghi chú</b>
  <br>
  <i>Thông tin chi tiết:</i>
  <br>
  Nhà máy : Cụm công nghiệp Ngọc Động, xã Hoàng Đông, huyện Duy Tiên, tỉnh Hà Nam
  <br>
    <u style="color: #00FF00">    Tel:  02263 835 820 - 84 942 11 00 70 </u>
    <br>
  <u style="color: #00FF00">  Email: phong@ngocdonghandicrafts.com </u> 
  <br>
  <small title="" style="color: #00FF00">Website: www.trexinh.vn</small>
  <br>
  <u style="color: black">Xem Thêm</u>
         </div>
    	</div>
</body>
</html>



Nguyễn Anh Vũ [T2008A]
Nguyễn Anh Vũ

2020-10-28 15:17:05


#CTY.HTML


<!DOCTYPE html>
<html>
<head>
	<title>Công ty may tre đan Ngọc Động</title>
  <meta charset="utf-8">
	<style type="text/css">
	*{
		margin:0px;
		padding: 0px;
	}
	body{
		font-family: sans-serif;
		margin-right-left: 50px;
	}
	#dautien{
		width: 100%;
		height: 80px;
	}
	.logomanu{
		width: 100%;
		margin: 0px auto;
		height: 111px;
		background-color: #3e9e5b;
		color: white;
	}
	#phandau ul li{
		list-style: none;
	}
	.logo{
		width: 100px;
		float: left;
		margin-left: 20px;
		margin-top: 10px;
		font-size: 20px;
		color:red;
		
	}
	.batdau{
		padding-top: 10px;
	}
	.phai{
		border: 1px solid #d9d9d4;
		background-color: #3e9e5b;
		float: right;
		margin-right: 10px;
		padding: 5px;
		margin-top: 15px;
	}
	.menu{
      clear: left;
      list-style: none;
      margin: 0px;
      padding: 0px;
      margin-top: 25px;
      margin-left: 20px;
      display: block;
	}
     .menu ul li{
     	float: left;
     }
     .menu ul li a{
     	text-decoration: none;
     	display: block;
     	color: #fff;
     	padding: 0px 10px 0px 10px;

     }
     .menu ul li a.active{
     	background-color:  blue;
     }
    a:hover{
            color:white;
            background-color:#224d35;
        }
        
        #background img{
        	width: 100%;
        	height: 500px;
        	margin-top: 20px;
        }
        .dichvu{
        	color: white;
        	border: 1px;
        	float: left;
        	margin-left: 25%;
        	margin-top: 30px;		
        }
        .dichvu li{
         font-size: 20px;
         padding: 20px;
         float: left;
         display: inline-block;	
         margin-left: 30px;	
         }
       .dichvu li p{
       	font-size: small;
       }
       #sanpham1{
       	margin: 0px auto;
       	height: 300px;
       	width: 1000px;
       	border: 1px solid grey;
       	margin-top: 150px;

       }
       #sanpham1 .tieude{
       	margin: 0px auto;
       	height: 80px;
       	width: 1000px;
       	border: 1px solid grey;
       }
       #sanpham1 .tieude li{
       	list-style: none;
       	float: left;
       	padding: 20px 10px 20px 10px;
       	font-size: 20px;
       }
       #sanpham1 img{
       	display: block;
       	float: left;
       	clear: right;
       	height: 150px;
       	width:150px;
       	margin: 20px 50px 0px 50px;
       }
       #sanpham1 p{
       	margin: 0px 10px 0px 75px;
       	font-size: 20px;
       }
       #sanpham1 li{
          list-style: none;
          float: left;
       }
       #het{
       	background: #00000;
       	margin-top: 250px; 
       	width: 1000px;
       }
      .footer {
      width: 100%;
      background-color: white;
      min-height: 200px;
    }
	</style>
</head>
<body>
   <div id="dautien">
   	<div class="logomanu">
   		<div class="logo">
       <img src="http://www.trexinh.vn/uploaded/logo/logo.png"> 
      </div>
   		<div class="batdau">
   			<ul>
   				<div class="phai">Giỏ Hàng</div>
   				<h3>CÔNG TY TNHH MÂY TRE ĐAN NGỌC ĐỘNG</h3>
   			</ul>
   		</div>
   		<div class="menu">
   			<ul>

   				<li><a href="#=" title="Giới Thiệu">Giới thiệu</a></li>
   				<li><a href="#" title="Sản Phẩm">Sản phẩm</a></li>
   				<li><a href="#" title="Tin Tức">Tin tức<select style="background-color:#3e9e5b ">
   					
   				</select></a></li>
   				<li><a href="#" title="Hỗ trợ">Hỗ trợ</a></li>
   				<li><a href="#" title="Thư viện">Thư viện</a></li>
   				<li><a href="#" title="Góc tư vấn">Góc tư vấn</a></li>
   				<li style="float: right; margin-right: 30px;"><a href="#" title="Liên Hệ">Liên hệ</a></li>
   			</ul>
   		</div>
   	</div>
   </div>
   <div id="background">
    	<img src="http://www.trexinh.vn/uploaded/slideshow/banner-2.jpg">	
    </div>
   <div id="giua">
    <div class="dichvu">
    	<nav>
    	<li style="background-color: blue;">Vận chuyển toàn quốc
    		<p>Phí ship từ 20-50k</p></li>
    	<li style="background-color: red">Bảo hành<p>3 Tháng kể từ khi mua hàng</p></li>
    	<li style="background-color: green">Hỗ trợ 24/7<p>...</p></li>
        <li style="background-color:  yellow ">Tư vấn<p>...</p></li>
    </nav>
    </div>
   </div>
    <div id="sanpham1">
       <div class="tieude">
       	<ul>
       		<li style="font-size: 25px;"><b> Sản Phẩm Nổi Bật</b></li>
       		<li>| Giá đựng sách</li>
       		<li>| Ghế đan</li>
       		<li>| Tủ hai ngăn</li>
       		<li>| Trang trí nội thất</li>	
       	</ul>
       </div>
       <div class="mathang">
       	<ul>
       	<li><img src="http://www.trexinh.vn/temp/-uploaded-san-pham_ND82197_cr_420x400.JPG">
       		<p>Tủ hai ngăn</p>
       		<p style="color: orange;">38747387347vnd</p>
       	</li>
       	<li><img src="http://www.trexinh.vn/temp/-uploaded-san-pham_ND82140_cr_420x400.JPG">
       		<p>Tủ sách</p>
       		<p style="color: orange;">43421222vnd</p>
       	</li>
       <li><img src="http://www.trexinh.vn/temp/-uploaded-san-pham_ND82142_3_cr_420x400.JPG">
       		<p>Giá 6 ngăn</p>
       		<p style="color: orange;">1241241vnd</p>
       	</li>
       	<li><img src="http://www.trexinh.vn/temp/-uploaded-san-pham_san-go-janmi_0_cr_420x280.jpg">
       		<p>Nội Thất</p>
       		<p style="color: orange;">1423121vnd</p>
       	</li>
       </ul>
       </div>
    </div>
    <div id="sanpham1" style="margin-top:50px; ">
       <div class="tieude">
       	<ul>
       		<li style="font-size: 25px;"><b>Sản phẩm ưa dùng</b></li>
       		<li>| Bộ ba giá sách hình vuông</li>
       		<li>| Tủ tre 2 ngăn</li>
       		<li>| Nội thất</li>
       		<li>| Sản phảm bếp núc</li>	
       	</ul>
       </div>
       <div class="banhang">
       	<ul>
       	<li><img src="http://www.trexinh.vn/temp/-uploaded-san-pham_ND82197_cr_420x400.JPG">
       		<p>Tủ 2 ngăn</p>
       		<p style="color: orange;">1273777vnd</p>
       	</li>
       	<li><img src="http://www.trexinh.vn/temp/-uploaded-san-pham_ND82140_cr_420x400.JPG">
       		<p>Tủ sách</p>
       		<p style="color: orange;">2515111vnd</p>
       	</li>
       <li><img src="http://www.trexinh.vn/temp/-uploaded-san-pham_ND82142_3_cr_420x400.JPG">
       		<p>Giá 6 ngăn</p>
       		<p style="color: orange;">1213100vnd</p>
       	</li>
       	<li><img src="http://www.trexinh.vn/temp/-uploaded-san-pham_san-go-janmi_0_cr_420x280.jpg">
       		<p>Nội Thất</p>
       	<p style="color: orange;">1000000vnd</p>
       	</li>
       </ul>
       </div>
  
   <div id="het">
    		 <div class="footer">
          Giới Thiệu
          <p><h2 style="color: #33CC33">CÔNG TY MÂY TRE ĐAN NGỌC ĐỘNG HÀ NAM</h2></p>
Công ty Ngọc Động Hà Nam là công ty chuyên sản xuất và xuất khẩu hàng thủ công mỹ nghệ ở Việt Nam ra hơn 30 nước trên thế giới. Khách hàng của chúng tôi là những nhà nhập khẩu và những tập đoàn bán lẻ lớn trên thế giới như Walmart, Target, BBB, T-J-X, Ross, Carrefour, Conforama, OBI, Aldi, Tesco, Le biscuit, Fallabella và Nitori. Được thành lập năm 1988 với hình thức tổ hợp và chuyển đổi sang mô hình công ty năm 2004, Ngọc Động Hà Nam một mặt nỗ lực phát triển sản phẩm và thị trường, mặt khác tích cực chung tay trong sự nghiệp xóa đói giảm nghèo, phát triển kinh tế nông thôn trên địa bàn tỉnh Hà Nam và nhiều tỉnh lân cận như Nam Định, Thái Bình, Ninh Bình. Với quy mô nhà xưởng gần 20,000 m2, hàng năm chúng tôi xuất khẩu ...
<br>
<br>
<b style="color: #000000">Ghi chú</b>
  <br>
  <i>Thông tin chi tiết:</i>
  <br>
  Nhà máy : Cụm công nghiệp Ngọc Động, xã Hoàng Đông, huyện Duy Tiên, tỉnh Hà Nam
  <br>
    <u style="color: #00FF00">    Tel:  02263 835 820 - 84 942 11 00 70 </u>
    <br>
  <u style="color: #00FF00">  Email: phong@ngocdonghandicrafts.com </u> 
  <br>
  <small title="" style="color: #00FF00">Website: www.trexinh.vn</small>
  <br>
  <u style="color: black">Xem Thêm</u>
         </div>
    	</div>
</body>
</html>



Nguyên Phấn Đông [T2008A]
Nguyên Phấn Đông

2020-10-28 05:27:38


#web.html


<!DOCTYPE html>
<html>
<head>
	<title>Thiết Kế trang Web</title>
	<style type="text/css">
	*{
		margin:0px;
		padding: 0px;
	}
	body{
		font-family: sans-serif;
		margin-right-left: 50px;
	}
	#phandau{
		width: 100%;
		height: 80px;
	}
	.logomanu{
		width: 100%;
		margin: 0px auto;
		height: 111px;
		background-color: #3e9e5b;
		color: WHITE;
	}
	#phandau ul li{
		list-style: none;
	}
	.logo{
		width: 100px;
		float: left;
		margin-left: 20px;
		margin-top: 10px;
		font-size: 20px;
		color: REd;
		
	}
	.gioithieu{
		padding-top: 10px;
	}
	.benphai{
		border: 1px solid #d9d9d4;
		background-color: #3e9e5b;
		float: right;
		margin-right: 10px;
		padding: 5px;
		margin-top: 15px;
	}
	.menu{
      clear: left;
      list-style: none;
      margin: 0px;
      padding: 0px;
      margin-top: 25px;
      margin-left: 20px;
      display: block;
	}
     .menu ul li{
     	float: left;
     }
     .menu ul li a{
     	text-decoration: none;
     	display: block;
     	color: #fff;
     	padding: 0px 10px 0px 10px;

     }
     .menu ul li a.active{
     	background-color:  blue;
     }
    a:hover{
            color:white;
            background-color:#224d35;
        }
        
        #hinhanh img{
        	width: 100%;
        	height: 500px;
        	margin-top: 20px;
        }
        .dichvu{
        	color: white;
        	border: 1px;
        	float: left;
        	margin-left: 25%;
        	margin-top: 30px;		
        }
        .dichvu li{
         font-size: 20px;
         padding: 20px;
         float: left;
         display: inline-block;	
         margin-left: 30px;	
         }
       .dichvu li p{
       	font-size: small;
       }
       #sanpham1{
       	margin: 0px auto;
       	height: 300px;
       	width: 1000px;
       	border: 1px solid grey;
       	margin-top: 150px;

       }
       #sanpham1 .tieude{
       	margin: 0px auto;
       	height: 80px;
       	width: 1000px;
       	border: 1px solid grey;
       }
       #sanpham1 .tieude li{
       	list-style: none;
       	float: left;
       	padding: 20px 10px 20px 10px;
       	font-size: 20px;
       }
       #sanpham1 img{
       	display: block;
       	float: left;
       	clear: right;
       	height: 150px;
       	width:150px;
       	margin: 20px 50px 0px 50px;
       }
       #sanpham1 p{
       	margin: 0px 10px 0px 75px;
       	font-size: 20px;
       }
       #sanpham1 li{
          list-style: none;
          float: left;
       }
       #cuoi{
       	background: #00000;
       	margin-top: 250px; 
       	width: 1000px;
       }
	</style>
</head>
<body>
   <div id="phandau">
   	<div class="logomanu">
   		<div class="logo"><H1>ABC</H1></div>
   		<div class="gioithieu">
   			<ul>
   				<div class="benphai">Tải báo cáo</div>
   				<h3>CÔNG TY TNHH ỨNG VẬT TƯ ABC</h3>
   				<li>Đây là 1 mẩu web</li>
   			</ul>
   		</div>
   		<div class="menu">
   			<ul>

   				<li><a href="#=" title="Trang chủ">Trang chủ</a></li>
   				<li><a href="#" title="Giới Thiệu">Giới Thiệu</a></li>
   				<li><a href="#" title="Sản Phẩm">Sản Phẩm<select style="background-color:#3e9e5b ">
   					
   				</select></a></li>
   				<li><a href="#" title="Dự Án">Dự Án</a></li>
   				<li><a href="#" title="Dịch Vụ">Dịch Vụ</a></li>
   				<li><a href="#" title="Tin Tức">Tin Tức</a></li>
   				<li style="float: right; margin-right: 30px;"><a href="#" title="Liên Hệ">Liên Hệ</a></li>
   			</ul>
   		</div>
   	</div>
   </div>
   <div id="hinhanh">
    	<img src="https://vneconomy.mediacdn.vn/thumb_w/640/2019/5/27/nhap-khau-may-moc-15589520079871518145524-crop-1558952012313135943031.jpg">	
    </div>
   <div id="giua">
    <div class="dichvu">
    	<nav>
    	<li style="background-color: #5BC1CD;">Phục Vụ Tận nơi
    		<p>Có cái quần</p></li>
    	<li style="background-color: #F33838">Hoàn Trả Hàng<p>Có cái quần</p></li>
    	<li style="background-color: #38C727">Hỗ trợ 24/7<p>Có cái quần</p></li>
        <li style="background-color:  #EEB141 ">Chuyết Khẩu cao<p>Có cái quần</p></li>
    </nav>
    </div>
   </div>
    <div id="sanpham1">
       <div class="tieude">
       	<ul>
       		<li style="font-size: 25px;"><b>Thiết Bị Điện</b></li>
       		<li>| Ổ cắm công tắc</li>
       		<li>| Ổ cắm công tắc</li>
       		<li>| Ổ cắm công tắc</li>
       		<li>| Ổ cắm công tắc</li>	
       	</ul>
       </div>
       <div class="banhang">
       	<ul>
       	<li><img src="https://i.pinimg.com/originals/e6/a8/8f/e6a88fcb0f0e4a0a80222e1e5da6fb78.jpg">
       		<p>Kim Jisoo</p>
       		<p style="color: orange;">1 tỷ</p>
       	</li>
       	<li><img src="https://bloganchoi.com/wp-content/uploads/2020/07/tien-nu-kim-jisoo.jpg">
       		<p>Kim Jisoo</p>
       		<p style="color: orange;">1 tỷ</p>
       	</li>
       <li><img src="https://kenh14cdn.com/thumb_w/660/2020/4/27/f9fc5019e14cb12081a38b5307e0dc9f-15879983443601335986572.jpg">
       		<p>Kim Jisoo</p>
       		<p style="color: orange;">1 tỷ</p>
       	</li>
       	<li><img src="https://static.asiachan.com/Kim.Jisoo.600.239713.jpg">
       		<p>Kim Jisoo</p>
       		<p style="color: orange;">1 tỷ</p>
       	</li>
       </ul>
       </div>
    </div>
    <div id="sanpham1" style="margin-top:50px; ">
       <div class="tieude">
       	<ul>
       		<li style="font-size: 25px;"><b>Back Pink</b></li>
       		<li>| Ổ cắm công tắc</li>
       		<li>| Ổ cắm công tắc</li>
       		<li>| Ổ cắm công tắc</li>
       		<li>| Ổ cắm công tắc</li>	
       	</ul>
       </div>
       <div class="banhang">
       	<ul>
       	<li><img src="https://i.ytimg.com/vi/t2Ok_qmOFwk/hqdefault.jpg">
       		<p>Kim Jisoo</p>
       		<p style="color: orange;">1 tỷ</p>
       	</li>
       	<li><img src="https://vignette.wikia.nocookie.net/fanmade486/images/d/de/KimJisoo.jpg/revision/latest/scale-to-width-down/340?cb=20191108122339">
       		<p>Kim Jisoo</p>
       		<p style="color: orange;">1 tỷ</p>
       	</li>
       <li><img src="https://kenh14cdn.com/thumb_w/660/2020/4/27/f9fc5019e14cb12081a38b5307e0dc9f-15879983443601335986572.jpg">
       		<p>Kim Jisoo</p>
       		<p style="color: orange;">1 tỷ</p>
       	</li>
       	<li><img src="https://cdnmedia.thethaovanhoa.vn/Upload/YSu1TgnVnIyxx9zisEumA/files/2020/01/2301/jisoo01.jpg">
       		<p>Kim Jisoo</p>
       		<p style="color: orange;">1 tỷ</p>
       	</li>
       </ul>
       </div>
   
   <div id="cuoi">
    		
    	</div>
</body>
</html>



Đặng Trần Nhật Minh [T2008A]
Đặng Trần Nhật Minh

2020-10-28 04:15:43



<!DOCTYPE html>
<html>
<head>
	<title>GIOI THIEU CONG TY</title>
	<meta charset="utf-8">
	<style type="text/css">
		.header {
			background-color: #4cb066;
			width: 100%;
			height: 160px;
		}
		#info {
			width: 100%

		}
		#logo {

		}
		#name {
			color: white;
			font-family: calibri;
		}
		#download {
			
		}
		#menu {
			border-width: 1px;
			border-color: #3a854e;
		}
		li {
			margin-right: 5%;
			font-family: calibri;
			font-size: 15px;
			color: white;
			font-weight: bold;
		}
		td {
			/*color: white;*/
			font-family: calibri;
		}
		#colorcell {
			color: white;
		}
		
	</style>
</head>
<body>
	<div class="header">
		<table>
			<tr>
				<td rowspan="2"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTQMSnkj-RZcyHanSi6kGpgq-igu6HChcNtPg&usqp=CAU" style="max-width: 90px"></td>
				<td id="name">
					<h2>CONG TY TNHH CUNG CAP VAT TU ABC</h2>
					<h5>abcbabcbabcbacbacbb</h5>
				</td>
			</tr>
		</table>
		<div id="menu">
			<ul style="display: flex; list-style-type: none;">
				<li>Trang Chu</li>
				<li>Icon</li>
				<li>Gioi Thieu</li>
				<li>San Pham</li>
				<li>Du An</li>
				<li>Dich Vu</li>
				<li>Tin Tuc</li>
			</ul>
		</div>
	</div>
	<div class="main"></div>
		<div id="picture"><img src="https://lh3.googleusercontent.com/proxy/8RHeJ6XiWRAXfD1FLfwpT_j05iqWJF21eiMIgl5kXJwIZf1R9LsinJTgIgKh0bLmkCXxMZJ89QjZ5Yr2eLHXCZASv7eXWaDSEFjRBKVhNYHkqD1-U5xxPcy-" style="width: 100%; max-height: 300px"></div>
		<div id="icon">
			<table cellspacing="50" cellpadding="10">
				<tr>
					<td style="background-color: orange; color: white; font-weight: bold;">Phuc Vu Tan Noi</td>
					<td style="background-color: red; color: white; font-weight: bold;">Hoan Tra Hang</td>
					<td style="background-color: cyan; color: white; font-weight: bold;">Ho Tro 24/7</td>
					<td style="background-color: gray; color: white; font-weight: bold;">Chiet Khau Cao</td>
				</tr>
			</table>
		</div>
		<div id="product">
			<table cellpadding="10" cellspacing="10">
				<th colspan="4" style="text-align: left;">Thiet Bi Dien</th>
				<tr>
					<td>
						<img src="https://lh3.googleusercontent.com/proxy/_UH9VOt7npl-FN0PeHgu_Tc1aS11HevRRpZ4Q6u7JjRGY3Z6yD_uYnl76s_LpAzB_ONt1wfa82R0qv_elZLH5xub2gkoc1XK6fiQTQ" style="max-width: 100px">
						<center>100.000</center>
						<center>Chi Tiet</center>
					</td>
					<td>
						<img src="https://lh3.googleusercontent.com/proxy/_UH9VOt7npl-FN0PeHgu_Tc1aS11HevRRpZ4Q6u7JjRGY3Z6yD_uYnl76s_LpAzB_ONt1wfa82R0qv_elZLH5xub2gkoc1XK6fiQTQ" style="max-width: 100px">
						<center>100.000</center>
						<center>Chi Tiet</center>
					</td>
					<td>
						<img src="https://lh3.googleusercontent.com/proxy/_UH9VOt7npl-FN0PeHgu_Tc1aS11HevRRpZ4Q6u7JjRGY3Z6yD_uYnl76s_LpAzB_ONt1wfa82R0qv_elZLH5xub2gkoc1XK6fiQTQ" style="max-width: 100px">
						<center>100.000</center>
						<center>Chi Tiet</center>
					</td>
					<td>
						<img src="https://lh3.googleusercontent.com/proxy/_UH9VOt7npl-FN0PeHgu_Tc1aS11HevRRpZ4Q6u7JjRGY3Z6yD_uYnl76s_LpAzB_ONt1wfa82R0qv_elZLH5xub2gkoc1XK6fiQTQ" style="max-width: 100px">
						<center>100.000</center>
						<center>Chi Tiet</center>
					</td>
				</tr>
			</table>
			<br>
			<table cellpadding="10" cellspacing="10">
				<th colspan="4" style="text-align: left;">Thiet Bi Dien</th>
				<tr>
					<td>
						<img src="https://lh3.googleusercontent.com/proxy/_UH9VOt7npl-FN0PeHgu_Tc1aS11HevRRpZ4Q6u7JjRGY3Z6yD_uYnl76s_LpAzB_ONt1wfa82R0qv_elZLH5xub2gkoc1XK6fiQTQ" style="max-width: 100px">
						<center>100.000</center>
						<center>Chi Tiet</center>
					</td>
					<td>
						<img src="https://lh3.googleusercontent.com/proxy/_UH9VOt7npl-FN0PeHgu_Tc1aS11HevRRpZ4Q6u7JjRGY3Z6yD_uYnl76s_LpAzB_ONt1wfa82R0qv_elZLH5xub2gkoc1XK6fiQTQ" style="max-width: 100px">
						<center>100.000</center>
						<center>Chi Tiet</center>
					</td>
					<td>
						<img src="https://lh3.googleusercontent.com/proxy/_UH9VOt7npl-FN0PeHgu_Tc1aS11HevRRpZ4Q6u7JjRGY3Z6yD_uYnl76s_LpAzB_ONt1wfa82R0qv_elZLH5xub2gkoc1XK6fiQTQ" style="max-width: 100px">
						<center>100.000</center>
						<center>Chi Tiet</center>
					</td>
					<td>
						<img src="https://lh3.googleusercontent.com/proxy/_UH9VOt7npl-FN0PeHgu_Tc1aS11HevRRpZ4Q6u7JjRGY3Z6yD_uYnl76s_LpAzB_ONt1wfa82R0qv_elZLH5xub2gkoc1XK6fiQTQ" style="max-width: 100px">
						<center>100.000</center>
						<center>Chi Tiet</center>
					</td>
				</tr>
			</table>
		</div>
	<div class="footer"></div>
</body>
</html>



Trần Văn Lâm [T2008A]
Trần Văn Lâm

2020-10-27 10:52:15


#web.html


<!DOCTYPE html>
<html>
<head>
	<title>Gioi Thieu Cong Ty</title>
	<meta charset="utf-8">
	<style type="text/css">
		
		.header {
			border: solid black 1px;
			width: 100%;
			background-color: green;
			height: 150px;
		}
		.find {
			border: solid black 1px;
		}
	    ul li {
	    	color: white;
            list-style-type: none;
            display: inline;
            margin: 0px;
            padding: 10px;
	    }
	    .main {
	    	width: 100%;
	    	height: 400px;
	    	border: solid black 1px;
	    	margin-top: 1px;

	    }
	    .levi {
	    	width: 18%;
	        color: red;
	        text-align: center;
	        margin: 0px auto;
	        float: left;
	        margin-right: 25px; 
	        padding-top: 30px;
	        font-size: 30px;
	    }
	    .aodau1{
            text-align: center; 
            max-width: 20%;
            margin-left: 35px;
            float: left;
	    }
	    .but{
	    	text-align: center;
	    }
	    .ten1 {
	    	font-weight: bold;
	    	font-size: 25px;
	    }
        .ten2 {
        	float: right;
        	margin-left: -25px;
        }
        .loai2 {
        	margin-top: 15px:;
        }
	</style>
</head>
<body>
		<div class="header">
			<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/c57cced7-d417-4620-b01a-5126c6544f7a/d9mjy12-34ab5080-0f4b-4639-9fac-66a091c6b862.png/v1/fill/w_1024,h_1024,strp/logo_barca_colour__6__by_bahtiarjhonatan_d9mjy12-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3siaGVpZ2h0IjoiPD0xMDI0IiwicGF0aCI6IlwvZlwvYzU3Y2NlZDctZDQxNy00NjIwLWIwMWEtNTEyNmM2NTQ0ZjdhXC9kOW1qeTEyLTM0YWI1MDgwLTBmNGItNDYzOS05ZmFjLTY2YTA5MWM2Yjg2Mi5wbmciLCJ3aWR0aCI6Ijw9MTAyNCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.pplli6OLjeFg5rPxDBwk8pjb51Vf1ETjf2etByMY0ds" style="width: 80px">
            <h2 style="display: inline-block; color: white">CONG TY CHUYEN AO DAU CUA BARCA</h2>
	        	<div class="find">
	        		<ul>
	        		<li>TRANG CHU</li>
	        		<li>GIOI THIEU</li>
	        		<li><select>SAN PHAM</select></li>
	        		<li>DU AN</li>
	        		<li>DICH VU</li>
	        		<li><select>TIN TUC</select></li>
	        	</ul>
	            </div>
			</div>
		</div>
		<div class="main">
			<img src="https://admin.thethaohcm.vn/upload/2020/04/25/san-van-dong-nou-camp-san-nha-barca.jpg" style="width: 100%; height:100%">
		</div >
		<div class="levi">
			<div style="height: 40px; background-color: pink">Nhanh Gon</div>
		</div>
		<div class="levi">
			<div style="height: 40px; background-color: green">
				Gia re
			</div>
		</div>
		<div class="levi">
			<div style="height: 40px; background-color: yellow; height:">
				Free Ship
			</div>
		</div>
		<div class="levi">
			<div style="height: 40px; background-color: gray">
				Chat Luong
			</div>
		</div>
		<div class="levi">
			<div style="height: 40px; background-color: black">
				Tien Loi
			</div>
		</div>

		<div class="loai1">
			<div class="ten">
				<div class="ten1">
					Ao ADIDAS REAL:
				</div>	
				<div class="ten2">
				<a href="#"><button><</button></a>
				<a href="#"><button>></button></a>
				</div>
			</div>
			<div class="aodau">
				<div class="aodau1">
					<a href="#">
						<img src="https://www.sporter.vn/wp-content/uploads/2017/06/Ao-barca-san-nha-1-4-400x400.jpg" style="width: 300px">
						<p>Mau 1</p>
						<p>500,000 VND</p>
						<button class="but" style="font-size: 20px; cursor: pointer;">Xem Chi Tiet</button>
					</a>
				 </div>
				 <div class="aodau1">
				 	<a href="#">
				 		<img src="https://www.sporter.vn/wp-content/uploads/2017/06/Ao-barca-san-khac-1-400x400.jpg" style="height: 300px">
				 		<p>Mau 2</p>
				 		<p>300,000 VND</p>
				 		<button class="but" style="font-size: 20px; cursor: pointer;">Xem Chi Tiet</button>
				 	</a>
				 </div>  
				 <div class="aodau1">
				 	<a href="#">
				 		<img src="https://aobongda24h.com/pic/product/images/Ao-barca-san-khach-2019.jpg" style="height: 300px">
				 		<p>Mau 3</p>
				 		<p>250,500 VND</p>
				 		<button class="but" style="font-size: 20px; cursor: pointer;">Xem Chi Tiet</button>
				 	</a>
				 </div>
				 <div class="aodau1">
				 	<a href="#">
				 		<img src="https://enbac10.vcmedia.vn/i:up_new/2012/10/09/item/508780/20121009114323/CLB-Barcelona-2013.jpg" style="height: 300px">
				 		<p>Mau 4</p>
				 		<p>250,500 VND</p>
				 		<button class="but" style="font-size: 20px; cursor: pointer;">Xem Chi Tiet</button>
				 	</a>
				 </div>
		</div>
</body>
</html>



nguyễn Sử [T2008A]
nguyễn Sử

2020-10-27 09:48:01


#wedsite giới thiệu .html


	<!DOCTYPE html>
	<html>
	<head>
		<title> Wedsite giới thiệu </title>
		<meta charset="utf-8">
		<style type="text/css">
			div img{
				padding-left: 1%;
				padding-top: 1%;
				border: solid 0px;
				margin-top: -10px;
				margin-left: -10px;
			}
			p{
				display: flex;
				padding-left: 17%;
				font-size: 15px;
				color: white;
			}
			ul li a{
				padding-left: 40px;
				color: white;
				text-decoration: none;
				text-transform: uppercase;
			}
			ul{
				display: flex;
				list-style: none;
				margin-top: -20px;
			}
			.one{
				padding-right: 50%;
			}
			.chọn{
				margin-right: auto;
				margin-left: auto;
				display: flex;
			}
			th{
				display: flex;
			}
			.kb{
				display: flex;
				border: solid 0px;
				height: 30px;
				width: auto;
			}	
		</style>
	</head>
	<body>
		<div style="background-color: #369c75">
			<div><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQWNUEF9ojvVRyD1p4x4IDtkpcNhZPvhXN_6Q&usqp=CAU" height="90px" width="200px" style="float: left;">
			</div>
			<div class="one"> 
				<p> CÔNG TY TNHH CUNG ỨNG VẬT TƯ ABC </p>
				<p> Đây là mặt mẫu wedsite của ABC.net.vn </p>	
				<div style="padding-left: 15%; padding-bottom: 5%;">
				</div>
			</div>
			<div>
			<ul>
				<li><a href=""> TRANG CHỦ </a></li>
				<li><a href=""> GIỚI THIỆU </a></li>
				<li><a href=""> SẢN PHẨM </a></li>
				<li><a href=""> DỰ ÁN </a></li>
				<li><a href=""> DỊCH VỤ </a></li>
				<li><a href=""> TIN TỨC </a></li>
			</ul>
		</div>
		</div>
	</div>
	<div>
		<img src="https://vuason.vn/upload/hinhanh/bannerdichvutks11566024544.jpg" height="400px" width="1245px">
	</div>
	<div class="chọn">
		<table style="margin-right: auto; margin-left: auto;" border="0" width="100%">
			<th>
				<center><p style="background-color: #34b3a4"> Phục vụ tận nơi </p></center>
				<center><p style="background-color: #ed5537"> Hoàn trả hàng </p></center>
				<center><p style="background-color:#88c926"> Phục vụ 24/7 </p></center>
				<center><p style="background-color:#e3b85b"> Chiết khấu cao </p></center>
			</th>
		</table>
	</div>
	<div class="kb">

		<div style="text-transform: uppercase;" class="kb">thiết bị điện</div>
		<div style="font-size: small;" class="kb">| Ổ cắm công tắc</div>
		<div style="font-size: small;" class="kb">| Hệ thống chiếu sáng</div>
		<div style="font-size: small;" class="kb">| không nhìn rõ |</div>
	</div>
</div>
<div class="sản phẩm">
	<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQ0kzwCPeJXvyDIw711s6loRcFbAd36QBNz3A&usqp=CAU" height="260px" width="280px">
	<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcSwoV1eiCf1tRAGrw3tQPlAgbnRVxm0yg1Giw&usqp=CAU" height="260px" width="290px">
	<img src="https://duluxthudo.com/wp-content/uploads/2018/03/S%C6%A1n-l%C3%B3t-ngo%C3%A0i-tr%E1%BB%9Di-Dulux-A936.jpg" height="295px" width="320px">
	<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcS6Cy2bVZ6vhC0XPiaDyVeOFz0hx2ZiuvIfYA&usqp=CAU" height="300px" width="320px">


	
</div>
</body>
</html>



hainguyen [T2008A]
hainguyen

2020-10-27 06:58:15


#BTTest.html


<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<div id="contain">
		<div class="backin">
			<div class="menu">
				<div class="pointer">CÔNG TY TNHH CUNG ỨNG VẬT TƯ ABC</div>
				<div class="pointer-ac">Đây là một mẫu web side dì đấy</div>
			</div>
			<div class="menu-ac">
				<div style="background-color: greenyellow; width: 30%; height: 100%;"></div>
				<div class="box2">Báo Giá</div>
			</div>
			<div class="show">
				<li>Trang chủ</li>
				<li>Giới thiệu</li>
				<li>
					Sản phẩm
					<select style="background-color: #12cc47;"></select>
				</li>
				<li>Dự án</li>
				<li>Dịch vụ</li>
				<li>Tin tức
					<select style="background-color: #12cc47;"></select>
				</li>
				<li style="margin-left: 280px;">Liên hệ</li>
			</div>
		</div>
			<img src="https://phongvu.vn/cong-nghe/wp-content/uploads/2020/03/Asus-ROG-Strix-GA35-GT35-phong-vu-3.png">

		<div class="click">
			<div class="bot" style="background-color: #50fad8; cursor: pointer;">
				<div class="bot1">Phục vụ tận nơi</div>
				<div class="bot2">Không bán</div>
			</div>
			<div class="bot" style="background-color: #ff4a26; cursor: pointer;">
				<div class="bot1">Hoàn trả hàng</div>
				<div class="bot2">Mất luôn</div>
			</div>
			<div class="bot" style="background-color: #cfff4d; cursor: pointer;">
				<div class="bot1">Hỗ trợ 24/7</div>
				<div class="bot2">Tự phục vụ</div>
			</div>
			<div class="bot" style="background-color: #ffa51f; cursor: pointer;">
				<div class="bot1">Chiết khấu cao</div>
				<div class="bot2">Không biết</div>
			</div>
		</div>

		<div class="danhsach1">
			<div class="tieude">
				<div class="tieude1">Danh sách sản phẩm 1</div>
				<div class="tieude2">
					<a href="#"><button style="cursor: pointer;"><</button></a>
					<a href="#"><button style="cursor: pointer;">></button></a>
				</div>
			</div>
			<div class="sanpham">
				<div class="sampham1">
					<a class="num" href="#">
						<img src="https://laptop88.vn/media/product/5577_5454_asus_rog_strix_g15_g512l_vaz068t_1.jpg" style="max-width: 200px;">
					</a>
					<p>Sản phẩm 1</p>
					<p>1.000 $</p>
					<button class="button" style="font-size: 20px; cursor: pointer;"><i class="fas"></i>Xem chi tiết</button>
				</div>
				<div class="sampham1">
					<a class="num" href="#">
						<img src="https://laptop123.com.vn/upload/product/asus-rog-zephyrus-duo-15-gx550lws-hf102t.png" style="max-width: 200px; height: 200px;">
					</a>
					<p>Sản phẩm 1</p>
					<p>1.000 $</p>
					<button class="button" style="font-size: 20px; cursor: pointer;"><i class="fas"></i>Xem chi tiết</button>
				</div>
				<div class="sampham1">
					<a class="num" href="#">
						<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQ5mCfnuuvMfLXOWaM5ls5S0SBs7x794QebWQ&usqp=CAU" style="max-width: 200px; height: 200px;">
					</a>
					<p>Sản phẩm 1</p>
					<p>1.000 $</p>
					<button class="button" style="font-size: 20px; cursor: pointer;"><i class="fas"></i>Xem chi tiết</button>
				</div>
				<div class="sampham1">
					<a class="num" href="#">
						<img src="https://laptopg7.vn/images/detailed/101/Asus-ROG-Strix-Hero-II--01-1574835010.jpg" style="max-width: 200px; height: 200px;">
					</a>
					<p>Sản phẩm 1</p>
					<p>1.000 $</p>
					<button class="button" style="font-size: 20px; cursor: pointer;"><i class="fas"></i>Xem chi tiết</button>
				</div>
			</div>
		</div>
	</div>
</body>
</html>


#style.css


#contain{
	max-width: 1000px;
	margin: 0 auto;
}
.backin{
	background-color: #12cc47;
	color: white;
}
.menu{
	margin-left: 80px;
	font-size: 20px;
}
.pointer{
	display: block;
	padding-top: 22px;
}
.show{
	display: flex;
	border-top: 1px solid black;
	margin-top: 10px;
	font-size: 18px;
}
.menu-ac{
	border: 1px solid greenyellow;
	width: 100px;
	float: right;
	margin-top: -45px;
	display: flex;
	height: 30px;
	cursor: pointer;
	margin-right: 10px;
}
.box2{
	padding-left: 10px;
	padding-top: 5px;
}
li{
	cursor: pointer;
	margin: 15px;
	display: block;
	padding-top: 3px;
}
.click{
	display: flex;
	width: 100%;
	height: 50px;
}
.bot1{
	text-transform: uppercase;
}
.bot{
	margin-left: 20px;
	width: 200px;
	text-indent: 20px;
	padding-top: 5px;
	box-sizing: border-box;
	color: white;
}
.sampham1{
	max-width: 20%;
	text-align: center;
	margin-left: 42px;
}
.button{
	background-color: #ffc729;
	border: none;
	color: white;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}
.danhsach1{
	border: 1px solid;
	padding: 10px;
}
.tieude{
	border-bottom: 1px solid;
	max-width: 97%;
}
.tieude1{
	text-transform: uppercase;
}
.tieude2{
	float: right;
	margin-top: -23px;
}
.sanpham{
	display: flex;
	font-family: Roboto-Medium;
}



Nguyễn đình quân [T2008A]
Nguyễn đình quân

2020-10-27 05:24:11



<!DOCTYPE html>
<html>
<head>
	<title>Công ty cổ phần và sản xuất thương mại P.P</title>
	
	<link href="/YOUR_PATH/favicon.ico" rel="icon" type="image/x-icon" />
	<link href="data:image/x-icon;base64,AAABAAEAEBAQAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAADg0PAOvp8ABZAP8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMzMzMzAAAAAyIRIiMAAAADEiEREwAAAAMSISIjAAAAAxERESMAAAADEiEiIwAAAAMSIRETAAAAAyIhIiMAAAADMzMzMwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//wAA//8AAP//AAD//wAA+AMAAPgDAAD4AwAA+AMAAPgDAAD4AwAA+AMAAPgDAAD4AwAA//8AAP//AAD//wAA" rel="icon" type="image/x-icon" />

	<link rel="stylesheet" type="text/css" href="style.css">
	<script src="https://kit.fontawesome.com/a076d05399.js"></script>
</head>
<body>
	<div class="mainplus">
		<div class="main">
			<div class="main1">
				<img src="https://lh3.googleusercontent.com/proxy/FIIQiGpKHvc8zsZUfpE0ZO22vMQPtgog0QYjWYTlsMsHymfN1ZZF02mR-Ixiep7MGzyjXOLF6KS2uSveIiiFAsAMciIFF5ungM69JpDX9XTgwZsS38LMnYmSaA">

			</div>
			<div class="main2">
				<p><button class="button">Tai Bao Gia</button></p>
			</div>
		</div>
		<div class="menumain">
			<div class="menuleft">
				<ul>
				<a href="#"><li>TRANG CHỦ</li></a>
				<a href="#"><li>GIỚI THIỆU</li></a>
				<a href="#"><li>DỰ ÁN</li></a>
				<a href="#"><li>DỊCH VỤ</li></a>
				<a href="#"><li>TIN TỨC</li></a>
			</ul>
			</div>
			<div class="menuright">
				<ul class="ul2">
				<a href="#"><li>LIÊN HỆ</li></a>
			</ul>
			</div>
		</div>
		<div>
			<img style="width: 100%;" src="https://www.pppaper.com.vn/Content/Uploads/images/QuangCao/229512f415b9f1e7a8a8.jpg">		
		</div>
		




		<div class="menubutton">
			<div class="button1"><a class="text" href="#"><i class="fas fa-truck"></i>  GIAO HÀNH TẬN NƠI</a></div>
			<div class="button2"><a class="text" href="#"><i class="fas fa-code"></i>

 			HOÀN TRẢ NHANH</a></div>
			<div class="button3"><a class="text" href="#"><i class="far fa-comment-dots"></i>  HỖ TRỢ 24/7</a></div>
			<div class="button4"><a class="text" href="#"><i class="fas fa-comment-alt"></i>

  			TRỢ GIÚP</a></div>
		</div>
		<hr style="width: 80%">
		<div class="tieudesp">
			<div class="tieude1">DANH SÁCH SẢN PHẨM 1</div>
			<div class="tieude2">
				<a href="#"><button><</button></a>
				<a href="#"><button>></button></a>
			</div>
		</div>
		<div class="menubutton">
			<div class="showsp1">
				<a class="text" href="#">
					<img src="https://img.fpt.shop/w_200/h_200/f_png/cmpr_10/m_letterbox_ffffff_100/https://fptshop.com.vn/Uploads/Originals/2020/10/26/637393169370871358_ip-11-dd.png">
				</a>
				<p>Điện thoai 1</p>
				<p>11.674.672 VNĐ</p>
				<button class="button" style="size: 80px;"><i class="fas fa-search"></i> Xem chi tiết
				</button>
			</div>
			<div class="showsp1">
				<a class="text" href="#">
					<img src="https://img.fpt.shop/w_200/h_200/f_png/cmpr_10/m_letterbox_ffffff_100/https://fptshop.com.vn/Uploads/Originals/2020/2/12/637170929983791928_ss-s20-xam-dd.png">
				</a>
				<p>Điện thoai 2</p>
				<p>11.674.672 VNĐ</p>
				<button class="button" style="size: 80px;"><i class="fas fa-search"></i> Xem chi tiết
				</button>
			</div>
			<div class="showsp1">
				<a class="text" href="#">
					<img src="https://img.fpt.shop/w_200/h_200/f_png/cmpr_10/m_letterbox_ffffff_100/https://fptshop.com.vn/Uploads/Originals/2020/10/26/637393169370871358_ip-11-dd.png">
				</a>
				<p>Điện thoai 3</p>
				<p>11.674.672 VNĐ</p>
				<button class="button" style="size: 80px;"><i class="fas fa-search"></i> Xem chi tiết
				</button>
			</div>
			<div class="showsp1">
				<a class="text" href="#">
					<img src="https://img.fpt.shop/w_200/h_200/f_png/cmpr_10/m_letterbox_ffffff_100/https://fptshop.com.vn/Uploads/Originals/2020/2/12/637170944168255808_ss-s20-plus-xanh-dd.png">
				</a>
				<p>Điện thoai 4</p>
				<p>11.674.672 VNĐ</p>
				<button class="button" style="size: 80px;"><i class="fas fa-search"></i> Xem chi tiết
				</button>
			</div>
		</div>
		<hr style="width: 80%">
		<div class="tieudesp">
			<div class="tieude1">DANH SÁCH SẢN PHẨM 2</div>
			<div class="tieude2">
				<a href="#"><button><</button></a>
				<a href="#"><button>></button></a>
			</div>
		</div>
		<div class="menubutton">
			<div class="showsp1">
				<a class="text" href="#">
					<img src="https://img.fpt.shop/w_200/h_200/f_png/cmpr_10/m_letterbox_ffffff_100/https://fptshop.com.vn/Uploads/Originals/2020/2/12/637170929983791928_ss-s20-xam-dd.png">
				</a>
				<p>Phone 1</p>
				<p>11.674.672 VNĐ</p>
				<button class="button" style="size: 80px;"><i class="fas fa-search"></i> Xem chi tiết
				</button>
			</div>
			<div class="showsp1">
				<a class="text" href="#">
					<img src="https://img.fpt.shop/w_200/h_200/f_png/cmpr_10/m_letterbox_ffffff_100/https://fptshop.com.vn/Uploads/Originals/2020/2/12/637170944168255808_ss-s20-plus-xanh-dd.png">
				</a>
				<p>Phone 2</p>
				<p>11.674.672 VNĐ</p>
				<button class="button" style="size: 80px;"><i class="fas fa-search"></i> Xem chi tiết
				</button>
			</div>
			<div class="showsp1">
				<a class="text" href="#">
					<img src="https://img.fpt.shop/w_200/h_200/f_png/cmpr_10/m_letterbox_ffffff_100/https://fptshop.com.vn/Uploads/Originals/2020/2/12/637170944168255808_ss-s20-plus-xanh-dd.png">
				</a>
				<p>Phone 3</p>
				<p>11.674.672 VNĐ</p>
				<button class="button" style="size: 80px;"><i class="fas fa-search"></i> Xem chi tiết
				</button>
			</div>
			<div class="showsp1">
				<a class="text" href="#">
					<img src="https://img.fpt.shop/w_200/h_200/f_png/cmpr_10/m_letterbox_ffffff_100/https://fptshop.com.vn/Uploads/Originals/2020/2/12/637170944168255808_ss-s20-plus-xanh-dd.png">
				</a>
				<p>Phone 4</p>
				<p>11.674.672 VNĐ</p>
				<button class="button" style="size: 80px;"><i class="fas fa-search"></i> Xem chi tiết
				</button>
			</div>
		</div>
		<hr style="width: 80%">
	</div>
</body>
</html>