By GokiSoft.com| 13:47 28/10/2020|
Học HTML5 - CSS3

KẾT QUẢ ASSIGNMENT - LỚP T2008A

NỘP BÀI TẬP Ở ĐÂY


Tags:

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

5

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

Nguyễn Xuân Mai [T2008A]
Nguyễn Xuân Mai

2020-11-16 03:08:47



https://t2008amai.herokuapp.com/Lesson12/gokisoft.html



Triệu Văn Lăng [T2008A]
Triệu Văn Lăng

2020-11-06 10:06:17


bepdonga.com
https://thienlac.herokuapp.com/webbanhang/myweb.html




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

2020-11-05 17:35:02


#web2.html


<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<script src="https://kit.fontawesome.com/yourcode.js"></script>
<style type="text/css">
	.menu{
		padding-bottom: 10px;

	}
	#theloai div:hover{
		background: white;
	}
	.list-unstyled a{
     color: white;
	}

</style>

</head>
<body>
	<div class="menu">
		<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top ">
  <a class="navbar-brand" href="#">Shop</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Đặt hàng</a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Thể loại
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
          <a class="dropdown-item" href="#">Cộc tay</a>
          <a class="dropdown-item" href="#">Thể thao</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="#">Khác...</a>
        </div>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#">Liên hệ:0585076514</a>
      </li>
    </ul>
    <form class="form-inline my-2 my-lg-0">
      <input class="form-control mr-sm-2" type="search" placeholder="Tìm kiếm sản phẩm" aria-label="Search">
      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Tìm kiếm</button>
    </form>
  </div>
</nav>
	</div>

	<div class="container" style="margin-top: 50px;">
		
          <div class="row ">
               <div class="col-sm-8 " style="border-radius: 5px;" ><img src="https://truyenhinhnghean.vn/file/4028eaa46735a26101673a4df345003c/4028eaa467f477c80167f4aa053f0c68/042020/3_flil_20200416071148.jpg?width=1200&height=-&type=resize" width="750px" height="200px" class="mx-auto"></div>
               <div class="col-sm-4 " >
                <p class="bg-success" style="height: 90px;">
                 <img src="https://cafebiz.cafebizcdn.vn/thumb_w/600/2016/rack-20of-20clothes-20-20hanging-1474962473383-crop-1474962482230.jpg" style="height: 90px; width: 100%" >
                </p>
                <p class="bg-success"style="height: 90px;">
                 <img src="https://www.sapo.vn/blog/wp-content/uploads/2018/12/cach-ban-quan-ao-online-tren-facebook.jpg" style="height: 90px; width: 100%" ></p>
                </div>
                <div class=" col-sm-12 " style="background: #d3dbe8">
                	<h2>Thể Loại tìm kiếm</h2>
                	<div class="row" style="padding: 10px;" id="theloai">
                       <div class="col">
                       	<img src="https://image.yes24.vn/Upload/ProductImage/GmarketMen/1943473_L.jpg" style="height: 36px; width: 36px;float: left;">
                       	<h4 style="padding-left: 50px">Áo</h4>
                       </div>
                       <div class="col">
                       	<img src="https://onoff.vn/media/catalog/product/cache/ecd9e5267dd6c36af89d5c309a4716fc/H16BL20090.jpg" style="height: 36px; width: 36px;float: left;">
                       	<h4 style="padding-left: 50px">Quần</h4>
                       </div>
                       <div class="col">
                       	<img src="https://tngfashion.vn/image/cache/catalog/2020/Y0242/Y0242a-600x843.jpg" style="height: 36px; width: 36px;float: left;">
                       	<h4 style="padding-left: 50px">Áo</h4>
                       </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12">
            	<h2>Sản Phẩm mới nhất</h2>
            </div>
          <div class="row " style="padding-bottom: 20px !important;">
          	<div class="col-md-3 col-lg-3">
            <div class="card" style="width:200px">
                <img class="card-img-top" src="https://cf.shopee.vn/file/216c0152ec0ed89ecbc25d19b50848d8" alt="Card image">
                <div class="card-body">
                 <h4 class="card-title">John Doe</h4>
                 <p class="card-text">100000 vnd</p>
                 <a href="#" class="btn btn-primary">Mua Ngay</a>
                </div>
            </div>
            </div>
            <div class="col-md-3 col-lg-3">
            <div class="card" style="width:200px">
                <img class="card-img-top" src="https://kidsplaza-1.cdn.vccloud.vn/media/wysiwyg/product/thoi-trang-cho-be/quan-ao-thoi-trang-cho-be/quan-ao-thoi-trang-be-trai-in-sieu-nhan-nhen-mamago-ht19t-xanh-1.jpg" alt="Card image">
                <div class="card-body">
                 <h4 class="card-title">John Doe</h4>
                 <p class="card-text">100000 vnd</p>
                 <a href="#" class="btn btn-primary">Mua Ngay</a>
                </div>
            </div>
            </div>
            <div class="col-md-3 col-lg-3">
            <div class="card" style="width:200px">
                <img class="card-img-top" src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTUib6CcOA1znmvRdn9fWjJJ6h1Ci3SINjt4A&usqp=CAU" alt="Card image">
                <div class="card-body">
                 <h4 class="card-title">John Doe</h4>
                 <p class="card-text">100000 vnd</p>
                 <a href="#" class="btn btn-primary">Mua Ngay</a>
                </div>
            </div>
            </div>
            <div class="col-md-3 col-lg-3">
            <div class="card" style="width:200px">
                <img class="card-img-top" src="https://cf.shopee.vn/file/14e61851f61e09948af510dc871fa491" alt="Card image">
                <div class="card-body">
                 <h4 class="card-title">John Doe</h4>
                 <p class="card-text">100000 vnd</p>
                 <a href="#" class="btn btn-primary">Mua Ngay</a>
                </div>
            </div>
            </div>
            <div class="col-md-3 col-lg-3">
            <div class="card" style="width:200px">
                <img class="card-img-top" src="https://healthvietnam.vn/photos/177/quan-ao-phong-dich.jpg" alt="Card image">
                <div class="card-body">
                 <h4 class="card-title">John Doe</h4>
                 <p class="card-text">100000 vnd</p>
                 <a href="#" class="btn btn-primary">Mua Ngay</a>
                </div>
            </div>
            </div>
            <div class="col-md-3 col-lg-3">
            <div class="card" style="width:200px">
                <img class="card-img-top" src="https://icdn.dantri.com.vn/2016/may-giat-1-1482739244259.jpg" alt="Card image">
                <div class="card-body">
                 <h4 class="card-title">John Doe</h4>
                 <p class="card-text">100000 vnd</p>
                 <a href="#" class="btn btn-primary">Mua Ngay</a>
                </div>
            </div>
            </div>
            <div class="col-md-3 col-lg-3">
            <div class="card" style="width:200px">
                <img class="card-img-top" src="https://toplist.vn/images/800px/toto-shop-146415.jpg" alt="Card image">
                <div class="card-body">
                 <h4 class="card-title">John Doe</h4>
                 <p class="card-text">100000 vnd</p>
                 <a href="#" class="btn btn-primary">Mua Ngay</a>
                </div>
            </div>
            </div>
            <div class="col-md-3 col-lg-3">
            <div class="card" style="width:200px">
                <img class="card-img-top" src="https://icdn.dantri.com.vn/2016/may-giat-1-1482739244259.jpg" alt="Card image">
                <div class="card-body">
                 <h4 class="card-title">John Doe</h4>
                 <p class="card-text">100000 vnd</p>
                 <a href="#" class="btn btn-primary">Mua Ngay</a>
                </div>
            </div>
            </div>
            <div class="col-md-3 col-lg-3">
            <div class="card" style="width:200px">
                <img class="card-img-top" src="https://list.vn/wp-content/uploads/2019/01/4745-top-7-shop-quan-ao-dep-o-ha-long-tp-quang-ninh.jpg" alt="Card image">
                <div class="card-body">
                 <h4 class="card-title">John Doe</h4>
                 <p class="card-text">100000 vnd</p>
                 <a href="#" class="btn btn-primary">Mua Ngay</a>
                </div>
            </div>
            </div>

            <div class="col-md-3 col-lg-3">
            <div class="card" style="width:200px">
                <img class="card-img-top" src="https://cf.shopee.vn/file/800cb66a0a6684c6072dfb8c7ef9df23" alt="Card image">
                <div class="card-body">
                 <h4 class="card-title">Quần Áo </h4>
                 <p class="card-text">100000 vnd</p>
                 <a href="#" class="btn btn-primary">Mua Ngay</a>
                </div>
            </div>
            </div>
            <div class="col-md-3 col-lg-3">
            <div class="card" style="width:200px">
                <img class="card-img-top" src="https://vn-test-11.slatic.net/p/0ffe06dc5869c2dbb502f55d4e817b45.jpg" alt="Card image">
                <div class="card-body">
                 <h4 class="card-title">John Doe</h4>
                <p class="card-text">100000 vnd</p>
                 <a href="#" class="btn btn-primary">Mua Ngay</a>
                </div>
            </div>
            </div>
            <div class="col-md-3 col-lg-3">
            <div class="card" style="width:200px">
                <img class="card-img-top" src="https://vn-test-11.slatic.net/p/4dae32c2b3aa9cbd0062909e468d8d20.jpg_720x720q80.jpg_.webp" alt="Card image">
                <div class="card-body">
                 <h4 class="card-title">John Doe</h4>
                 <p class="card-text">100000 vnd</p>
                 <a href="#" class="btn btn-primary">Mua Ngay</a>
                </div>
            </div>
            </div>
            <div class="col-md-3 col-lg-3">
            <div class="card" style="width:200px">
                <img class="card-img-top" src="https://vn-test-11.slatic.net/p/4dae32c2b3aa9cbd0062909e468d8d20.jpg_720x720q80.jpg_.webp" alt="Card image">
                <div class="card-body">
                 <h4 class="card-title">John Doe</h4>
                 <p class="card-text">100000 vnd</p>
                 <a href="#" class="btn btn-primary">Mua Ngay</a>
                </div>
            </div>
            </div>
            <div class="col-md-3 col-lg-3">
            <div class="card" style="width:200px">
                <img class="card-img-top" src="https://kidsplaza-1.cdn.vccloud.vn/media/wysiwyg/product/thoi-trang-cho-be/quan-ao-thoi-trang-cho-be/quan-ao-thoi-trang-be-trai-in-sieu-nhan-nhen-mamago-ht19t-xanh-1.jpg" alt="Card image">
                <div class="card-body">
                 <h4 class="card-title">John Doe</h4>
                <p class="card-text">100000 vnd</p>
                 <a href="#" class="btn btn-primary">Mua Ngay</a>	
                </div>
            </div>

            </div>
            
     </div>
       <ul class="pagination" style="clear: left;">
  <li class="page-item"><a class="page-link" href="#">Previous</a></li>
  <li class="page-item"><a class="page-link" href="#">1</a></li>
  <li class="page-item"><a class="page-link" href="#">2</a></li>
  <li class="page-item"><a class="page-link" href="#">3</a></li>
  <li class="page-item"><a class="page-link" href="#">Next</a></li>
</ul>
           </div>
          
<footer class="page-footer font-small  pt-4" style="background: #5aaedb">

  
  <div class="container-fluid text-center text-md-left">

   
    <div class="row">

    
      <div class="col-md-6 mt-md-0 mt-3">

   
        <h5 class="text-uppercase">Liên Hệ và Hỗ trợ</h5>
        <p>Gặp Đông Bầu trời</p>

      </div>


      <hr class="clearfix w-100 d-md-none pb-3">

    
      <div class="col-md-3 mb-md-0 mb-3">

       
        <h5 class="text-uppercase">Người anh em ở đâu</h5>

        <ul class="list-unstyled">
          <li>
            <a href="#!">Sao</a>
          </li>
          <li>
            <a href="#!">Sao</a>
          </li>
          <li>
            <a href="#!">Sao</a>
          </li>
          <li>
            <a href="#!">Sao</a>
          </li>
        </ul>

      </div>
      <div class="col-md-3 mb-md-0 mb-3">
        <h5 class="text-uppercase">Tìm kiếm</h5>

        <ul class="list-unstyled" >
          <li>
            <a href="#!" >Google</a>
          </li>
          <li>
            <a href="#!">Facebook</a>
          </li>
          <li>
            <a href="#!">Youtube</a>
          </li>
          <li>
            <a href="#!">Lienminh</a>
          </li>
        </ul>

      </div>

    </div>

  </div>
  <div class="footer-copyright text-center py-3">© 2020 Copyright:
    <a href="https://mdbootstrap.com/"> dongbautroi.com</a>
  </div>

</footer>
</body>
</html>



Dương công minh [community]
Dương công minh

2020-11-05 11:47:31


#html
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>DCM</title>
	<link rel="stylesheet" type="text/css" href="style.css">

<head>
<body>
	<div id="khung">
		<div id="top">
			<div id="Dang Nhap">
				<a href="#">Đămg Nhập</a>
				<a href="#">Đăng kí</a>
			</div>
		</div>
		<div id="jqery">
			<div id="menutren">
				<div id="khunglogo">
					<img src="image/logo.png">
				</div>
				<div id="khung2">
					<ul class="group">
						<li><a href="#">Bản Đồ</a>
						<li><a href="#">Giới Thiệu</a></li>
						<li><a href="#">Sản Phẩm</a></li>
						<li><a href="#">Trang Chủ</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div id="khungduoi">
			<div id="menuduoi">
				<ul class="group">
					<li><a href="#">Phòng Khách</a></li>
					<li><a href="#">Phòng Ngủ</a></li>
					<li><a href="#">Nhà Bếp</a></li>
					<li><a href="#">Phòng Làm Việc</a></li>

				</ul>
			</div>
			<div id="phansanpham">
				<div id="khungsanpham">
				<img src="image/one.png" width="224px" height="125px"> </br>
				<a href="#"> Bộ giường phòng ngủ <a>
						<div id="mua">
							<a href="#">Mua Hàng</a>
						</div>
				</div>
				<div id="phansanpham">
				<div id="khungsanpham">
				<img src="image/two.png" width="224px" height="125px"/> </br>
					<a href="#"> Bộ Bàn Ghế Phòng Khách <a>
						<div id="mua">
							<a href="#">Mua Hàng</a>
						</div>
				</div>
				<div id="phansanpham">
				<div id="khungsanpham">
				<img src="image/3.png" width="224px" height="125px"/> </br>
				<a href="#"> Bộ Bàn Ghế Phòng Khách <a>
						<div id="mua">
							<a href="#">Mua Hàng</a>
						</div>
				</div>
				<div id="phansanpham">
				<div id="khungsanpham">
				<img src="image/fiv.png" width="224px" height="125px"/> </br>
				<a href="#"> Bộ Giường Phòng Ngủ <a>
						<div id="mua">
							<a href="#">Mua Hàng</a>
						</div>
				</div>
				<div id="phansanpham">
				<div id="khungsanpham">
				<img src="image/six.png" width="224px" height="125px"/> </br>
				<a href="#"> Bộ Bàn Ghế Phòng Khách <a>
						<div id="mua">
							<a href="#">Mua Hàng</a>
						</div>
				</div>
				<div id="phansanpham">
				<div id="khungsanpham">
				<img src="image/sev.png" width="224px" height="125px"/> </br>
				<a href="#"> Bộ Giường Phòng Ngủ <a>
						<div id="mua">
							<a href="#">Mua Hàng</a>
						</div>
				</div>
				<div id="phansanpham">
				<div id="khungsanpham">
				<img src="image/8.png" width="224px" height="125px"/> </br>
				<a href="#"> Bộ Giường Phòng Ngủ <a>
						<div id="mua">
							<a href="#">Mua Hàng</a>
						</div>
				</div>										
			</div>
			<div id="khgungthongtin">
				<div id="danhmuc">
					<div id="danhmucnho">
						<a href="#">Danh Mục Sản Phẩm</a>
					</div>
				</div>
				<div id="thongtin">
					<div id="tintuc">
						<a href="#">Tin Tức Mới</a>
					</div>
					<div id="khung1">
						<div id="time">
							<div id="ngay">
								<a>2</a>
							</div>
							<div id="Thang">
								<a> Tháng 8 </a>
							</div>
							<div id="Nam">
								<a> Năm 2020 </a>
							</div>
						</div>
						<div id="noidung">
							<div id="aa">
							<a href="#">Bí Kíp Cho Không Gian Nhà Đẹp</a></br>	
							</div>
							<div id="khunghinh">
							<img src="image/15.png" width="456px" height="378px"/>	
							</div>
							<p>Trồng nhiều cây xanh xung quoanh nhà.......</p>
							<div id="xemthem">
								<a href="#">Xem Thêm</a>
							</div>
						</div>
					</div>
					<div id="khung1">
						<div id="time">
							<div id="ngay">
								<a>4</a>
							</div>
							<div id="Thang">
								<a> Tháng 9 </a>
							</div>
							<div id="Nam">
								<a> Năm 2020 </a>
							</div>
						</div>
						<div id="noidung">
							<div id="aa">
							<a href="#">10 cách phối màu cho căn phòng đẹp</a></br>	
							</div>
							<div id="khunghinh">
							<img src="image/3.png" width="450px" height="387"/>
							</div>
							<p> Đối với mỗi căn phòng việc chọn màu ........</p>
							<div id="xemthem">
								<a href="#">Xem thêm</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="phancuoi">
			<div id="khungnd">
				<div id="khunglogo">
				    <img src="image/logo.png"/>	
				</div>
			<div id="timkiem">
				<div id="form">
				<div id="form-section">
				
				<form style="float: right; name="ftimkiem" onsubmit="return kiemtra">
			    
			    <table border="0">
			    <tr>
			    	<a></a><input type="text" size="20px" name="txtTimKiem"/>
			    	<a href="#"> <input type="button" id="btnSearch" value="go" /></a>
			    </tr>
			    </table>
				</form>	 
				</div>
				</div>
			</div>	
			</div>
			<div id="khungnd">
				<h2>LIÊN HỆ: <img src="image/f.png" width="30px"/><img src="image/tw.png" width="30px"/> </h2><br>
				<h1>Tòa Nhà Aptech-Số 8- Tôn Thất Thuyết- Nam Từ Liêm- Hà Nội</h1><br>
				<p>SĐT: 0868805026</p>
				<p>Email: Minhcong240@gmail.com</p>
			</div>
		</div>
		<div id="khungchot">
			<a>05-11-2020</a>
		</div>	
	</div>
</body>
</html>
#style.css


.{ margin: 0; padding: 0; }
table caption, tbody, tfoot, thead, tr, th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ul, ol, li{ list-style: none; }
strong { font-weight: bold; }
 
article, aside, figure, footer, header, hgroup, menu, nav. section{ display: block; }

.group: after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group: { display: inline-block; clear: both; }
/* start commented backslash hack \*/ *html .group{ height: 1%;} .group{display: block;} /*close commented backslash hack */

body{ font: 12px/2 " Helvetica Nuse", Helvetica,arial,sans-serif; }

/*
   TYPOGRAPHY
*/
h1, h2, h3, h4, h5{}
a img{border: 0;}
a { color: #ce9702; text-decoration: none; }
.zoomer: active { top: 0; }

#khung{
	float: left;
	width: 1348px;
	height: 2020px;
	background: silver;
}
#top{
	float: left;
	width: 40px;
	height: 1348px;
	background: #2a2a2a;
}
#dangnhap{
	padding-right: : 120px;
	float: right;
	width: 220px;
	height: 40px;
}
#dangnhap a{
	padding: 5px;
	float: right;
	color: #aaaaaa;
}
#dangnhap a:hover{
	text-decoration: underline;
}
#menutren{
	margin-left: 90px;
	width: 1147px
	height98px;
	background: black;
	margin-top: 50px;
	opacity: 0.4;
}
#jqery
{
	float: left;
	background: url(image/15.png);
	width: 1348px;
	height: 428px;
}
#khunglogo img{
	width: 246px;
	height: 48px;
}
#khung2{
	padding: 20px 0 0 15px;
	float: right;
    width: 600px;
    height: 48px;
}
#khung2 li {
	position: relative;
	float: right;
}
#khung li a{
	display: block;
	float: right;
	padding: 0 30px;
	font-weight: bold;
	font-size: 18px;
	color: silver;
}
#khung2 li a:hover{
	color: white;
	background-color: #4b4e51;
}
#khungduoi{
	float: left;
	margin-top: 0px;
	width: 1348px;
	height: 1500px;
	background: white;
}
#menuduoi{
	float: left;
	width: 1346px;
	height: 80px;
}
#menuduoi li{
	position: relative;
	float: left;
}
#muneduoi li a{
	display: block;
	float: right;
	margin-left: 190px;
	padding: 30px 0 0 0;
	font-weight: bold;
	font-size: 18px;
	color: silver;
}
#menuduoi li a:hover{
	color: black;
}
#phansanpham{
	float: left;
	width: 1348px;
	height: 600px;
	background: silver;
}
#khungsanpham img{
	float: left;
	padding: 10px 0 0 20px;
}
#khungsanpham a{
	float: left;
	color: black;
	padding: 5px 0 0 25px;
	font-size: 20px;
}
#khungsanpham{
	float: left;
	border: thin solid black;
	width: 266px;
	height: 234px;
	margin-top: 40px;
	margin-right: 15px;
	margin-left: 45px;
}
#mua{
	border: thin solid #666666;
	border-radius: 10px;
	margin-top: 36px;
	float: left;
	width: 77px;
	height: 30px;
	background: white;
	margin-left: 60px;
}
#mua a{
	width: 72px;
	padding: 0px 0 0 5px;
	font-size: 15px;
	text-align: auto;
}
#mua a:hover{
	color: white;
	background: black;
	border-radius: 10px;
}
#khungthongtin
{
	float: left;
	width: 1207px;
	height: 600px;
	margin-left: 80px;
	margin-top: 10px;
}
#danhmuc{
	float: left;
	width: 1207px;
	height: 61px;
	border-bottom: thin solid red;
	text-align: center;
}
#danhmucnho{
	float: right;
	width: 300px;
	height: 61px;
	border-top: thin solid red;
	border-left: thin solid red;
	border-right: thin solid red;
}
#danhmucnho a{
	float: right;
	padding: 15px 30px 0 0;
	color: red;
	font-size: 20px;
	font-weight: bold;
}
#thongtin{
	float: left;
	width: 1207px;
	height: 835px;
}
#tintuc{
	float: left;
	width: 1207px;
	height: 150px;
}
#tintuc a{
	float: left;
	font-size: 50px;
	font-weight: bold;
	color: black;
	padding: 30px 0 0 100px;
}
#khung1{
	float: left;
	width: 601px;
	height: 682px;
}
#time{
	float: left;
	width: 115px;
	height: 682px;
}
#ngay{
	float: left;
	width: 604px;
	height: 70px;
}
#ngay a{
	float: left;
	padding: 10px 0 0px 35px;
	font-size: 50px;
	color: red;
	font-weight: bold;
}
#thang{
	float: left;
	width: 30px;
	height: 604px;
}
#thang a{
	float: left;
	padding: 10px 0 0px 15px;
	font-size: 20px;
	color: silver;
}
#nam{
	float: left;
	width: 604px;
	height: 30px;
}
#nam a{
	float: left;
	padding: 10px 0 0px 35px;
	font-size: 20px;
	color: silver;
}
#noidung{
	float: left;
	width: 485px;
	height: 682px;
}
#aa a{
	padding-left: 10px;
	float: left;
	font-size: 20px;
	color: black;
}
#aa a:hover{
	text-decoration: underline;
}
#noidung p{
	padding: 10px 0 0 10px;
	color: #666666
	font-size15px;
}
#khunghing{
	width: 456px;
	height: 387px;
	float: left;
	margin: 20px 0 0 10px;
}
#xemthem{
	border: thin solid red;
	margin-top: 20px;
	float: left;
	width: 82px;
    height: 30px;
    background: white;
    margin-left: 10px;
}
#xemthem a{
	float: left;
	width: 78px;
	height: 30px;
	padding: 0px 0 0 5px;
	font-size: 15px;
	text-align: auto;
	font-weight: bold;
	color: red;
}
#xemthem a:hover{
	color: white
	background:black;
}
#phancuoi{
	float: left;
	width: 1348px;
	height: 200px;
	background: #2a2a2a
}
#khungnd{
	margin: 20px 0 0 250px;
    float: left;
    width: 300px;
    height: 300px;
}
#khungnd a{
	float: left;
	padding: 5px 0 0 10px;
	font: 15px;
	color: white;
}
#khungnd h2{
	float: left;
	font-size: 30px;
	color: silver;
	font-weight: bold;
}
#khungnd h1{
	float: left;
	font-size: 13px;
	color: silver;
	font-weight: bold;
}
#khungnd p{
	width: 300px;
	float: left;
	font-size: 15px;
	font-weight: bold;
	color: silver;
}
#timkiem{
	float: inherit;
	width: 250px;
	height: 90px;
}
#form{
	padding-top: 20px;
	float: left;
	width: 250px;
	height: 50px;
}
#khungchot{
	float: left;
	width: 1348px;
	height: 20px;
	background: #2a2a2a
	border-top:thin solid red;
}
#khungchot a{
	font-size: 13px;
	color: red;
}



Vũ Đình Khôi [community]
Vũ Đình Khôi

2020-11-05 10:18:44



<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="fontawesome/css/all.css">
    <link rel="stylesheet" href="css/style.min.css">
    <title>Kim Diệu Đan</title>

    </style>
</head>

<body>
    <header class="main-header">
        <div class="container">
            <h1>KIM DIỆU ĐAN</h1>
            <p class="slogan">Xua tan những băn khoăn của chị em phụ nữ</p>
        </div>
    </header>
    <!-- ABOUT -->
    <section class="about-section">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="sec-title">
                        <h3>KIM DIỆU ĐAN</h3>
                    </div>
                    <div class="sec-desc">
                        Kim Diệu Dan với chiết xuất từ các bài thuốc đông ý có tác dụng hành khí, hoạt huyết, bổ huyết, giảm đau, tán ứ, giúp lưu thông khí huyết, rất hiệu quả trong các trường hợp rối loạn kinh nguyệt, đau bụng kinh, bế kinh, chu kỳ thất thường.
                    </div>
                    <ul class="sec-list">
                        <li> <i class="fa fa-check"></i> 100% thảo dược thiên nhiên </li>
                        <li> <i class="fa fa-check"></i> An toàn dễ sử dụng </li>
                        <li> <i class="fa fa-check"></i> Không tác dụng phụ, không lo tái phát </li>
                    </ul>
                    <div class="buttons">
                        <button type="button" class="btn btn-lg btn-warning">Nhận tư vấn ngay</button>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="image thumb thumb-large">
                        <img src="images/kim-dieu-dan-1.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- /.ABOUT -->

    <!-- USE-FUL -->
    <section class="useful-section">
        <div class="container">
            <div class="sec-title">
                <h3>Lợi ích của việc sử dụng sản phẩm đối với khách hàng</h3>
            </div>
            <div class="sec-content">
                <div class="row">
                    <div class="col-sm-6 col-md-4">
                        <div class="uf-block">
                            <figure>
                                <img src="images/uf-1.jpg" alt="" class="thumb thumb-circle">
                            </figure>
                            <h4>Giải quyết tình trạng đau bụng kinh dữ dội</h4>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-4 ml-auto">
                        <div class="uf-block">
                            <figure>
                                <img src="images/uf-2.png" alt="" class="thumb thumb-circle">
                            </figure>
                            <h4>Giúp hoạt huyết thông kinh, điều hòa kinh nguyệt</h4>
                        </div>
                    </div>
                </div>
                <div class="row center">
                    <div class="col-sm-6 col-md-4 ml-auto mr-auto">
                        <div class="uf-block">
                            <figure>
                                <img src="images/uf-3.jpg" alt="" class="thumb thumb-circle">
                            </figure>
                            <h4>Giải quyết tình trạng kinh nguyệt không đều</h4>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6 col-md-4">
                        <div class="uf-block">
                            <figure>
                                <img src="images/uf-4.jpg" alt="" class="thumb thumb-circle">
                            </figure>
                            <h4>Dứt điểm triệu chứng buồn nôn, khó chịu, đau mỏi người</h4>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-4 ml-auto">
                        <div class="uf-block">
                            <figure>
                                <img src="images/uf-5.jpg" alt="" class="thumb thumb-circle">
                            </figure>
                            <h4>Hỗ trợ lưu thông khí huyết, giúp da hồng hào tươi sáng, giảm chứng đau bụng kinh.</h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- /.USE-FULL -->
    
    <!-- REVIEWS -->
    <section class="reviews-section">
        <div class="container">
            <div class="sec-title">
                <div class="symbol"></div>
                <h3>Đã có tới hơn 3.500 khách hàng sử dụng và hài lòng với chúng tôi</h3>
            </div>
            <div class="sec-content">
                <div class="reviews">
                    <div class="review">
                        <div class="review-author">
                            <div class="avatar">
                                <figure>
                                    <img src="images/review-1.png" class="thumb thumb-circle" alt="">
                                </figure>
                            </div>
                            <div class="name">
                                <a href="#">Kiều Trang</a>
                            </div>
                        </div>
                        <div class="review-content">
                            <div class="talk-icon">
                                <div class="line"></div>
                            </div>
                            <div class="content-message">
                                "Trước đây kinh nguyệt của tôi không đều, kinh nguyệt thường thâm đen, tôi đã tìm đến rất nhiều loại thuốc nhưng đều không khỏi! Được bạn bè giới thiệu đến Kim Diệu Đan, giờ đây bệnh của tôi đã khỏi hoàn toàn! Cám ơn Kim Diệu Đan rất nhiều!..."
                            </div>
                        </div>
                    </div>
                    <div class="review">
                        <div class="review-author">
                            <div class="avatar">
                                <figure>
                                    <img src="images/review-1.png" class="thumb thumb-circle" alt="">
                                </figure>
                            </div>
                            <div class="name">
                                <a href="#">Kiều Trang</a>
                            </div>
                        </div>
                        <div class="review-content">
                            <div class="talk-icon">
                                <div class="line"></div>
                            </div>
                            <div class="content-message">
                                "Trước đây kinh nguyệt của tôi không đều, kinh nguyệt thường thâm đen, tôi đã tìm đến rất nhiều loại thuốc nhưng đều không khỏi! Được bạn bè giới thiệu đến Kim Diệu Đan, giờ đây bệnh của tôi đã khỏi hoàn toàn! Cám ơn Kim Diệu Đan rất nhiều!..."
                            </div>
                        </div>
                    </div>
                    <div class="review">
                        <div class="review-author">
                            <div class="avatar">
                                <figure>
                                    <img src="images/review-1.png" class="thumb thumb-circle" alt="">
                                </figure>
                            </div>
                            <div class="name">
                                <a href="#">Kiều Trang</a>
                            </div>
                        </div>
                        <div class="review-content">
                            <div class="talk-icon">
                                <div class="line"></div>
                            </div>
                            <div class="content-message">
                                "Trước đây kinh nguyệt của tôi không đều, kinh nguyệt thường thâm đen, tôi đã tìm đến rất nhiều loại thuốc nhưng đều không khỏi! Được bạn bè giới thiệu đến Kim Diệu Đan, giờ đây bệnh của tôi đã khỏi hoàn toàn! Cám ơn Kim Diệu Đan rất nhiều!..."
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </section>

    <!-- /.REVIEWS -->


    <section class="same-text-section">
        <div class="container">
            <div class="sec-content">
                <div class="sec-title d-lg-none">
                    <h3>CÔNG DỤNG KIM DIỆU ĐAN</h3>
                </div>
                
                <div class="row">
                    <div class="col-sm-6 col-md-5 thumbnail">
                        <img src="images/kim-dieu-dan-2.jpg" alt="">
                    </div>
                    <div class="col-sm-6 col-md-7">
                        <div class="sec-title d-none d-lg-block">
                            <h3>CÔNG DỤNG KIM DIỆU ĐAN</h3>
                        </div>
                        
                        <ul class="text-list">
                            <li><i class="fa fa-snowflake"></i> Hết đau lưng mỏi người, mắc ói, buồn nôn, mệt mỏi. </li>
                            <li><i class="fa fa-snowflake"></i> Giảm đau bụng kinh</li>
                            <li><i class="fa fa-snowflake"></i> Hỗ trợ lưu thông khí huyết, da hồng hào tươi sáng</li>
                            <li><i class="fa fa-snowflake"></i> Giúp Hoạt huyết thông kinh, điều hòa kinh nguyệt</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="ingredients-section">
        <div class="container">
            <div class="sec-title">
                <h3>Thành phần Kim Diệu Đan</h3>
            </div>
            <div class="sec-content">
                <div class="row">
                    <div class="col-md-5 thumbnail">
                        <img src="images/kim-dieu-dan-3.jpg" alt="">
                    </div>
                    <div class="col-md-7 description">
                        <div class="ingredient">
                            Hoàn toàn tự nhiên từ các loại thảo dược quý: cao xuyên khung, cao đương quy, cao ô dược, cao hương phụ, cao ngải cứu, cao trần bì, cao ích mẫu, cao hồng hoa...giúp hoạt huyết, thông kinh, điều hòa kinh nguyệt. Hỗ trợ lưu thông khí huyết giúp da hồng hào tươi sáng, giảm chứng đau bụng kinh.
                        </div>
                        <div class="ingredient">
                            Áp dụng CÔNG NGHỆ CAO: loại bỏ triệt để tạp chất, giữ lại những gì tinh túy nhất từ các cây thuốc quý, đảm bảo 100% không tác dụng phụ, tuyệt đối an toàn với sức khỏe người dùng, thẩm thấu từ từ vào cơ thể, đem lại hiệu quả một cách tự nhiên và bền vững
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="user-guid-section">
        <div class="container">
            <div class="sec-title">
                <h3>Hướng dẫn sử dụng sản phẩm</h3>
            </div>
            <div class="sec-content">
                <div class="row">
                    <div class="col-md-5 thumbnail">
                        <img src="images/kim-dieu-dan-4.jpg" alt="">
                    </div>
                    <div class="col-md-7 description">
                        <div class="text">
                            -	Uống 2-3 viên/lần, ngày 2 lần
                        </div>
                        <div class="text">
                            -	Uống khi có kinh nguyệt 7 – 10 ngày nên uống liên tục 3 tháng. ( Có thể uống thành 3 đợt, mỗi đợt 7 – 10 ngày trước kỳ kinh nguyệt ).
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <footer class="main-footer">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-md-5">
                    <h3 class="footer-title">
                        Đăng ký để được tư vấn trực tiếp
                    </h3>
                    
                    <form action="" method="post">
                        
                        <div class="form-group">
                            <input type="text" name="name" id="inp-name" class="form-control" placeholder="Full name" />
                        </div>
                        <div class="form-group">
                            <input type="text" name="phone" id="inp-phone" class="form-control" placeholder="Phone" />
                        </div>
                        <div class="form-group">
                            <input type="email" name="email" id="inp-email" class="form-control" placeholder="Email" />
                        </div>
                        <div class="form-group">
                            <textarea name="message" id="inp-message" class="form-control" placeholder="Tình trạng sức khỏe của bạn"></textarea>
                        </div>
                        <div class="buttons">
                            <button type="submit" class="btn btn-lg btn-warning">Đăng ký</button>
                        </div>
                    </form>
                </div>
                <div class="col-sm-6 ml-auto contact">
                    <h3 class="footer-title">Liên hệ với chúng tôi để nhận nhũng tư vấn tốt nhất</h3>
                    <div class="contacts">
                        <div class="contact-item phone">
                            Hotline: 0866718567 - 0888005859
                        </div>
                        <div class="contact-item email">
                            Gmail: doviethieulc@gmail.com
                        </div>
                    </div>
                    <div class="buttons">
                        <button type="button" class="btn btn-lg btn-warning">Đặt liên hệ</button>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</body>

</html>



#style.css
img {
  max-width: 100%;
}

.thumb.thumb-circle {
  border-radius: 50%;
  object-fit: cover;
}

ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-header {
  display: block;
  position: relative;
  background-image: url(../images/header.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 32px 0;
}

.main-header h1 {
  color: #C33764;
  font-size: 20px;
  width: 60%;
}

.main-header .slogan {
  width: 60%;
  font-size: 13px;
}

@media (min-width: 576px) {
  .main-header {
    padding: 70px;
  }
  .main-header h1 {
    font-size: 28px;
  }
  .main-header .slogan {
    font-size: 15px;
  }
}

@media (min-width: 768px) {
  .main-header {
    padding: 100px;
  }
  .main-header h1 {
    font-size: 32px;
  }
  .main-header .slogan {
    font-size: 18px;
  }
}

@media (min-width: 992px) {
  .main-header {
    padding: 120px;
  }
  .main-header h1 {
    font-size: 34px;
  }
  .main-header .slogan {
    font-size: 20px;
  }
}

@media (min-width: 1200px) {
  .main-header {
    padding: 150px;
  }
  .main-header h1 {
    font-size: 40px;
  }
  .main-header .slogan {
    font-size: 24px;
  }
}

section {
  display: block;
  padding: 60px 0;
}

section .sec-title {
  display: block;
  text-align: center;
}

section .sec-title h3 {
  text-transform: uppercase;
  text-decoration: underline;
  font-size: 20px;
  margin-bottom: 20px;
}

@media (min-width: 576px) {
  section {
    padding: 70px 0;
  }
  section .sec-title h3 {
    font-size: 20px;
  }
}

@media (min-width: 768px) {
  section {
    padding: 90px 0;
  }
  section .sec-title h3 {
    font-size: 22px;
  }
}

@media (min-width: 992px) {
  section {
    padding: 100px 0;
  }
  section .sec-title h3 {
    font-size: 25px;
  }
}

@media (min-width: 1200px) {
  section {
    padding: 120px 0;
  }
  section .sec-title h3 {
    font-size: 28px;
  }
}

.about-section {
  background: #C33764;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #C33764, #f587b5);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #C33764, #f587b5);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  padding: 40px 0;
}

.about-section .sec-title {
  min-height: 30px;
  text-align: left;
}

.about-section .sec-desc {
  font-size: 14px;
  margin-bottom: 10px;
}

.about-section .sec-list li {
  font-size: 16px;
  margin-bottom: 5px;
}

.about-section .image {
  margin-top: 20px;
}

.about-section .buttons {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .about-section {
    padding: 60px 0;
  }
  .about-section .sec-title {
    min-height: 35px;
  }
  .about-section .sec-desc {
    font-size: 16px;
    margin-bottom: 18px;
  }
  .about-section .sec-list li {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .about-section .image {
    margin-top: 0;
  }
  .about-section .buttons {
    margin-top: 15px;
  }
}

@media (min-width: 992px) {
  .about-section {
    padding: 90px 0;
  }
  .about-section .sec-title {
    min-height: 40px;
  }
  .about-section .sec-desc {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .about-section .sec-list li {
    font-size: 18px;
    margin-bottom: 7px;
  }
  .about-section .buttons {
    margin-top: 20px;
  }
}

@media (min-width: 1200px) {
  .about-section {
    padding: 90px 0;
  }
  .about-section .sec-title {
    min-height: 50px;
  }
  .about-section .sec-desc {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .about-section .sec-list li {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .about-section .buttons {
    margin-top: 20px;
  }
}

.useful-section {
  background: #f6f6fc;
  padding: 60px 0;
  background: transparent url(../images/uf-bg.png) repeat center center;
}

.useful-section .sec-title h3 {
  color: #2986c2;
  font-size: 24px;
  margin-bottom: 60px;
}

.useful-section .sec-content .row .uf-block {
  text-align: center;
}

.useful-section .sec-content .row .uf-block figure {
  text-align: center;
}

.useful-section .sec-content .row .uf-block figure img.thumb {
  width: 150px;
  height: 150px;
}

.useful-section .sec-content .row .uf-block h4 {
  font-size: 20px;
  color: #ea2b7b;
}

@media screen and (min-width: 768px) {
  .useful-section {
    padding: 90px 0;
  }
  .useful-section .sec-title h3 {
    font-size: 28px;
    margin-bottom: 90px;
  }
  .useful-section .sec-content .row.center .uf-block {
    margin-top: -30px;
    margin-bottom: -30px;
  }
  .useful-section .sec-content .row.center .uf-block h4 {
    font-size: 22px;
  }
}

@media screen and (min-width: 992px) {
  .useful-section {
    padding: 90px 0;
  }
  .useful-section .sec-title h3 {
    font-size: 28px;
    margin-bottom: 90px;
  }
}

@media screen and (min-width: 1200px) {
  .useful-section {
    padding: 90px 0;
  }
  .useful-section .sec-title h3 {
    font-size: 28px;
    margin-bottom: 90px;
  }
}

.reviews-section {
  background: transparent url(../images/review-bg.png) repeat center center;
  padding: 50px 0;
}

.reviews-section .sec-title h3 {
  font-size: 22px;
  margin-bottom: 10px;
  color: #C33764;
}

.reviews-section .reviews .review {
  margin: 10px auto;
  margin-bottom: 30px;
}

.reviews-section .reviews .review:last-child {
  margin-bottom: 0;
}

.reviews-section .reviews .review .review-author {
  position: relative;
  padding-left: 90px;
}

.reviews-section .reviews .review .review-author .avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
}

.reviews-section .reviews .review .review-author .avatar img {
  width: 80px;
  height: 80px;
}

.reviews-section .reviews .review .review-author .name {
  font-size: 22px;
  padding: 32px 0;
  color: #2986c2;
}

.reviews-section .reviews .review .review-content {
  padding-left: 70px;
}

.reviews-section .reviews .review .review-content .talk-icon {
  display: block;
  border-left: 1px solid #000;
  width: 15px;
  height: 15px;
  margin-left: 15px;
  margin-bottom: -1px;
  position: relative;
  background: transparent;
  z-index: 100;
  overflow: hidden;
}

.reviews-section .reviews .review .review-content .talk-icon .line {
  position: absolute;
  display: block;
  height: 30px;
  width: 19px;
  top: -2px;
  left: -11px;
  transform: rotate(-45deg);
  border-right: 1px solid #000;
  background: #fff;
}

.reviews-section .reviews .review .review-content .content-message {
  border: 1px solid #000;
  padding: 10px;
  border-radius: 10px;
  background: #ffffff;
}

.reviews-section .reviews > .review:nth-child(odd) .review-author {
  padding-left: 0;
  padding-right: 90px;
}

.reviews-section .reviews > .review:nth-child(odd) .review-author .avatar {
  top: 0;
  left: auto;
  right: 0;
}

.reviews-section .reviews > .review:nth-child(odd) .review-author .name {
  text-align: right;
}

.reviews-section .reviews > .review:nth-child(odd) .review-content {
  padding-left: 0;
  padding-right: 70px;
}

.reviews-section .reviews > .review:nth-child(odd) .review-content .talk-icon {
  border-left: none;
  border-right: 1px solid #000;
  margin-left: auto;
  margin-right: 15px;
}

.reviews-section .reviews > .review:nth-child(odd) .review-content .talk-icon .line {
  top: -2px;
  left: auto;
  right: -11px;
  transform: rotate(45deg);
  border-right: none;
  border-left: 1px solid #000;
  background: #fff;
}

@media screen and (min-width: 768px) {
  .reviews-section {
    padding: 100px 0;
  }
  .reviews-section .sec-title h3 {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .reviews-section .reviews .review .review-author {
    padding-left: 140px;
  }
  .reviews-section .reviews .review .review-author .avatar {
    width: 130px;
    height: 130px;
  }
  .reviews-section .reviews .review .review-author .avatar img {
    width: 130px;
    height: 130px;
  }
  .reviews-section .reviews .review .review-author .name {
    font-size: 25px;
    padding: 40px 0;
  }
  .reviews-section .reviews .review .review-content {
    padding-left: 115px;
  }
  .reviews-section .reviews > .review:nth-child(odd) .review-author {
    padding-left: 0;
    padding-right: 140px;
  }
  .reviews-section .reviews > .review:nth-child(odd) .review-author .avatar {
    width: 130px;
    height: 130px;
    top: 0;
    left: auto;
    right: 0;
  }
  .reviews-section .reviews > .review:nth-child(odd) .review-author .name {
    text-align: right;
    font-size: 25px;
    padding: 40px 0;
  }
  .reviews-section .reviews > .review:nth-child(odd) .review-content {
    padding-left: 0;
    padding-right: 115px;
  }
  .reviews-section .reviews > .review:nth-child(odd) .review-content .talk-icon {
    border-left: none;
    border-right: 1px solid #000;
    margin-left: auto;
    margin-right: 15px;
  }
  .reviews-section .reviews > .review:nth-child(odd) .review-content .talk-icon .line {
    top: -2px;
    left: auto;
    right: -11px;
    transform: rotate(45deg);
    border-right: none;
    border-left: 1px solid #000;
    background: #fff;
  }
}

@media screen and (min-width: 1208px) {
  .reviews-section .sec-title {
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
  }
  .reviews-section .review {
    max-width: 900px;
  }
}

.same-text-section {
  background: #C33764;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #1D2671, #C33764);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #1D2671, #C33764);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.same-text-section .sec-title h3 {
  font-size: 20px;
  color: #fff;
  margin-bottom: 20px;
}

.same-text-section .thumbnail img {
  margin-bottom: 10px;
}

.same-text-section .text-list li {
  color: #fff;
  font-size: 16px;
  margin-bottom: 5px;
}

@media screen and (min-width: 576px) {
  .same-text-section .sec-title h2 {
    font-size: 22px;
    margin-bottom: 22px;
  }
  .same-text-section .thumbnail img {
    margin-bottom: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .same-text-section .text-list li {
    font-size: 18px;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 768px) {
  .same-text-section .sec-title h3 {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .same-text-section .thumbnail img {
    margin-bottom: 0px;
  }
  .same-text-section .text-list li {
    font-size: 18px;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 992px) {
  .same-text-section .sec-title h3 {
    font-size: 26px;
    margin-bottom: 26px;
  }
  .same-text-section .thumbnail img {
    margin-bottom: 0px;
  }
  .same-text-section .text-list li {
    font-size: 18px;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 1200px) {
  .same-text-section .sec-title h3 {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .same-text-section .text-list li {
    font-size: 23px;
    margin-bottom: 10px;
  }
}

.ingredients-section {
  background: transparent url(../images/bg-same-text.jpg) no-repeat;
  background-position: left center;
  background-size: cover;
  padding: 60px;
}

.ingredients-section .sec-title {
  text-align: left;
  color: #C33764;
}

.ingredients-section .sec-content .thumbnail {
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
}

.ingredients-section .sec-content .description {
  background: rgba(0, 0, 0, 0.5);
  padding-top: 15px;
  padding-bottom: 14px;
  color: #fff;
}

.ingredients-section .sec-content .ingredient {
  font-size: 15px;
  padding-left: 54px;
  background-image: url(../images/right-hand.png);
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .ingredients-section {
    background-position: center center;
    padding: 80px;
  }
  .ingredients-section .sec-content .thumbnail {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
  }
  .ingredients-section .sec-content .thumbnail img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .ingredients-section .sec-content .ingredient {
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  .ingredients-section {
    padding: 90px;
  }
  .ingredients-section .sec-content .ingredient {
    font-size: 18px;
  }
}

.user-guid-section {
  background: url(../images/ug-bg.jpg) no-repeat center center;
  background-size: cover;
}

.user-guid-section .sec-title h3 {
  color: #C33764;
  text-align: left;
}

.user-guid-section .sec-content .thumbnail {
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
}

.user-guid-section .sec-content .description {
  background: rgba(0, 0, 0, 0.5);
  padding-top: 15px;
  padding-bottom: 15px;
  color: #fff;
}

.user-guid-section .sec-content .text {
  font-size: 15px;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .user-guid-section .sec-content .thumbnail {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
  }
  .user-guid-section .sec-content .text {
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  .user-guid-section {
    padding: 90px;
  }
  .user-guid-section .sec-content .text {
    font-size: 20px;
  }
}

@media (min-width: 1200px) {
  .user-guid-section {
    padding: 120px;
  }
  .user-guid-section .sec-content .text {
    font-size: 22px;
  }
}

.main-footer {
  background: #1D2671;
  /* Old Browsers */
  background: -webkit-linear-gradient(right, #1D2671, #C33764);
  /*Safari 5.1-6*/
  background: -o-linear-gradient(right, #1D2671, #C33764);
  /*Opera 11.1-12*/
  background: -moz-linear-gradient(right, #1D2671, #C33764);
  /*Fx 3.6-15*/
  background: linear-gradient(to left, #1D2671, #C33764);
  /*Standard*/
  color: #fff;
  padding: 70px 0 0 0;
}

.main-footer .footer-title {
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;
}

.main-footer .footer-bottom {
  padding: 10px 0;
  border-top: 1px solid #fff;
  margin-top: 30px;
}

.main-footer .contact {
  text-align: right;
}

.main-footer .contact .buttons {
  margin-top: 10px;
}

.main-footer .contact-item {
  font-size: 14px;
}

@media (min-width: 576px) {
  .main-footer .contact-item {
    font-size: 15px;
  }
}

@media (min-width: 768px) {
  .main-footer .contact-item {
    font-size: 20px;
  }
}

@media (min-width: 992px) {
  .main-footer .contact-item {
    font-size: 24px;
  }
}



bui duy khanh [T2008A]
bui duy khanh

2020-11-05 10:04:23



<!DOCTYPE html>
<html>
<head>
    <title>Assignment.html</title>
    <meta charset="utf-8">
    <style type="text/css">
        .menu{
            border: solid 1px;
        }
        .up{
            background-color: #fab8b4;
            display: flex;
            list-style: none;
        }
        .a{
            border: solid 1px;
        }
        ul{
            display: flex;
            list-style: none;
            }
    </style>
    </style>
</head>
<body>
    <div class="menu">  
        <div class="up">
            <a href="">
                <img src="https://www.google.com/imgres?imgurl=https%3A%2F%2Fimages.foody.vn%2Fres%2Fg88%2F871780%2Fs%2Ffoody-quan-ngon-cafe-sinh-to-360-636815113483417341.jpg&imgrefurl=https%3A%2F%2Fwww.foody.vn%2Fho-chi-minh%2Fquan-ngon-cafe-sinh-to%2Falbum-tong-hop&tbnid=QKJhcCEv0gzT8M&vet=12ahUKEwjiuOO7jevsAhUXAqYKHd_nA1gQMygAegUIARCgAQ..i&docid=KFHAjN9oXatrHM&w=1500&h=966&q=logo%20qu%C3%A1n%20sinh%20t%E1%BB%91&ved=2ahUKEwjiuOO7jevsAhUXAqYKHd_nA1gQMygAegUIARCgAQ">
            </a>
            <ul>
                <li><a href=""> Sản Phẩm</a></li>
            </ul>
            <ul>
                <li><a href="">nước ép cam </a></li>
            </ul>
            <ul>
                <li><a href="">nước ép ổi</a></li>
            </ul>
            <ul>
                <li><a href="">nước ép dưa hấu</a></li>
            </ul>
            <ul>
                <li><a href="">nước ép đào</a></li>
            </ul>
            <ul>
                <li><input type="text" name="timkiem" placeholder="Tim kiem "></li></ul>
            <ul>
                <li><a href=""><img src="https://lh3.googleusercontent.com/proxy/w5ocSGyniasFGcEibSzT_TJAR_PgtuSEu4fu7JFqwmW9uv1JW14qawImgDoEe2th2K2XKQBjvTC_aHFtEMuPtgTUPoTKS4YPQTgH" height="100px" width="200px"></a></li>
            </ul>
        </div>
    </div>
    <div class="a">
            
                
                <img src="https://lh3.googleusercontent.com/proxy/2Z0Yy8XCgXorjjmdoAFeqiCB4vpqLVB2VO3uJAw1dS2Qg9CGv7XS0ju2Jr3z_94VnRZhMp6hANzlj-7BpFTsCYj81PXLHlGXuAUAdwco5YeGhBHFvQtqNh-eno5Meqqm8Wqu5uUkBhCaxUluZ0kDFoBx" height="200px" width="250px">
                <img src="https://lh3.googleusercontent.com/proxy/xM9qqJggzzmklY0hap6DB65ZnhEuvt2noI9LWIoR3QXQ1ajtaGsIqM3BUV6sIwUAuNy4wEhJ1Z49EMQGdpc22OzwAn4Nwvf36qQW-hckj6RDQ62_WX8"height="200px" width="350px">

                <img src="https://www.google.com/imgres?imgurl=http%3A%2F%2Fchauolong.com%2Fwp-content%2Fuploads%2F2016%2F12%2Fnuocep-cam.jpg&imgrefurl=http%3A%2F%2Fchauolong.com%2Fproduct%2Fnuoc-ep-cam%2F&tbnid=BrNF_UlXFFYfTM&vet=12ahUKEwiHwdmakevsAhURNaYKHRWiD70QMygAegUIARCwAQ..i&docid=Vp0VjH05sN2P9M&w=500&h=500&q=nuoc%20%C3%A9p%20cam&ved=2ahUKEwiHwdmakevsAhURNaYKHRWiD70QMygAegUIARCwAQ">

                <img src="https://www.google.com/imgres?imgurl=https%3A%2F%2Fdaubepgiadinh.vn%2Fwp-content%2Fuploads%2F2018%2F09%2Fnuoc-ep-oi-600x400.jpg&imgrefurl=https%3A%2F%2Fdaubepgiadinh.vn%2Fnuoc-ep-oi&tbnid=thwyxihYQUTsxM&vet=12ahUKEwjl7vymkevsAhVN4pQKHZTLCIMQMygBegUIARCyAQ..i&docid=UCTOIllYm31dIM&w=600&h=400&q=nuoc%20%C3%A9p%20%E1%BB%95i&ved=2ahUKEwjl7vymkevsAhVN4pQKHZTLCIMQMygBegUIARCyAQ">

                <img src="https://lh3.googleusercontent.com/proxy/U-AfcpnBRzNAEEHIqyrm475sRmaZ81TwLZI7lLqn_qtSvXIeJFmX8UENBJlFUSV0IooOoUBZFap6xPSq1GCdv5XG3V-rDAdxJs3MRyeqxUEmjyTCJwJWN-xOF_gfYw" height="200px" width="300px">

                <img src="https://i.pinimg.com/originals/e1/8a/6f/e18a6f4e4975279ef2e30ec67f83705a.jpg" height="200px" width="250px">

                <img src="https://www.google.com/imgres?imgurl=https%3A%2F%2Fmiro.medium.com%2Fmax%2F640%2F0*MKmhrpK_EZJ2SpgZ.jpg&imgrefurl=https%3A%2F%2Fmedium.com%2F%40loainuocuongcollagen%2Fn%25C6%25B0%25E1%25BB%259Bc-%25C3%25A9p-d%25C6%25B0a-h%25E1%25BA%25A5u-c%25C3%25B3-t%25C3%25A1c-d%25E1%25BB%25A5ng-g%25C3%25AC-c%25C3%25A1ch-l%25C3%25A0m-n%25C6%25B0%25E1%25BB%259Bc-%25C3%25A9p-d%25C6%25B0a-h%25E1%25BA%25A5u-c%25E1%25BB%25B1c-ngon-66a0242b8c43&tbnid=bfsjPuaZqIcB2M&vet=12ahUKEwjepJ6zkevsAhWSIqYKHV3eB3QQMygCegUIARCuAQ..i&docid=v4MJ5YEUT955rM&w=640&h=427&q=nuoc%20%C3%A9p%20d%C6%B0a%20h%C3%A2u&ved=2ahUKEwjepJ6zkevsAhWSIqYKHV3eB3QQMygCegUIARCuAQ">

                <img src="https://sites.google.com/site/liondonceworld/_/rsrc/1288181650676/hinh-anh/hinh-tat-ca-cac-loai-nuoc-ep/dragon24.JPG" height="200px" width="250px">

                <img src="https://imagevietnam.vnanet.vn/Upload/2019/10/9/09102019112749636-5-TCD.JPG" height="200px" width="250px">

            </div>
            <div class="">
                <center><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTf2rXm504NRLSasP26jtPOFFedScoDQuUk9Q&usqp=CAU"></center>
                <center><h3>chuyên bán tất cả các loại nước ép hoa quả.</h3></center>
                <h4><center> chúc quý khách ngon miệng.</center></h4>

                <img src="https://banner2.cleanpng.com/20180708/fu/kisspng-zalo-laptop-login-mobile-phones-qr-code-zalo-5b420005d72375.4189858915310520378812.jpg" height="200px" width="230px">

                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQNutOz2CZVmwdpJHMKiL7GiLRmTUmGni8ODg&usqp=CAU">

                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcSW3n2usuGBElU-zWRNwAJuTbeoRBLymkLlRw&usqp=CAU">

                <img src="https://cellphones.com.vn/sforum/wp-content/uploads/2018/07/instagram-l%C3%A0-g%C3%AC.jpg" height="150px" width="250x">

                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRkdPGX0bXaF1S6vgSlj5wGC8LwgRoOV5PbwQ&usqp=CAU">
            </div>
    </div>
</body>
</html>



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

2020-11-04 19:50:18


#shopdodabong.bootstrap.html


<!DOCTYPE html>
<html>
<head>
	<title>Bootstrap Tutorial</title>

	
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">

	
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

	
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

	
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>

	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
	

	<style type="text/css">
		.nav-link {
			
			color: grey !important;
		}

		.navbar-nav .active {
			background-color: #f1a03c;
			color: white !important;
		}
		.danhmuc{
			list-style: none;
			clear: left;
			padding-bottom: 10px;
			float: left;
		}
	</style>
</head>
<body>
	
	<div class="row" style="background-color: black;">
		<div class="col-md-6" style="text-align: center; color: #007bff;padding-top: 7px; padding-bottom: 7px;">
			CHÀO MỪNG BẠN ĐẾN VỚI bongdavadoisong.com !
		</div>
		<div class="col-md-6" style="text-align: center;padding-top: 7px; padding-bottom: 7px;">
			<i class="fa fa-phone" style="color: #ece507"></i>
			<a href="telno:" style="; margin-left: 10px;">TP HCM : 0964657860</a>
			<i class="fa fa-envelope" aria-hidden="true" style="color:  #ece507"></i>
			<a href="Gmail" style="margin-left: 10px;">bongdavadoisong@gmail.com</a>
			<i class="fa fa-map-marker" aria-hidden="true" style="color:  #ece507"></i>
			<a href="address" style="margin-left: 10px;">51 Xã Đoàn</a>
			<div class="input-group mb-3" style="width: 180px; float: right; margin-bottom: 0px !important; background-color: grey;">
			    </span>
			  </div>
			</div>
		</div>
	</div>
	
	<div class="row" style="border-top: solid #f1a03c 5px;">
		<div class="col-md-12" style="padding-top: 10px; padding-bottom: 10px;display: flex;">
			
			<img src="https://bucket.nhanh.vn/store/26181/store_1579247766_381.png" style="width: 500px; padding-left: 160px; ">
			<input type="text" class="form-control" placeholder="Tìm Kiếm" id="demo" name="email" style="width: 500px;margin-left: 60px;margin-top: 21px;">
			  <div class="input-group-append" style="height: 39px;margin-left: 15px;margin-top: 21px;">
			    <span class="input-group-text">
			    	<i class="fa fa-search">Tìm Kiếm</i>
		</div>
	</div>
		<div class="col-md-12 bg-danger justify-content-center pr-0 " >
			
			<nav class="navbar navbar-expand-sm" style="margin-left: 130px; padding: 0px !important;" >
			 
			  <ul  class="navbar-nav" >
			    <li class="nav-item">
			      <a class="nav-link" href="#">
			      	<i class="fa fa-home" style="color: #f1a03c"></i>
			      </a>
			    </li>
			    <li class="nav-item">
			      <a class="nav-link" href="#" style="color: white !important;">Trang Chủ |</a>
			    </li>
			    <li class="nav-item">
			      <a class="nav-link" href="#" style="color: white !important;">Giày Cỏ Nhân Tạo |</a>
			    </li>
			    <li class="nav-item">
			      <a class="nav-link" href="#" style="color: white !important;">Giày Sân Cỏ Tự Nhiên |</a>
			    </li>
			    <li class="nav-item ">
			      <a class="nav-link" href="#" style="color: white !important;">Giày Futsal |</a>
			    </li>
			    <li class="nav-item">
			      <a class="nav-link" href="#" style="color: white !important;">Giày Trẻ Em |</a>
			    </li>
			    <li class="nav-item">
			      <a class="nav-link" href="#" style="color: white !important;">Sale |</a>
			    </li>
			    <li class="nav-item">
			      <a class="nav-link" href="#" style="color: white !important;">Hệ Thống Cửa Hàng |</a>
			    </li>
			    <li class="nav-item">
			      <a class="nav-link" href="#" style="color: white !important;">Kiến Thức Giày |</a>
			    </li>
			  </ul>
			</nav>
		</div>
	</div>
	<div class="row" style="border-top: solid #f1a03c 5px;">
	<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel" style="width: 100%">
	  <div class="carousel-inner" >
	    <div class="carousel-item active">
	      <img class="d-block w-100" src="https://bucket.nhanh.vn/store/26181/bn/sb_1604045763_665.jpg" alt="First slide" style="width: 100%">
	      <div class="row" style="border-top: solid #f1a03c 5px;">
	    </div>
	    
	  </div>
	</div>
	
	<div class="row" style="padding-bottom: 10px;padding-top: 10px">
		
		<div class="col-md-3" style="background-color :white; color: black;"  >
			<a class="nav-link" href="#">
			      	<i class="fa fa-bars ml-4" aria-hidden="true" style="color: black; " >
			      		 Danh Mục Sản Phẩm
			      	</i>
			      </a>
			    
			<ul style="border: solid black 1px; padding: 0px 10px 0px 10px;" class="danhmuc pb-5 ml-4 pr-3">
				
				<li><img src="https://cdn-img-v2.webbnc.net/uploadv2/web/15/15511/product/2020/08/25/02/53/1598337514_c089b7e4fc2b7a5053a39c9453c150b0_adidas-logo-png-a.png?v=4" width="40px">&ensp;Giày ADIDAS-Chính Hãng</li>
				<br>	
				<li><img src="https://cdn-img-v2.webbnc.net/uploadv2/web/15/15511/product/2020/08/25/02/43/1598336899_images.jpg?v=4" width="40px">&ensp;Giày NIKE-Chính Hãng</li>
				<br>	
				<li><img src="https://cdn-img-v2.webbnc.net/uploadv2/web/15/15511/product/2020/08/25/02/56/1598337677_mizuno.jpg?v=4" width="40px">&ensp;Giày MIZUNO-Chính Hãng</li>
				<br>	
				<li><img src="https://cdn-img-v2.webbnc.net/uploadv2/web/15/15511/product/2020/08/26/01/58/1598420570_logo.png?v=4" width="35px">&ensp;Giày KAMITO-Chính Hãng</li>
                <br>
				<li><img src="https://cdn-img-v2.webbnc.net/uploadv2/web/15/15511/product/2020/08/25/02/59/1598337851_unnamed.jpg?v=4" width="45px">&ensp;Giày AKKA-Chính Hãng</li>	
                <br>
				<li><img src="https://cdn-img-v2.webbnc.net/uploadv2/web/15/15511/product/2020/08/29/11/55/1598672198_puma-logo.png?v=4" width="45px">&ensp;Giày PUMA-Chính Hãng</li>
                <br>
				<li><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRKb1Xb99G4lo6nSsGvwAXArwAYoulQiiJXEg&usqp=CAU" width="40px">&ensp;Giày MITRE-Chính Hãng</li>
                <br>
				<li><img src="https://bucket.nhanh.vn/store/20446/pc/ps_cate_icon_1594371272_71.jpg" width="45px">&ensp;Giày WINBRO-Chính Hãng</li>
				<br>
				<li><img src="https://pbs.twimg.com/profile_images/786787043930013697/tyP_2YM8_400x400.jpg" width="40px">&ensp;Giày Pan Futsal-Chính Hãng</li>
				<br>
				<li><img src="https://baoho.com.vn/wp-content/uploads/2017/12/giay-vai-Thuong-Dinh-soc-xanh-1.jpg" width="40px">&ensp;Giày Bata</li>
				<br>
				<li><img src="https://bucket.nhanh.vn/store1/44334/ps/20200313/giay_bata_thuong_dinh_1.jpg" width="40px">&ensp;Giày Thượng Đình</li>
				<br>
				<li><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQfcRMxAlT_lgwUL9NFbiSUHlht7HSNvMDoFQ&usqp=CAU" width="40px">&ensp;Đồ Thủ Môn</li>
				<br>
				<li><img src="https://lh3.googleusercontent.com/proxy/NVp4yRFSiZmd3kp_qA_PpEc7_MfvJ70q-6_VRvZC6w98pgVpluiAocHNIl4XZtGe5OTXkfvmoXxRspr7NAWLQ_FwBEKnoElV0gI5FMFYAwTlOYA" width="40px">&ensp;Phụ Kiện Bóng Đá</li>
				<br>
				<li><img src="https://salt.tikicdn.com/cache/280x280/ts/product/39/1d/f6/a50462022b924d6fbb3dab9d0e562dd1.jpg" width="40px">&ensp;Bóng Đá</li>
				<br>
				<li><img src="https://media.thanhnienviet.vn/uploads/2020_01/dt-vn-laei-1577889989.jpg" width="40px">&ensp;Quần Áo Bóng Đá</li>
			</ul>
			<img src="https://i.pinimg.com/originals/f9/f3/82/f9f3821b0e2d463059919ecf64ea47ec.jpg" style=" max-width: 100%">
			<img src="https://i.pinimg.com/736x/d6/18/2d/d6182dcc1f00443b05258b7e467c145d.jpg" style=" max-width: 100%">
			<img src="https://photo-1-baomoi.zadn.vn/w1000_r1/2020_03_03_280_34171383/ebf14e9453d7ba89e3c6.jpg" style="max-width: 100%" >
			<img src="https://i.pinimg.com/originals/3b/6a/e3/3b6ae34d738e4c2b99a09def503353e8.jpg" style="max-width: 100%">

		</div>

		<div class="col-md-9">
			<div class="row">
				<div class="col-md-3">
					<img src="https://bucket.nhanh.vn/store/26181/ps/20200820/giay_da_bong_adidas_tsubasa_000__7_.jpg" style="width: 95%">
					<p style="text-align: center;">Giày Đá Bóng Adidas Predator 20.3 Tf Trắng/Đen</p>
					<p style="text-align: center; color: #007bff">1,890,000 đ</p>
				</div>
				<div class="col-md-3">
					<img src="https://bucket.nhanh.vn/store/26181/ps/20200623/giay_da_bong_chinh_hang_tgbd_0505_7.jpg" style="width: 95%">
					<p style="text-align: center;">Giày Đá Bóng Nike Mercurial Vapor XIII
                     <p style="text-align: center;color: #007bff">1,690,000 đ</p>
				</div>
				<div class="col-md-3">
					<img src="https://bucket.nhanh.vn/store/26181/ps/20200311/giay_da_bong_chinh_hang_tgbd1103_100_2.jpg" style="width: 95%">
					<p style="text-align: center;">Mizuno Monarcidact  Neo Selet Màu Đỏ Xanh</p>
					 <p style="text-align: center;color: #007bff">1,399,000 đ</p>
				</div>
				<div class="col-md-3">
					<img src="https://bucket.nhanh.vn/store/26181/ps/20200820/giay_da_bong_adidas_tsubasa_000__7_.jpg" style="width: 95%">
					<p style="text-align: center;">Puma Future 5.1 Netfit FG/AG Đỏ</p>
                       <p style="text-align: center;color: #007bff">1,035,000 đ</p>
				</div>
			</div>
			<div class="row">
				<div class="col-md-3">
					<img src="https://bucket.nhanh.vn/store/26181/ps/20200707/giay_da_bong_nke_adidas_chinh_hang_0707_10.jpg" style="width: 95%">
					<p style="text-align: center;">Giày Đá Bóng Puma Future 5.1 netfiit Fg Vàng</p>
					 <p style="text-align: center;color: #007bff">1,150,000 đ</p>
				</div>
				<div class="col-md-3">
					<img src="https://bucket.nhanh.vn/store/26181/ps/20200118/giay_da_bong_nike_adidas_chinh_hang_21.jpg" style="width: 95%">
					<p style="text-align: center;">Adidas ATR F35462 19.3 TF đen đỏ</p>
					 <p style="text-align: center;color: #007bff">1,250,000 đ</p>
				</div>
				<div class="col-md-3">
					<img src="https://bucket.nhanh.vn/store/26181/ps/20200928/vss_thumb.jpg" style="width: 95%">
					<p style="text-align: center;">Đá Bóng Adidas Predator 20.3 Tf Trắng/Đen</p>
					 <p style="text-align: center;color: #007bff">1,690,000 đ</p>
				</div>
				<div class="col-md-3">
					<img src="https://bucket.nhanh.vn/store/26181/ps/20200909/giay_da_bong_tgbd_0809_13.jpg" style="width: 95%">
					<p style="text-align: center;">Đá Bóng Adidas Predator 20.3 Tf Trắng/Đen</p>
					 <p style="text-align: center;color: #007bff">1,690,000 đ</p>
				</div>
				<div class="col-md-3">
					<img src="https://bucket.nhanh.vn/store/26181/ps/20200905/g.jpg" style="width: 95%">
					<p style="text-align: center;">Đá Bóng Adidas Predator 20.3 Tf Trắng/Đen</p>
					 <p style="text-align: center;color: #007bff">1,690,000 đ</p>
				</div>
				<div class="col-md-3">
					<img src="https://bucket.nhanh.vn/store/26181/ps/20200218/114.jpg" style="width: 95%">
					<p style="text-align: center;">Đá Bóng Adidas Predator 20.3 Tf Trắng/Đen</p>
					 <p style="text-align: center;color: #007bff">1,690,000 đ</p>
				</div>
				<div class="col-md-3">
					<img src="https://bucket.nhanh.vn/store/26181/ps/20200928/vssss.jpg" style="width: 95%">
					<p style="text-align: center;">Đá Bóng Adidas Predator 20.3 Tf Trắng/Đen</p>
					 <p style="text-align: center;color: #007bff">1,690,000 đ</p>
				</div>
				<div class="col-md-3">
					<img src="https://bucket.nhanh.vn/store/20446/ps/20200714/giay_da_bong_akka_he_chay_2020_13_thumb.jpg
					" style="width: 95%; height: 160px">
					<p style="text-align: center;"> Giày Đá Bóng Adidas Predator 20.3 Tf Trắng/Đen</p> 
					 <p style="text-align: center;color: #007bff">1,690,000 đ</p>
				</div>
				<br>
				<div style="border-top: solid #dc3545 2px; width: 90%; margin: 0 auto; margin-top: 50px;">
		<div style="background-color: #dc3545; height: 30px; text-align: center; width: 20%; font-size: 20px; color: white;">Găng Tay Thủ Môn</div>
	</div>
					<div class="col-md-3">
					<img src="https://cdn-img-v2.webbnc.net/uploadv2/web/15/15511/product/2020/10/04/12/56/1601788825_1.jpg?v=4
					" style="width: 95%">
					<p style="text-align: center;">Găng Thủ Môn - Super Fex</p>
					 <p style="text-align: center;color: #007bff">690,000 đ</p>
				</div>
				<div class="col-md-3">
					<img src="https://cdn-img-v2.webbnc.net/uploadv2/web/15/15511/product/2020/10/29/11/23/1603941684_1.jpg?v=4
					" style="width: 95%">
					<p style="text-align: center;">Găng Tay Thủ Môn Janus</p>
					 <p style="text-align: center;color: #007bff">690,000 đ</p>
				</div>
				<div class="col-md-3">
					<img src="https://cdn-img-v2.webbnc.net/uploadv2/web/15/15511/product/2020/10/04/11/51/1601784940_khung-anh-website-recovered.jpg?v=4
					" style="width: 95%">
					<p style="text-align: center;">Găng Tay Adidas Predator Pro</p>
					 <p style="text-align: center;color: #007bff">650,000 đ</p>
				</div>
				<div class="col-md-3">
					<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRZP4S9KJVDFUcpuM1K8ChFHoboDdYqpwvcHg&usqp=CAU
					" style="width: 95%; height: 178px">
					<p style="text-align: center;">Găng Tay Thủ Môn Keeper</p>
                      <p style="text-align: center;color: #007bff">650,000 đ</p>
				</div>
				<div class="col-md-3">
					<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcThQcrTWruukyNadrGkkBqIYOxfKupZTxeT9Q&usqp=CAU
					" style="width: 95%">
					<p style="text-align: center;">Găng Tay Adidas Predator Pro</p>
					 <p style="text-align: center;color: #007bff">650,000 đ</p>
				</div>
				<div class="col-md-3">
					<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcS91vCxJuZbXUZGAtDzZ2ME7vWfTYyMkrobMg&usqp=CAU
					" style="width: 95%">
					<p style="text-align: center;">Găng Tay NIKE Predator Pro</p>
					 <p style="text-align: center;color: #007bff">650,000 đ</p>
				</div>
				<div class="col-md-3">
					<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcSJswgDZ3Q1FhD5Cmn1Su9MddLP-mN3npnTjA&usqp=CAU
					" style="width: 95%">
					<p style="text-align: center;">Găng Tay NIKE Predator Pro 2.0</p>
					 <p style="text-align: center;color: #007bff">650,000 đ</p>
				</div>
				<div class="col-md-3">
					<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcSrXpHLC4WJaf3RjQEMHjXoiJ3aj_v1456YfA&usqp=CAU
					" style="width: 95%">
					<p style="text-align: center;">Găng Tay NIKE Predator Pro</p>
					 <p style="text-align: center;color: #007bff">650,000 đ</p>
				</div>
				<div style="border-top: solid #dc3545 2px; width: 90%; margin: 0 auto; margin-top: 50px;">
		<div style="background-color: #dc3545; height: 30px; text-align: center; width: 20%; font-size: 20px; color: white;">Quần Áo Bóng Đá</div>
	</div>

	<div class="container" style="margin-top: 10px;">
		<div class="row">
			<div class="col-md-3">
				<a href="">
				<img src="https://www.sporter.vn/wp-content/uploads/2017/06/Ao-mu-san-nha-1-2-300x300.jpg" style="width: 250px; height: 250px;">
				<p style="text-align: center; color: black; font-size: 20px;">Áo Đấu MU 1</p>
        <p style="text-align: center;">1,000,000 đ</p>
			     </a>
			</div>
			<div class="col-md-3">
				<a href="#">
					<img src="https://www.sporter.vn/wp-content/uploads/2017/06/Ao-mu-san-khach-1-3.jpg" style="width: 250px; height: 250px;">
					<p style="text-align: center; color: black; font-size: 20px;">Áo Đấu MU 2</p>
          <p style="text-align: center;">1,000,000 đ</p>
				</a>
			</div>
			<div class="col-md-3">
				<a href="#">
					<img src="https://dothethao.net.vn/wp-content/uploads/2020/04/ao-dau-ngoai-hang-anh-2020-manchester-united.jpg" style="width: 250px; height: 250px;">
					<p style="text-align: center; color: black; font-size: 20px;">Áo Đấu MU 3</p>
          <p style="text-align: center;">1,000,000 đ</p>
				</a>
			</div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://cf.shopee.vn/file/6b93b5930502a32ea5769943909fb175" style="width: 250px; height: 250px;">
          <p style="text-align: center; color: black; font-size: 20px;">Áo Đấu MU 4</p>
          <p style="text-align: center;">1,000,000 đ</p>
        </a>
      </div>
		</div>
    <div class="row" style="margin-top: 25px;">
      <div class="col-md-3">
        <a href="">
        <img src="https://thumblr.uniid.it/product/186829/928d42dae20c.jpg" style="width: 250px; height: 250px;">
        <p style="text-align: center; color: black; font-size: 20px;">Áo Đấu MU 5</p>
        <p style="text-align: center;">1,000,000 đ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://www.futbolemotion.com/imagesarticulos/145078/750/camiseta-adidas-manchester-united-fc-tercera-equipacion-2020-2021-whiteblack-0.jpg" style="width: 250px; height: 250px;">
          <p style="text-align: center; color: black; font-size: 20px;">Áo Đấu MU 6</p>
          <p style="text-align: center;">1,000,000 đ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://www.sporter.vn/wp-content/uploads/2017/06/Ao-mu-san-khach-mau-ba-1-400x400.jpg" style="width: 250px; height: 250px;">
          <p style="text-align: center; color: black; font-size: 20px;">Áo Đấu MU 7</p>
          <p style="text-align: center;">1,000,000 đ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://leo64.com/wp-content/uploads/2020/07/Ao-mu-san-nha-1-3.jpg" style="width: 250px; height: 250px;">
          <p style="text-align: center; color: black; font-size: 20px;">Áo Đấu MU 8</p>
          <p style="text-align: center;;">1,000,000 đ</p>
        </a>
      </div>
    </div>
	</div>
  <div style="border-top: solid #dc3545 2px; width: 90%; margin: 0 auto; margin-top: 20px;">
    <div style="background-color: #dc3545; height: 30px; text-align: center; width: 20%; font-size: 20px; color: white;">Phụ Kiện Bóng Đá</div>
  </div>
  <div class="container" style="margin-top: 10px;">
    <div class="row">
     
      <div class="col-md-3">
        <a href="#">
          <img src=" https://cdn-img-v2.webbnc.net/uploadv2/web/15/15511/product/2020/11/03/07/59/1604404336_1.jpg?v=4" style="width: 250px; height: 250px;">
          <p style="text-align: center; color: black; font-size: 20px;">Băng Cổ Chân</p>
          <p style="text-align: center; ">110,000 đ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://cdn-img-v2.webbnc.net/uploadv2/web/15/15511/product/2020/10/05/11/16/1601869158_12.jpg?v=4" style="width: 250px; height: 250px;">
          <p style="text-align: center; color: black; font-size: 20px;">Miếng Lót Giày MIZUNO</p>
          <p style="text-align: center; ">75,000 đ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://cdn-img-v2.webbnc.net/uploadv2/web/15/15511/media/2020/10/04/05/00/1601803451_1.jpg" style="width: 250px; height: 250px;">
          <p style="text-align: center; color: black; font-size: 20px;">Băng Cuốn Cơ Đầu Gối</p>
          <p style="text-align: center; ">40,000 đ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://cdn-img-v2.webbnc.net/uploadv2/web/15/15511/product/2020/09/02/03/51/1599036496_z2055959196087_38fafee00c0456b6e6f97cd91f0e5c20.jp.jpg?v=4"style="width: 250px; height: 250px;">
          <p style="text-align: center; color: black; font-size: 20px;">Balo Thể Thao</p>
          <p style="text-align: center; ">100.000 đ</p>
        </a>
      </div>
    </div>
    <div class="row" style="margin-top: 25px;">
      <div class="col-md-3">
        <a href="">
        <img src="https://cdn-img-v2.webbnc.net/uploadv2/web/15/15511/product/2020/09/04/08/18/1599225157_z2059956135825_f4b911d59ee9492c0b472620fe81ced7.jp.jpg?v=4"  style="width: 250px; height: 250px;">
        <p style="text-align: center; color: black; font-size: 20px;">Cờ Lưu Niệm</p>
        <p style="text-align: center; ">Liên Hệ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTLd0gNBqPG40bqzID4uZWlW2mDWWtftyBrAw&usqp=CAU" style="width: 250px; height: 250px;">
          <p style="text-align: center; color: black; font-size: 20px;">Huy Chương(Vàng,Bạc,Đồng)</p>
          <p style="text-align: center; ">Liên Hệ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://cf.shopee.vn/file/869c879df5f422a04ceb6c8942fc36dd_tn" style="width: 250px; height: 250px;">
          <p style="text-align: center; color: black; font-size: 20px;">Mô Hình Cup Vàng World Cup</p>
          <p style="text-align: center; ">Liên Hệ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://thethaominhphu.com/wp-content/uploads/2017/04/cup-ban-tay-vang.jpeg" style="width: 250px; height: 250px;">
          <p style="text-align: center; color: black; font-size: 20px;">Cúp Thể Thao Bàn Tay Vàng</p>
          <p style="text-align: center; ">Liên Hệ</p>
        </a>
      </div>
    </div>
  </div>
				<div class="col-md-5">
					<ul class="pagination">
					  <li class="page-item"><a class="page-link" href="#">Previous</a></li>
					  <li class="page-item"><a class="page-link" href="#">1</a></li>
					  <li class="page-item"><a class="page-link" href="#">2</a></li>
					  <li class="page-item"><a class="page-link" href="#">3</a></li>
					  <li class="page-item"><a class="page-link" href="#">Next</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="row" style="background-color: #dc3545; color: white; margin: 0 auto; width: 90%; height: 130px; text-align: center; padding-top: 20px; margin-top: 50px;">
    <div class="col-md-3">
      <li><img src="https://cdn-img-v2.webbnc.net/uploadv2/web/15/15511/adv/2020/07/28/03/25/1595921994_i6.png?v=4" style="color: white"></li>
      <div>MIỄN PHÍ VẬN CHUYỂN</div>
      Đơn Hàng Trên 500k.Dưới 500k Đồng Giá 18k
    </div>
    <div class="col-md-3">
      <li><img src="https://cdn-img-v2.webbnc.net/uploadv2/web/15/15511/adv/2020/07/28/03/26/1595922031_i4.png?v=4"></li>
      <div>CAM KẾT CHÍNH HÃNG</div>
      Đảm Bảo Chất Lượng 100%
    </div>
    <div class="col-md-3">
      <li><img src="https://cdn-img-v2.webbnc.net/uploadv2/web/15/15511/adv/2020/07/28/03/26/1595922060_i2.png?v=4"></li>
      <div>CHÍNH SÁCH</div>
      1 Đổi 1 Trong Vòng 1 Tuần
    </div>
    <div class="col-md-3">
      <li><img src="https://cdn-img-v2.webbnc.net/uploadv2/web/15/15511/adv/2020/07/28/03/27/1595922105_i9.png?v=4"></li>
      <div>MỌI THẮC MẮC XIN LIÊN HỆ</div>
      0909383355
    </div>
  </div>
  <h2 style="margin-top: 20px; margin-bottom: 20px;: ">
    <center>
      Thương Hiệu
    </center>
  </h2>
  <div class="row" style="width: 90%; margin: 0 auto; height: 100px">
    <div class="col-md-2">
      <img src="https://bucket.nhanh.vn/store/20446/brand/photo_1574220718_579.png" style="width: 120px; height: 80px;">
    </div>
    <div class="col-md-2">
      <img src="https://bucket.nhanh.vn/store/20446/brand/image_1586163972_237.png" style="width: 120px; height: 80px;">
    </div>
    <div class="col-md-2">
      <img src="https://bucket.nhanh.vn/store/20446/brand/photo_1574220823_843.png" style="width: 120px; height: 80px;">
    </div>
    <div class="col-md-2">
      <img src="https://bucket.nhanh.vn/store/20446/brand/photo_1574220500_644.jpg" style="width: 120px; height: 80px;">
    </div>
    <div class="col-md-2">
      <img src="https://bucket.nhanh.vn/store/20446/brand/photo_1579508517_434.jpg" style="width: 120px; height: 80px;">
    </div>
    <div class="col-md-2">
      <img src="https://bucket.nhanh.vn/store/20446/brand/photo_1574220462_841.png" style="width: 120px; height: 80px;">
    </div>
  </div>
  <div class="container-fluid" style="margin-top: 40px;">
    <div class="row" style="text-align: center;">
      <div class="col-md-12">
      <h3>Giày Đá Bóng Chính Hãng AKKA,MITRE,KAMITO...dành cho sân cỏ nhân tạo, tự nhiên tại <img src="https://bucket.nhanh.vn/store/26181/store_1579247766_381.png"></h3>
      </div>
     
    </div>
  </div>
  <div style="border: solid #bf4e08 2px; margin-top: 20px;"></div>
  <div class="row" style="background-color: grey;color: white" style="width: 90%; margin: 0 auto" >
    <div class="col-md-3" >
      <b><li>Bóng Đá Và Đời Sống</li></b>
      <div style="border-top: solid gray 1px;"></div>
      <li> Địa Chỉ :51 Xã Đàn - Phường Phương Liên - Đống Đa - Hà Nội</li> 
      <li> Hotline : 0909 38 33 55</li>
      <li> Email : bongdavadoisong@gmail.com</li>
      <li> Website: bongdavadoisong.com</li>
      
    </div>
    <div class="col-md-3">
      <b>Chính Sách</b>
      <div style="border-top: solid gray 1px;"></div>
      <li>Giao Hàng Tận Nơi</li>
      <li>Một Đổi 1 Trong Vòng 1 Tuần</li>
      <li>Chất Lượng 100%</li>
    </div>
    <div class="col-xl-3 col-lg-3 col-md-6 col-12 margin-bottom-20">
     <h2 class="d-none">.map</h2>
     <div>
     	<iframe allow="encrypted-media" allowtransparency="true" frameborder="0" height="140" scrolling="no" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14898.423808300478!2d105.839183!3d21.008427!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3135ab870ea07dc1%3A0x97ff8bc3f14a02!2zNTEgUC4gWMOjIMSQw6BuLCBQaMawxqFuZyBMacOqbiwgxJDhu5FuZyDEkGEsIEjDoCBO4buZaSwgVmnhu4d0IE5hbQ!5e0!3m2!1svi!2sus!4v1604515443253!5m2!1svi!2sus" style="border: none;overflow: hidden;" width="100%">
     		
     	</iframe>
     </div>
    </div>
    <div class="col-xl-3 col-lg-3 col-md-6 col-12 margin-bottom-20">
     <h2 class="d-none">.page</h2>
     <div>
     	<iframe allow="encrypted-media" allowtransparency="true" frameborder="0" height="140" scrolling="no" src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fchuyengiaybongda0909.38.3.355&tabs=timeline&width=350&height=140&small_header=true&adapt_container_width=true&hide_cover=true&show_facepile=true&appId" style="border: none;overflow: hidden;" width="100%">
     	</iframe>
     </div>
    </div>
  </div>
	<script type="text/javascript">
		
	</script>
</body>
</html>



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

2020-11-04 19:45:59


#assesment.html


<!DOCTYPE html>
<html>
<head>
	<title>Layout Tutorial</title>
	<meta charset="utf-8">

	<style type="text/css">
		body {
			padding: 0px;
			margin: 0px;
		}

		.root {
			width: 100%;
			display: block;
			background-color: white;
		}

		.header {
			width: 100%;
			background-color: white	
					min-height: 125px;
		}

		.container {
			width: 100%;
			min-height: 500px;
			background-color: white;
		}

		.footer2 {
			width: 100%;
			background-color: white;
			min-height: 480px;
		}

      .left-footer {
      	width: 30%;
      	float: left;
       }
		 
        .right-footer {
        	width: 70%;
        	float: left;
        	background-color: white;
        	min-height: 480px;
        	text-align: justify;
        }

		.right-menu {
			width: 100%;
			float: left;
			background-color: white;
			min-height: 500px;
			max-width: 20%;
			margin-right: 35px;
			text-align: justify;
		}

		.footer1 {
			width: 100%;
			background-color: white;
			min-height: 150px;
		}

          .dichvu{
        	color: white;
        	border: 1px;
        	float: left;
        	margin-left: 18%;
        	margin-top: 30px;		
        }
        .dichvu li{
         font-size: 20px;
         padding: 20px;
         float: left;
         display: inline-block;	
         margin-left: 30px;	
         }
       .dichvu li p{
       	font-size: small;

       }
		.topbar {
			width: 100%;
			background-color: #88bf40;
			padding: 8px;
			min-height: 25px;
		}

		.topbar .topbar-left {
			float: left;
			width: 70%;
		}

		.topbar .topbar-right {
			float: left;
			width: 30%;
			text-align: right;
		}

		.topbar img {
			margin: 3px;
		}

		.topbar ul {
			list-style-type: none;
			display: flex;
			color: white;
			padding: 0px;
			margin: 2px;
		}

		.topbar ul li {
			float: left;
			margin-right: 20px;
		}

		.article {
			margin: 5px;
		}
		
		.sanpham {
			text-align: center;
		}
		.sanpham .sanpham-1 {
			display: inline-block;
		}

		.end {
				width: 100%;
			background-color: white;
			min-height: 200px;
		}

	</style>
</head>
<body>
	<div class="root">

		<div class="header">
			<img src="http://www.trexinh.vn/uploaded/logo/logo.png" style=":">
			
			<div class="topbar">
				<div class="topbar-left">
					<ul>
						<li>Giới Thiệu</li>
						<li>Sản Phẩm</li>
						<li>Tin Tức</li>
						<li>Hỗ Trợ</li>
						<li>Thư Viện</li>
						<li>Góc Tư Vấn</li>
						<li>Liên Hệ</li>
					</ul>
				</div>
				<div class="topbar-right">
					<img src="http://www.trexinh.vn/uploaded/logo/logo.png" style="width: 45px;">
					<img src="http://www.trexinh.vn/uploaded/logo/logo.png" style="width: 45px;">
					<img src="http://www.trexinh.vn/uploaded/logo/logo.png" style="width: 45px;">
					
				</div>
			</div>
		</div>
		<div class="container">
			
			<div class="right-menu">
				<div class="article">
					<img src="http://www.trexinh.vn/uploaded/slideshow/banner-2.jpg">
				</div>
			</div>
		</div>
		<div class="footer1">
		 <div class="dichvu">
    	<nav style="text-align: center;">
    	<li style="background-color: #5BC1CD;">Vận chuyển toàn quốc
    		<p>Phí ship từ 20-50k</p></li>
    	<li style="background-color: #F33838">Bảo hành<p>3 Tháng kể từ khi mua hàng</p></li>
    	<li style="background-color: #38C727">Hỗ trợ 24/7<p>Hotline : 0964657860</p></li>
        <li style="background-color: #EEB141 ">Tư vấn<p>24/24</p></li>
    </nav>
</div>
    </div>
		<div class="footer2" >

			<div class="left-footer"style="background-color: white ;
		color: black">
		    Danh Sách Sản Phẩm
				<ul>
					<li>  Bức Đục Tứ Quý Bằng Tre</li>
					<li>  Trần Tre</li>
					<li>  Thanh Phào Nẹp Vào Trang Trí Trần Tre</li>
					<li>  Tấm Mặt Mây</li>
					<li>  Gối Mây</li>
					<li>  Ghế Mây</li>
					<li>  Tấm Ốp Trần, Ốp Tường</li>
					<li>  Vật Dụng Nhà Bếp Núc</li>
					<li>  Trang Trí</li>
					<li>  Bàn Ghế</li>
					<li> .........</li>
					<img src="http://www.trexinh.vn/temp/-uploaded-gioi-thieu_anh4_cr_320x250.JPG">
					<img src="http://www.trexinh.vn/temp/-uploaded-2018-03_IMG_8414%20copy_cr_420x400.jpg" style="width: 300px">
				</ul>
			</div>
			<div class="right-footer">
					<h1 style="color: #88bf40">Một Số Sản Phẩm Nổi Bật</h1>
					<div class="sanpham">
						<div class="sanpham-1">
							<a href="#">
								<img src="http://www.trexinh.vn/temp/-uploaded-san-pham_ND82197_cr_420x400.JPG" style="width: 200px;">
								<p>Tủ Hai Ngăn</p>
								<p>300.000đ</p>
							</a>
						</div>
						<div class="sanpham-1">
							<a href="#">
								<img src="http://www.trexinh.vn/temp/-uploaded-san-pham_ND82140_cr_420x400.JPG" style="width: 200px;">
								<p>Ghế Vuông 4 Cạnh</p>
								<p>100.000đ</p>
							</a>
						</div>
						<div class="sanpham-1">
							<a href="#">
								<img src="http://www.trexinh.vn/temp/-uploaded-san-pham_ND82142_3_cr_420x400.JPG" style="width: 200px;">
								<p>Ghế 6 Cạnh</p>
								<p>150.000đ</p>
							</a>
						</div>
							<div class="sanpham-1">
							<a href="#">
								<img src="http://www.trexinh.vn/temp/-uploaded-2018-03_IMG_8254%20copy_cr_420x400.jpg" style="width: 200px;">
                                <p>Khay Để Chén</p>
								<p>100.000đ</p>
							</a>
						</div>
							<div class="sanpham-1">
							<a href="#">
								<img src="http://www.trexinh.vn/temp/-uploaded-_thumbs_UB6A1443_cr_420x400.JPG" style="width: 200px;">
								<p>Cốc Tre</p>
								<p>30.000đ</p>
							</a>
						</div>
							<div class="sanpham-1">
							<a href="#">
								<img src="http://www.trexinh.vn/temp/-uploaded-_thumbs_UB6A1272_cr_420x400.JPG" style="width: 200px;">
								<p> Khay Để Bánh</p>
								<p>50.000đ</p>
							</a>
						</div>
							<div class="sanpham-1">
							<a href="#">
								<img src="http://www.trexinh.vn/temp/-uploaded-_thumbs_UB6A1284_cr_420x400.JPG" style="width: 200px;">
								<p>Khay Để Bánh Kẹo</p>
								<p>70.000đ</p>
							</a>
						</div>
							<div class="sanpham-1">
							<a href="#">
								<img src="http://www.trexinh.vn/temp/-uploaded-2018-03_IMG_8267%20copy_cr_420x400.jpg" style="width: 200px;">
								<p>Thớt Gỗ</p>
								<p>100.000đ</p>
							</a>
						</div>	
                        <div class="end">
                        	Giới Thiệu :
                        	<h1 style="color:#88bf40 ">CÔNG TY TNHH MÂY TRE ĐAN NGỌC ĐỘNG HÀ NAM</h1>
                        	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>
					
       		<div class="article">
				</div>

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



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

2020-11-04 19:23:58


#web.html


<!DOCTYPE html>
<html>
<head>
	<title>Facebook</title>
	<script src="https://kit.fontawesome.com/a076d05399.js"></script>

	<style type="text/css">
		*{
			padding: 0px;
			margin: 0px;
            
		}
		body{
			background: #F2F3F5;
			display: block;
		}
		#menutop{
			width: 100%;
			height: 60px;
			background: white;
			float: left;
			display: flex;

		}
		#menutop .logo img{
			margin-left: 5px;
			width: 50px;
			height: 50px;
            float: left; 
		}
		#menutop .logo input{
           margin-top: 10px;
           border: 1px;
           padding: 9px 15px 9px 10px;
           border-radius: 10px;
           background:  #ccccff;
		}
		.menu{
			float: left;
			margin-left: 20%
		}
		.menu ul li{
			list-style: none;
			float: left;
			padding: 10px 80px 0px 10px;
		}
		.tt{
			float: left;
		}
			
		
		.menu a:hover{
			background:   #e6ffff;
			padding: 18px;
			border-radius: 6px;
		}
		.tt li{
			list-style: none;
			float: left;
		}
		.tt li a{
			padding:0px 10px 10px 10px;
			text-decoration: none;
			color: black;
		}
		.tt img{
			border-radius: 20px;
			width: 50px;
			height: 50px;
			border: solid black;

		}
		.tt li i{
			size: 10px;
			border: solid grey;
			background: grey;
			border-radius: 40px;
			padding: 3px;
		}
		 #trai{
		 	height: 1000px;
			width: 300px;
            clear: left;
			float: left;	
			display: block;
		}
		.giua{
			height: 1000px;
			width: 900px;
			
			float: left;
		}
      #trai img{
      	border-radius: 20px;
       margin-left: 5px;
			width: 50px;
			height: 50px;
            float: left;
            clear: left;
            display: inline-flex;

      }
      #trai  a{
			
			text-decoration: none;
			color: black;
		}
		
		#trai li{
			list-style: none;
			clear: left;
			padding-bottom: 20px;
			font-family: inherit;
			font-size: 20px;
			    text-align: inherit;
			font-weight: 500;
			line-height: 1.3333;
			word-break: break-word;
			max-width: 100%;

		}
		
		#main #trai li:hover{
			background: grey;
		}
		#trai li a{
			padding: 0px 10px 10px 10px;
			 
		}
		#trai li img{
			height: 36px;
			width: 36px;
		}
		#tin img{
			height: 170px;
			width: 112px;
			object-fit: cover;
			cursor: pointer;
			direction: ltr;
    line-height: 1.34;
        padding-left: 4px;
        border-radius: 10px;
        padding-right: 4px;

		}
		#row{
			    flex-direction: row;
			    flex-grow: 1;
			    padding-right: 32px;
			    padding-left: 32px;
			    align-items: stretch;
			    flex-shrink: 1;
			    box-sizing: border-box;
			    justify-content: center;
			    flex-wrap: nowrap;
			    padding-top: 20px;
		}
		#tin{
			max-width: 100%;
			width: 590px;
			    overflow-x: hidden;
			    position: relative;
			    padding-bottom: 24px;
			    display: flex;
			    padding-left: 42px;
			   
			    margin-left: 15%;


		}
		#status{
			height: 100px;
			width: 590px;
			background-color: white;
			 margin-left: 15%;
			}
          #status    img{
          	padding-top: 5px;
              	border-radius: 20px;
              	padding-right: 9px;
       margin-left: 5px;
			width: 50px;
			height: 50px;
              }
              #status input{
              	width: 250%;
              	margin-top: 10px;
           border: 1px;
           padding: 9px 15px 9px 10px;
           border-radius: 10px;
           background:  #F2F3F5;

              }
		ul li{
			list-style: none;
			float: left;
		}
		#sk{

			    border-top: solid 1px;
			    padding-top: 8px;
			        width: 100%;
			     margin-top: 12px;
			     overflow-y: hidden;
			     justify-content: space-around;
			         line-height: 1.3333;
			         font-weight: 600;
			             text-align: inherit;
		}
		#sk ul li{
			margin-left: 45px;
			padding: 2px 20px 2px 20px;
			border-radius: 15px;
		}
		#sk ul li:hover{
			background-color: grey;
		}
		#ketban{
			margin-top: 20px;
			height: 200px;
			width: 590px;
			background-color: white;
			 margin-left: 15%;
			 padding-left: 10px;
			 padding-top: 10px;
			 padding-bottom: 20px;	
			 padding-right: 16px;	}
			 #ketban h4{
			 	font-weight: 600;
			 	min-width: 0;
			 	line-height: 1.1765;
			    max-width: 100%;
			    font-size: 1.0625rem;
			    color: #1c1e21;
    direction: ltr;
    line-height: 1.34;
padding-bottom: 10px;
			 }
			 #ketban ul li img{
			 	border: 0;
			 	text-align: inherit;
			 	height: 130px;
			 	width: 130px;
			 	right: 0;
			 	  
			 	 box-sizing: border-box;
			 	 object-fit: cover;
			 	 


			 }
			 .ng1{
			 	border-radius: 11px;
			 	width: 100%;
			 	white-space: normal;
			 	background: #ffe6e6;
			 	box-sizing: border-box;
			 	padding-right: 20px;
			 	padding-left: 20px;

			 }
			 #ketban ul li{
			 	padding-right: 20px;
			 	text-align: center;
			 }
			 #baiviet{
			 	margin-top: 20px;
			height: 900px;
			width: 590px;
			background-color: white;
			 margin-left: 15%;
			
			 padding-top: 10px;
			 
			 }
			 #baiviet ul li img{
			 	border-radius: 15px;
			  padding-left: 20px;
			   padding-bottom: 10px;
			 }
			  #baiviet ul li h5 {
			  	padding-left: 10px;

			  }
			  #tt_2 p{
			  	padding-left: 23px;
			  }
			  #tt_3{
			  	width: 590px;
			  	float: left;
			  	border-top: solid 1px;
			  	border-bottom: solid 1px;
			  	
			  	font-size: .9375rem;
			  	    height: 32px;
			  	    padding-top: 4px;
			  	    display: flex;
			  	
	  			  }
	  			  #tt_3 ul li{
	  			    
	  			  	padding: 10px 30px 10px 90px;
	  			  	font-weight: 600;
	  			  	height: 32px;
    line-height: 1;

	  			  }
	  			  #binhluan ul li p{
	  			  	width: 500px;
	  			  	border-radius: 10px;
	  			  	background: #F2F3F5;
	  			  	padding-left: 25px;
	  			  }
	  			  #binhluan ul {
	  			  	padding-top: 20px;
	  			  	clear: left;
	  			  }
	</style>

</head>
<body>
 <div id="menutop">
 	<div class="logo">
 		<a href="#"><img src="https://www.logo.wine/a/logo/Facebook/Facebook-f_Logo-Blue-Logo.wine.svg"></a>
 		<input type="text" name="timkiem" placeholder="Tìm kiếm trên fb">
 	</div>
 	<div class="menu">
 		<ul>
 			<li><a href=""><i class="fas fa-home fa-2x"></i></a></li>
 			<li><a href=""><i class="far fa-bookmark fa-2x"></i></a></li>
 			<li><a href=""><i class="fas fa-video fa-2x"></i></a></li>
 			<li><a href=""><i class="fas fa-users fa-2x"></i></a></li>
 			<li><a href=""><i class="fas fa-phone fa-2x"></i></a></li>
 		</ul>
 	</div>
 	<div class="tt">
 		<ul>
 		<li><img src="https://scr.vn/wp-content/uploads/2020/07/avt-cute.jpg"></li>
 		<li><h2><a href="#">Đông</a></h2></li>
 			<li><a href=""><i class="fas fa-plus fa-2x"></i></a></li>
 			<li><a href=""><i class="far fa-comment fa-2x"></i></a></li>
 			<li><a href=""><i class="fas fa-bell fa-2x"></i></a></li>
 			
 		</ul>
 	</div>
  </div>

 <div id="main">
  	<div id="trai">
  		<ul>
  		<img src="https://scr.vn/wp-content/uploads/2020/07/avt-cute.jpg">
  		<br>
 		<h2><a href="#">Nguyên Phấn Đông</a></h2>
 	  <br><br>
 		<li>
 			<img src="https://static.xx.fbcdn.net/rsrc.php/v3/y8/r/S0U5ECzYUSu.png">
 			<a href="">Bạn bè</a>
 		</li>
 		<li>
 			<img src="https://static.xx.fbcdn.net/rsrc.php/v3/y5/r/PrjLkDYpYbH.png">
 			<a href="">Nhóm </a>
 		</li>
 		<li>
 			<img src="https://static.xx.fbcdn.net/rsrc.php/v3/ys/r/8wTx0Eu2vRq.png">
 			<a href="">Sự Kiện</a>
 		</li>
 		<li>
 			<img src="https://static.xx.fbcdn.net/rsrc.php/v3/y6/r/VPndBxotRgH.png">
 			<a href="">Kỷ Niệm</a></li>
 		<li><a href="">Xem Thêm</a></li>
 		<hr>
 		<li>Lối tắt của bạn</li>
 		<li>
 			<img src="https://scontent.fhan5-4.fna.fbcdn.net/v/t1.0-0/cp0/c23.0.50.50a/p50x50/118302492_713104289244304_1790438820582631354_n.jpg?_nc_cat=104&ccb=2&_nc_sid=ca434c&_nc_ohc=7N1tkWksDWQAX_-OAMM&_nc_oc=AQlWjAhPLvxD6iEjrSF0x2G1tHSrvkBwXQS6gldwzle9C0oROxMQAxBRPweJzt78WlU&_nc_ht=scontent.fhan5-4.fna&tp=27&oh=2d92cfd1260bf25bf7d0c00c610c7dd5&oe=5FC8D510	">
 			<a href="">Kỷ Niệm</a></li>
 			<li>
 			<img src="https://scontent.fhan5-5.fna.fbcdn.net/v/t1.0-0/cp0/c8.0.50.50a/p50x50/113332248_908618589635060_9160365864015498703_n.jpg?_nc_cat=101&ccb=2&_nc_sid=ca434c&_nc_ohc=7KylUNHj_oUAX-9hmpN&_nc_ht=scontent.fhan5-5.fna&tp=27&oh=bb8b90ac8c97ded9278ccc3e0db6933c&oe=5FC6AFA8">
 			<a href="">Kỷ Niệm</a></li>
 			<li>
 			<img src="https://scontent.fhan5-6.fna.fbcdn.net/v/t1.0-1/cp0/p40x40/82628132_2598438990268629_8553186778800979968_n.jpg?_nc_cat=105&ccb=2&_nc_sid=dbb9e7&_nc_ohc=cKtSljIKVL8AX8m5Sjn&_nc_ht=scontent.fhan5-6.fna&tp=27&oh=9c289f7d6ae714304f224a70d93108a7&oe=5FC692F8">
 			<a href="">Kỷ Niệm</a></li>
 			<li>
 			<img src="https://scontent.fhan5-7.fna.fbcdn.net/v/t1.0-0/cp0/c23.0.50.50a/p50x50/89498829_2452912671479699_2838639633632329728_o.jpg?_nc_cat=100&ccb=2&_nc_sid=ca434c&_nc_ohc=yqHV0--WRlAAX9akgsT&_nc_ht=scontent.fhan5-7.fna&tp=27&oh=ca0305c46135c1e8ce3712b9e67afc7b&oe=5FCA27AE">
 			<a href="">Kỷ Niệm</a></li>
  		</ul>

  	</div>
  	<div class="giua">
  		<div id="row">
  			<div id="tin">
  				<img src="https://scontent.fhan5-7.fna.fbcdn.net/v/t1.0-1/c0.33.160.160a/p160x160/123072721_1046773602504351_1252430687633446980_o.jpg?_nc_cat=100&ccb=2&_nc_sid=7206a8&_nc_ohc=MZ1wOdvWM8IAX9jA_5Q&_nc_ht=scontent.fhan5-7.fna&tp=27&oh=fa832e3a60cec25d3015424d046a52f9&oe=5FC766C9">
  				<img src="https://scontent.fhan5-6.fna.fbcdn.net/v/t15.5256-10/s280x280/121838358_2737057649956247_7125831851403649395_n.jpg?_nc_cat=107&ccb=2&_nc_sid=1055be&_nc_ohc=0x9_sp74lKEAX-QSOJK&_nc_ht=scontent.fhan5-6.fna&oh=f9b23224a08d62dd1006224850175962&oe=5FC926D0">
  				<img src="https://scontent.fhan5-7.fna.fbcdn.net/v/t1.0-1/c0.33.160.160a/p160x160/123072721_1046773602504351_1252430687633446980_o.jpg?_nc_cat=100&ccb=2&_nc_sid=7206a8&_nc_ohc=MZ1wOdvWM8IAX9jA_5Q&_nc_ht=scontent.fhan5-7.fna&tp=27&oh=fa832e3a60cec25d3015424d046a52f9&oe=5FC766C9">
  				<img src="https://scontent.fhan5-7.fna.fbcdn.net/v/t1.0-1/c0.33.160.160a/p160x160/123072721_1046773602504351_1252430687633446980_o.jpg?_nc_cat=100&ccb=2&_nc_sid=7206a8&_nc_ohc=MZ1wOdvWM8IAX9jA_5Q&_nc_ht=scontent.fhan5-7.fna&tp=27&oh=fa832e3a60cec25d3015424d046a52f9&oe=5FC766C9">
  			</div>
  		</div>
  		<div id="status">
  			<ul>
  			<li><img src="https://scr.vn/wp-content/uploads/2020/07/avt-cute.jpg"></li>
  			<li><input type="text" name="status" placeholder="Đông ơi, Bạn đang nghĩ gì thế"></li>
            
  		</ul>
      <div id="sk">
      	<ul>
      		<li>
      			<i role='img'> </i>
      			<p>Video trực tiếp</p>
      		</li>
      		<li>
      			<i role='img'> </i>
      			<p>Ảnh/Video</p>
      		</li>
      		<li>
      			<i role='img'> </i>
      			<p>Cảm xúc/Hoạt Động</p>
      		</li>
      	</ul>
      </div>
  		</div>
       <div id="ketban">
       	<h4> Những người bạn có thể biết</h4>
       	<ul>
       		<li>
       			<div class="ng1">
       			<img src="https://scontent.fhan5-1.fna.fbcdn.net/v/t1.0-1/p240x240/120040712_710251262914874_1670611169994785481_o.jpg?_nc_cat=109&ccb=2&_nc_sid=7206a8&_nc_ohc=L1kgzxVqtlIAX_iOne8&_nc_ht=scontent.fhan5-1.fna&tp=6&oh=e1a158cc6eed893c843592521c6719ea&oe=5FC8EF33">
       			<p> Phạm Tường Vy</p>
       		</div>
       		</li>
            <li>
       			<div class="ng1">
       			<img src="https://scontent.fhan5-1.fna.fbcdn.net/v/t1.0-1/p240x240/120040712_710251262914874_1670611169994785481_o.jpg?_nc_cat=109&ccb=2&_nc_sid=7206a8&_nc_ohc=L1kgzxVqtlIAX_iOne8&_nc_ht=scontent.fhan5-1.fna&tp=6&oh=e1a158cc6eed893c843592521c6719ea&oe=5FC8EF33">
       			<p> Phạm Tường Vy</p>
       		</div>
       		</li>
       		<li>
       			<div class="ng1">
       			<img src="https://scontent.fhan5-1.fna.fbcdn.net/v/t1.0-1/p240x240/120040712_710251262914874_1670611169994785481_o.jpg?_nc_cat=109&ccb=2&_nc_sid=7206a8&_nc_ohc=L1kgzxVqtlIAX_iOne8&_nc_ht=scontent.fhan5-1.fna&tp=6&oh=e1a158cc6eed893c843592521c6719ea&oe=5FC8EF33">
       			<p> Phạm Tường Vy</p>
       		</div>
       		</li>
       	</ul>
       </div>
       <div id="baiviet">
       	<ul>
       		<li>
       			<img src="https://scontent.fhan5-4.fna.fbcdn.net/v/t1.0-1/cp0/p40x40/120304558_154017663023115_2064904272921571598_n.jpg?_nc_cat=104&ccb=2&_nc_sid=7206a8&_nc_ohc=eRxPUhKs5sEAX_IN1BW&_nc_ht=scontent.fhan5-4.fna&tp=27&oh=adcc66ef149fe2f052c398378df25133&oe=5FC92610"></li>
       		<li>	<h5>Minh Châu Vũ	</h5>
       			<p style="font-size: small; padding-left: 10px;"> 3 tháng 11 lúc 17:11</p>
       		</li>
       		<img src="https://scontent.fhan5-1.fna.fbcdn.net/v/t1.0-0/p526x296/120809263_2793601350882882_2018264206739319532_o.jpg?_nc_cat=109&ccb=2&_nc_sid=8bfeb9&_nc_ohc=kmQqRnKzl1gAX-mMJT2&_nc_ht=scontent.fhan5-1.fna&tp=6&oh=d81424180130e1040841fff11ce462dd&oe=5FC77FE2" width="100%" height="500px;">
       	</ul>
       	<ul id="tt_2">
       		<li><img src="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 16'%3e%3cdefs%3e%3clinearGradient id='a' x1='50%25' x2='50%25' y1='0%25' y2='100%25'%3e%3cstop offset='0%25' stop-color='%2318AFFF'/%3e%3cstop offset='100%25' stop-color='%230062DF'/%3e%3c/linearGradient%3e%3cfilter id='c' width='118.8%25' height='118.8%25' x='-9.4%25' y='-9.4%25' filterUnits='objectBoundingBox'%3e%3cfeGaussianBlur in='SourceAlpha' result='shadowBlurInner1' stdDeviation='1'/%3e%3cfeOffset dy='-1' in='shadowBlurInner1' result='shadowOffsetInner1'/%3e%3cfeComposite in='shadowOffsetInner1' in2='SourceAlpha' k2='-1' k3='1' operator='arithmetic' result='shadowInnerInner1'/%3e%3cfeColorMatrix in='shadowInnerInner1' values='0 0 0 0 0 0 0 0 0 0.299356041 0 0 0 0 0.681187726 0 0 0 0.3495684 0'/%3e%3c/filter%3e%3cpath id='b' d='M8 0a8 8 0 00-8 8 8 8 0 1016 0 8 8 0 00-8-8z'/%3e%3c/defs%3e%3cg fill='none'%3e%3cuse fill='url(%23a)' xlink:href='%23b'/%3e%3cuse fill='black' filter='url(%23c)' xlink:href='%23b'/%3e%3cpath fill='white' d='M12.162 7.338c.176.123.338.245.338.674 0 .43-.229.604-.474.725a.73.73 0 01.089.546c-.077.344-.392.611-.672.69.121.194.159.385.015.62-.185.295-.346.407-1.058.407H7.5c-.988 0-1.5-.546-1.5-1V7.665c0-1.23 1.467-2.275 1.467-3.13L7.361 3.47c-.005-.065.008-.224.058-.27.08-.079.301-.2.635-.2.218 0 .363.041.534.123.581.277.732.978.732 1.542 0 .271-.414 1.083-.47 1.364 0 0 .867-.192 1.879-.199 1.061-.006 1.749.19 1.749.842 0 .261-.219.523-.316.666zM3.6 7h.8a.6.6 0 01.6.6v3.8a.6.6 0 01-.6.6h-.8a.6.6 0 01-.6-.6V7.6a.6.6 0 01.6-.6z'/%3e%3c/g%3e%3c/svg%3e"></li>
       		<li><img src="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 16'%3e%3cdefs%3e%3clinearGradient id='a' x1='50%25' x2='50%25' y1='0%25' y2='100%25'%3e%3cstop offset='0%25' stop-color='%23FF6680'/%3e%3cstop offset='100%25' stop-color='%23E61739'/%3e%3c/linearGradient%3e%3cfilter id='c' width='118.8%25' height='118.8%25' x='-9.4%25' y='-9.4%25' filterUnits='objectBoundingBox'%3e%3cfeGaussianBlur in='SourceAlpha' result='shadowBlurInner1' stdDeviation='1'/%3e%3cfeOffset dy='-1' in='shadowBlurInner1' result='shadowOffsetInner1'/%3e%3cfeComposite in='shadowOffsetInner1' in2='SourceAlpha' k2='-1' k3='1' operator='arithmetic' result='shadowInnerInner1'/%3e%3cfeColorMatrix in='shadowInnerInner1' values='0 0 0 0 0.710144928 0 0 0 0 0 0 0 0 0 0.117780134 0 0 0 0.349786932 0'/%3e%3c/filter%3e%3cpath id='b' d='M8 0a8 8 0 100 16A8 8 0 008 0z'/%3e%3c/defs%3e%3cg fill='none'%3e%3cuse fill='url(%23a)' xlink:href='%23b'/%3e%3cuse fill='black' filter='url(%23c)' xlink:href='%23b'/%3e%3cpath fill='white' d='M10.473 4C8.275 4 8 5.824 8 5.824S7.726 4 5.528 4c-2.114 0-2.73 2.222-2.472 3.41C3.736 10.55 8 12.75 8 12.75s4.265-2.2 4.945-5.34c.257-1.188-.36-3.41-2.472-3.41'/%3e%3c/g%3e%3c/svg%3e"></li>
       		<li><img src="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 16'%3e%3cdefs%3e%3clinearGradient id='a' x1='50%25' x2='50%25' y1='10.25%25' y2='100%25'%3e%3cstop offset='0%25' stop-color='%23FEEA70'/%3e%3cstop offset='100%25' stop-color='%23F69B30'/%3e%3c/linearGradient%3e%3clinearGradient id='d' x1='50%25' x2='50%25' y1='0%25' y2='100%25'%3e%3cstop offset='0%25' stop-color='%23472315'/%3e%3cstop offset='100%25' stop-color='%238B3A0E'/%3e%3c/linearGradient%3e%3clinearGradient id='e' x1='50%25' x2='50%25' y1='0%25' y2='81.902%25'%3e%3cstop offset='0%25' stop-color='%23FC607C'/%3e%3cstop offset='100%25' stop-color='%23D91F3A'/%3e%3c/linearGradient%3e%3cfilter id='c' width='118.8%25' height='118.8%25' x='-9.4%25' y='-9.4%25' filterUnits='objectBoundingBox'%3e%3cfeGaussianBlur in='SourceAlpha' result='shadowBlurInner1' stdDeviation='1'/%3e%3cfeOffset dy='-1' in='shadowBlurInner1' result='shadowOffsetInner1'/%3e%3cfeComposite in='shadowOffsetInner1' in2='SourceAlpha' k2='-1' k3='1' operator='arithmetic' result='shadowInnerInner1'/%3e%3cfeColorMatrix in='shadowInnerInner1' values='0 0 0 0 0.921365489 0 0 0 0 0.460682745 0 0 0 0 0 0 0 0 0.35 0'/%3e%3c/filter%3e%3cpath id='b' d='M16 8A8 8 0 110 8a8 8 0 0116 0'/%3e%3c/defs%3e%3cg fill='none'%3e%3cuse fill='url(%23a)' xlink:href='%23b'/%3e%3cuse fill='black' filter='url(%23c)' xlink:href='%23b'/%3e%3cpath fill='url(%23d)' d='M3 8.008C3 10.023 4.006 14 8 14c3.993 0 5-3.977 5-5.992C13 7.849 11.39 7 8 7c-3.39 0-5 .849-5 1.008'/%3e%3cpath fill='url(%23e)' d='M4.541 12.5c.804.995 1.907 1.5 3.469 1.5 1.563 0 2.655-.505 3.459-1.5-.551-.588-1.599-1.5-3.459-1.5s-2.917.912-3.469 1.5'/%3e%3cpath fill='%232A3755' d='M6.213 4.144c.263.188.502.455.41.788-.071.254-.194.369-.422.371-.78.011-1.708.255-2.506.612-.065.029-.197.088-.332.085-.124-.003-.251-.058-.327-.237-.067-.157-.073-.388.276-.598.545-.33 1.257-.48 1.909-.604a7.077 7.077 0 00-1.315-.768c-.427-.194-.38-.457-.323-.6.127-.317.609-.196 1.078.026a9 9 0 011.552.925zm3.577 0a8.953 8.953 0 011.55-.925c.47-.222.95-.343 1.078-.026.057.143.104.406-.323.6a7.029 7.029 0 00-1.313.768c.65.123 1.363.274 1.907.604.349.21.342.44.276.598-.077.18-.203.234-.327.237-.135.003-.267-.056-.332-.085-.797-.357-1.725-.6-2.504-.612-.228-.002-.351-.117-.422-.37-.091-.333.147-.6.41-.788z'/%3e%3c/g%3e%3c/svg%3e"></li>
       		<li><p>1M</p></li>	
       		<li><p style="text-align: right; margin-left: 310px">500 bình luận</p></li>
       	</ul>
       	<div id="tt_3">
       	<ul>
       		<li>Thích</li>
       		<li>Bình Luận</li>
       		<li>Chia Sẻ</li>
       	</ul>
       </div>
       <div id="binhluan">
       	<ul>
       		<li>
       			<img src="https://scontent.fhan5-5.fna.fbcdn.net/v/t1.0-1/cp0/p32x32/120102691_1221685614855199_8241287863050675926_n.jpg?_nc_cat=101&ccb=2&_nc_sid=7206a8&_nc_ohc=4A_KncXoHzUAX-pEJaw&_nc_ht=scontent.fhan5-5.fna&tp=27&oh=3bc5972c19171e7d2c66c2ed8bed9e4b&oe=5FC6E30F"></li>
       		<li>	<p> một ai đó
       			<br>
       			chấm</p> </li>
       	</ul>
       		<ul>
       		<li>
       			<img src="https://scontent.fhan5-5.fna.fbcdn.net/v/t1.0-1/cp0/p32x32/120102691_1221685614855199_8241287863050675926_n.jpg?_nc_cat=101&ccb=2&_nc_sid=7206a8&_nc_ohc=4A_KncXoHzUAX-pEJaw&_nc_ht=scontent.fhan5-5.fna&tp=27&oh=3bc5972c19171e7d2c66c2ed8bed9e4b&oe=5FC6E30F"></li>
       		<li>	<p> một ai đó
       			<br>
       			chấm</p> </li>
       	</ul>
 	<ul>
       		<li>
       			<img src="https://scontent.fhan5-5.fna.fbcdn.net/v/t1.0-1/cp0/p32x32/120102691_1221685614855199_8241287863050675926_n.jpg?_nc_cat=101&ccb=2&_nc_sid=7206a8&_nc_ohc=4A_KncXoHzUAX-pEJaw&_nc_ht=scontent.fhan5-5.fna&tp=27&oh=3bc5972c19171e7d2c66c2ed8bed9e4b&oe=5FC6E30F"></li>
       		<li>	<p> một ai đó
       			<br>
       			chấm</p> </li>
       	</ul>	<ul>
       		<li>
       			<img src="https://scontent.fhan5-5.fna.fbcdn.net/v/t1.0-1/cp0/p32x32/120102691_1221685614855199_8241287863050675926_n.jpg?_nc_cat=101&ccb=2&_nc_sid=7206a8&_nc_ohc=4A_KncXoHzUAX-pEJaw&_nc_ht=scontent.fhan5-5.fna&tp=27&oh=3bc5972c19171e7d2c66c2ed8bed9e4b&oe=5FC6E30F"></li>
       		<li>	<p> một ai đó
       			<br>
       			chấm</p> </li>
       	</ul>
       	<ul></ul>
       </div>
       </div>

       <div id="status">
  			<ul>
  			<li><img src="https://scr.vn/wp-content/uploads/2020/07/avt-cute.jpg"></li>
  			<li><input type="text" name="status" placeholder="Viet binhluan"></li>
            
  		</ul>
  	</div> 
  	<div id="baiviet">
       	<ul>
       		<li>
       			<img src="https://scontent.fhan5-4.fna.fbcdn.net/v/t1.0-1/cp0/p40x40/120304558_154017663023115_2064904272921571598_n.jpg?_nc_cat=104&ccb=2&_nc_sid=7206a8&_nc_ohc=eRxPUhKs5sEAX_IN1BW&_nc_ht=scontent.fhan5-4.fna&tp=27&oh=adcc66ef149fe2f052c398378df25133&oe=5FC92610"></li>
       		<li>	<h5>Minh Châu Vũ	</h5>
       			<p style="font-size: small; padding-left: 10px;"> 3 tháng 11 lúc 17:11</p>
       		</li>
       		<img src="https://scontent.fhan5-1.fna.fbcdn.net/v/t1.0-0/p526x296/120809263_2793601350882882_2018264206739319532_o.jpg?_nc_cat=109&ccb=2&_nc_sid=8bfeb9&_nc_ohc=kmQqRnKzl1gAX-mMJT2&_nc_ht=scontent.fhan5-1.fna&tp=6&oh=d81424180130e1040841fff11ce462dd&oe=5FC77FE2" width="100%" height="500px;">
       	</ul>
       	<ul id="tt_2">
       		<li><img src="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 16'%3e%3cdefs%3e%3clinearGradient id='a' x1='50%25' x2='50%25' y1='0%25' y2='100%25'%3e%3cstop offset='0%25' stop-color='%2318AFFF'/%3e%3cstop offset='100%25' stop-color='%230062DF'/%3e%3c/linearGradient%3e%3cfilter id='c' width='118.8%25' height='118.8%25' x='-9.4%25' y='-9.4%25' filterUnits='objectBoundingBox'%3e%3cfeGaussianBlur in='SourceAlpha' result='shadowBlurInner1' stdDeviation='1'/%3e%3cfeOffset dy='-1' in='shadowBlurInner1' result='shadowOffsetInner1'/%3e%3cfeComposite in='shadowOffsetInner1' in2='SourceAlpha' k2='-1' k3='1' operator='arithmetic' result='shadowInnerInner1'/%3e%3cfeColorMatrix in='shadowInnerInner1' values='0 0 0 0 0 0 0 0 0 0.299356041 0 0 0 0 0.681187726 0 0 0 0.3495684 0'/%3e%3c/filter%3e%3cpath id='b' d='M8 0a8 8 0 00-8 8 8 8 0 1016 0 8 8 0 00-8-8z'/%3e%3c/defs%3e%3cg fill='none'%3e%3cuse fill='url(%23a)' xlink:href='%23b'/%3e%3cuse fill='black' filter='url(%23c)' xlink:href='%23b'/%3e%3cpath fill='white' d='M12.162 7.338c.176.123.338.245.338.674 0 .43-.229.604-.474.725a.73.73 0 01.089.546c-.077.344-.392.611-.672.69.121.194.159.385.015.62-.185.295-.346.407-1.058.407H7.5c-.988 0-1.5-.546-1.5-1V7.665c0-1.23 1.467-2.275 1.467-3.13L7.361 3.47c-.005-.065.008-.224.058-.27.08-.079.301-.2.635-.2.218 0 .363.041.534.123.581.277.732.978.732 1.542 0 .271-.414 1.083-.47 1.364 0 0 .867-.192 1.879-.199 1.061-.006 1.749.19 1.749.842 0 .261-.219.523-.316.666zM3.6 7h.8a.6.6 0 01.6.6v3.8a.6.6 0 01-.6.6h-.8a.6.6 0 01-.6-.6V7.6a.6.6 0 01.6-.6z'/%3e%3c/g%3e%3c/svg%3e"></li>
       		<li><img src="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 16'%3e%3cdefs%3e%3clinearGradient id='a' x1='50%25' x2='50%25' y1='0%25' y2='100%25'%3e%3cstop offset='0%25' stop-color='%23FF6680'/%3e%3cstop offset='100%25' stop-color='%23E61739'/%3e%3c/linearGradient%3e%3cfilter id='c' width='118.8%25' height='118.8%25' x='-9.4%25' y='-9.4%25' filterUnits='objectBoundingBox'%3e%3cfeGaussianBlur in='SourceAlpha' result='shadowBlurInner1' stdDeviation='1'/%3e%3cfeOffset dy='-1' in='shadowBlurInner1' result='shadowOffsetInner1'/%3e%3cfeComposite in='shadowOffsetInner1' in2='SourceAlpha' k2='-1' k3='1' operator='arithmetic' result='shadowInnerInner1'/%3e%3cfeColorMatrix in='shadowInnerInner1' values='0 0 0 0 0.710144928 0 0 0 0 0 0 0 0 0 0.117780134 0 0 0 0.349786932 0'/%3e%3c/filter%3e%3cpath id='b' d='M8 0a8 8 0 100 16A8 8 0 008 0z'/%3e%3c/defs%3e%3cg fill='none'%3e%3cuse fill='url(%23a)' xlink:href='%23b'/%3e%3cuse fill='black' filter='url(%23c)' xlink:href='%23b'/%3e%3cpath fill='white' d='M10.473 4C8.275 4 8 5.824 8 5.824S7.726 4 5.528 4c-2.114 0-2.73 2.222-2.472 3.41C3.736 10.55 8 12.75 8 12.75s4.265-2.2 4.945-5.34c.257-1.188-.36-3.41-2.472-3.41'/%3e%3c/g%3e%3c/svg%3e"></li>
       		<li><img src="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 16'%3e%3cdefs%3e%3clinearGradient id='a' x1='50%25' x2='50%25' y1='10.25%25' y2='100%25'%3e%3cstop offset='0%25' stop-color='%23FEEA70'/%3e%3cstop offset='100%25' stop-color='%23F69B30'/%3e%3c/linearGradient%3e%3clinearGradient id='d' x1='50%25' x2='50%25' y1='0%25' y2='100%25'%3e%3cstop offset='0%25' stop-color='%23472315'/%3e%3cstop offset='100%25' stop-color='%238B3A0E'/%3e%3c/linearGradient%3e%3clinearGradient id='e' x1='50%25' x2='50%25' y1='0%25' y2='81.902%25'%3e%3cstop offset='0%25' stop-color='%23FC607C'/%3e%3cstop offset='100%25' stop-color='%23D91F3A'/%3e%3c/linearGradient%3e%3cfilter id='c' width='118.8%25' height='118.8%25' x='-9.4%25' y='-9.4%25' filterUnits='objectBoundingBox'%3e%3cfeGaussianBlur in='SourceAlpha' result='shadowBlurInner1' stdDeviation='1'/%3e%3cfeOffset dy='-1' in='shadowBlurInner1' result='shadowOffsetInner1'/%3e%3cfeComposite in='shadowOffsetInner1' in2='SourceAlpha' k2='-1' k3='1' operator='arithmetic' result='shadowInnerInner1'/%3e%3cfeColorMatrix in='shadowInnerInner1' values='0 0 0 0 0.921365489 0 0 0 0 0.460682745 0 0 0 0 0 0 0 0 0.35 0'/%3e%3c/filter%3e%3cpath id='b' d='M16 8A8 8 0 110 8a8 8 0 0116 0'/%3e%3c/defs%3e%3cg fill='none'%3e%3cuse fill='url(%23a)' xlink:href='%23b'/%3e%3cuse fill='black' filter='url(%23c)' xlink:href='%23b'/%3e%3cpath fill='url(%23d)' d='M3 8.008C3 10.023 4.006 14 8 14c3.993 0 5-3.977 5-5.992C13 7.849 11.39 7 8 7c-3.39 0-5 .849-5 1.008'/%3e%3cpath fill='url(%23e)' d='M4.541 12.5c.804.995 1.907 1.5 3.469 1.5 1.563 0 2.655-.505 3.459-1.5-.551-.588-1.599-1.5-3.459-1.5s-2.917.912-3.469 1.5'/%3e%3cpath fill='%232A3755' d='M6.213 4.144c.263.188.502.455.41.788-.071.254-.194.369-.422.371-.78.011-1.708.255-2.506.612-.065.029-.197.088-.332.085-.124-.003-.251-.058-.327-.237-.067-.157-.073-.388.276-.598.545-.33 1.257-.48 1.909-.604a7.077 7.077 0 00-1.315-.768c-.427-.194-.38-.457-.323-.6.127-.317.609-.196 1.078.026a9 9 0 011.552.925zm3.577 0a8.953 8.953 0 011.55-.925c.47-.222.95-.343 1.078-.026.057.143.104.406-.323.6a7.029 7.029 0 00-1.313.768c.65.123 1.363.274 1.907.604.349.21.342.44.276.598-.077.18-.203.234-.327.237-.135.003-.267-.056-.332-.085-.797-.357-1.725-.6-2.504-.612-.228-.002-.351-.117-.422-.37-.091-.333.147-.6.41-.788z'/%3e%3c/g%3e%3c/svg%3e"></li>
       		<li><p>1M</p></li>	
       		<li><p style="text-align: right; margin-left: 310px">500 bình luận</p></li>
       	</ul>
       	<div id="tt_3">
       	<ul>
       		<li>Thích</li>
       		<li>Bình Luận</li>
       		<li>Chia Sẻ</li>
       	</ul>
       </div>
       <div id="binhluan">
       	<ul>
       		<li>
       			<img src="https://scontent.fhan5-5.fna.fbcdn.net/v/t1.0-1/cp0/p32x32/120102691_1221685614855199_8241287863050675926_n.jpg?_nc_cat=101&ccb=2&_nc_sid=7206a8&_nc_ohc=4A_KncXoHzUAX-pEJaw&_nc_ht=scontent.fhan5-5.fna&tp=27&oh=3bc5972c19171e7d2c66c2ed8bed9e4b&oe=5FC6E30F"></li>
       		<li>	<p> một ai đó
       			<br>
       			chấm</p> </li>
       	</ul>
       		<ul>
       		<li>
       			<img src="https://scontent.fhan5-5.fna.fbcdn.net/v/t1.0-1/cp0/p32x32/120102691_1221685614855199_8241287863050675926_n.jpg?_nc_cat=101&ccb=2&_nc_sid=7206a8&_nc_ohc=4A_KncXoHzUAX-pEJaw&_nc_ht=scontent.fhan5-5.fna&tp=27&oh=3bc5972c19171e7d2c66c2ed8bed9e4b&oe=5FC6E30F"></li>
       		<li>	<p> một ai đó
       			<br>
       			chấm</p> </li>
       	</ul>
 	<ul>
       		<li>
       			<img src="https://scontent.fhan5-5.fna.fbcdn.net/v/t1.0-1/cp0/p32x32/120102691_1221685614855199_8241287863050675926_n.jpg?_nc_cat=101&ccb=2&_nc_sid=7206a8&_nc_ohc=4A_KncXoHzUAX-pEJaw&_nc_ht=scontent.fhan5-5.fna&tp=27&oh=3bc5972c19171e7d2c66c2ed8bed9e4b&oe=5FC6E30F"></li>
       		<li>	<p> một ai đó
       			<br>
       			chấm</p> </li>
       	</ul>	<ul>
       		<li>
       			<img src="https://scontent.fhan5-5.fna.fbcdn.net/v/t1.0-1/cp0/p32x32/120102691_1221685614855199_8241287863050675926_n.jpg?_nc_cat=101&ccb=2&_nc_sid=7206a8&_nc_ohc=4A_KncXoHzUAX-pEJaw&_nc_ht=scontent.fhan5-5.fna&tp=27&oh=3bc5972c19171e7d2c66c2ed8bed9e4b&oe=5FC6E30F"></li>
       		<li>	<p> một ai đó
       			<br>
       			chấm</p> </li>
       	</ul>
       	<ul></ul>
       </div>
       </div>

       <div id="status">
  			<ul>
  			<li><img src="https://scr.vn/wp-content/uploads/2020/07/avt-cute.jpg"></li>
  			<li><input type="text" name="status" placeholder="Viet binhluan"></li>
            
  		</ul>
  	</div>
  	<div id="baiviet">
       	<ul>
       		<li>
       			<img src="https://scontent.fhan5-4.fna.fbcdn.net/v/t1.0-1/cp0/p40x40/120304558_154017663023115_2064904272921571598_n.jpg?_nc_cat=104&ccb=2&_nc_sid=7206a8&_nc_ohc=eRxPUhKs5sEAX_IN1BW&_nc_ht=scontent.fhan5-4.fna&tp=27&oh=adcc66ef149fe2f052c398378df25133&oe=5FC92610"></li>
       		<li>	<h5>Minh Châu Vũ	</h5>
       			<p style="font-size: small; padding-left: 10px;"> 3 tháng 11 lúc 17:11</p>
       		</li>
       		<img src="https://scontent.fhan5-1.fna.fbcdn.net/v/t1.0-0/p526x296/120809263_2793601350882882_2018264206739319532_o.jpg?_nc_cat=109&ccb=2&_nc_sid=8bfeb9&_nc_ohc=kmQqRnKzl1gAX-mMJT2&_nc_ht=scontent.fhan5-1.fna&tp=6&oh=d81424180130e1040841fff11ce462dd&oe=5FC77FE2" width="100%" height="500px;">
       	</ul>
       	<ul id="tt_2">
       		<li><img src="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 16'%3e%3cdefs%3e%3clinearGradient id='a' x1='50%25' x2='50%25' y1='0%25' y2='100%25'%3e%3cstop offset='0%25' stop-color='%2318AFFF'/%3e%3cstop offset='100%25' stop-color='%230062DF'/%3e%3c/linearGradient%3e%3cfilter id='c' width='118.8%25' height='118.8%25' x='-9.4%25' y='-9.4%25' filterUnits='objectBoundingBox'%3e%3cfeGaussianBlur in='SourceAlpha' result='shadowBlurInner1' stdDeviation='1'/%3e%3cfeOffset dy='-1' in='shadowBlurInner1' result='shadowOffsetInner1'/%3e%3cfeComposite in='shadowOffsetInner1' in2='SourceAlpha' k2='-1' k3='1' operator='arithmetic' result='shadowInnerInner1'/%3e%3cfeColorMatrix in='shadowInnerInner1' values='0 0 0 0 0 0 0 0 0 0.299356041 0 0 0 0 0.681187726 0 0 0 0.3495684 0'/%3e%3c/filter%3e%3cpath id='b' d='M8 0a8 8 0 00-8 8 8 8 0 1016 0 8 8 0 00-8-8z'/%3e%3c/defs%3e%3cg fill='none'%3e%3cuse fill='url(%23a)' xlink:href='%23b'/%3e%3cuse fill='black' filter='url(%23c)' xlink:href='%23b'/%3e%3cpath fill='white' d='M12.162 7.338c.176.123.338.245.338.674 0 .43-.229.604-.474.725a.73.73 0 01.089.546c-.077.344-.392.611-.672.69.121.194.159.385.015.62-.185.295-.346.407-1.058.407H7.5c-.988 0-1.5-.546-1.5-1V7.665c0-1.23 1.467-2.275 1.467-3.13L7.361 3.47c-.005-.065.008-.224.058-.27.08-.079.301-.2.635-.2.218 0 .363.041.534.123.581.277.732.978.732 1.542 0 .271-.414 1.083-.47 1.364 0 0 .867-.192 1.879-.199 1.061-.006 1.749.19 1.749.842 0 .261-.219.523-.316.666zM3.6 7h.8a.6.6 0 01.6.6v3.8a.6.6 0 01-.6.6h-.8a.6.6 0 01-.6-.6V7.6a.6.6 0 01.6-.6z'/%3e%3c/g%3e%3c/svg%3e"></li>
       		<li><img src="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 16'%3e%3cdefs%3e%3clinearGradient id='a' x1='50%25' x2='50%25' y1='0%25' y2='100%25'%3e%3cstop offset='0%25' stop-color='%23FF6680'/%3e%3cstop offset='100%25' stop-color='%23E61739'/%3e%3c/linearGradient%3e%3cfilter id='c' width='118.8%25' height='118.8%25' x='-9.4%25' y='-9.4%25' filterUnits='objectBoundingBox'%3e%3cfeGaussianBlur in='SourceAlpha' result='shadowBlurInner1' stdDeviation='1'/%3e%3cfeOffset dy='-1' in='shadowBlurInner1' result='shadowOffsetInner1'/%3e%3cfeComposite in='shadowOffsetInner1' in2='SourceAlpha' k2='-1' k3='1' operator='arithmetic' result='shadowInnerInner1'/%3e%3cfeColorMatrix in='shadowInnerInner1' values='0 0 0 0 0.710144928 0 0 0 0 0 0 0 0 0 0.117780134 0 0 0 0.349786932 0'/%3e%3c/filter%3e%3cpath id='b' d='M8 0a8 8 0 100 16A8 8 0 008 0z'/%3e%3c/defs%3e%3cg fill='none'%3e%3cuse fill='url(%23a)' xlink:href='%23b'/%3e%3cuse fill='black' filter='url(%23c)' xlink:href='%23b'/%3e%3cpath fill='white' d='M10.473 4C8.275 4 8 5.824 8 5.824S7.726 4 5.528 4c-2.114 0-2.73 2.222-2.472 3.41C3.736 10.55 8 12.75 8 12.75s4.265-2.2 4.945-5.34c.257-1.188-.36-3.41-2.472-3.41'/%3e%3c/g%3e%3c/svg%3e"></li>
       		<li><img src="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 16'%3e%3cdefs%3e%3clinearGradient id='a' x1='50%25' x2='50%25' y1='10.25%25' y2='100%25'%3e%3cstop offset='0%25' stop-color='%23FEEA70'/%3e%3cstop offset='100%25' stop-color='%23F69B30'/%3e%3c/linearGradient%3e%3clinearGradient id='d' x1='50%25' x2='50%25' y1='0%25' y2='100%25'%3e%3cstop offset='0%25' stop-color='%23472315'/%3e%3cstop offset='100%25' stop-color='%238B3A0E'/%3e%3c/linearGradient%3e%3clinearGradient id='e' x1='50%25' x2='50%25' y1='0%25' y2='81.902%25'%3e%3cstop offset='0%25' stop-color='%23FC607C'/%3e%3cstop offset='100%25' stop-color='%23D91F3A'/%3e%3c/linearGradient%3e%3cfilter id='c' width='118.8%25' height='118.8%25' x='-9.4%25' y='-9.4%25' filterUnits='objectBoundingBox'%3e%3cfeGaussianBlur in='SourceAlpha' result='shadowBlurInner1' stdDeviation='1'/%3e%3cfeOffset dy='-1' in='shadowBlurInner1' result='shadowOffsetInner1'/%3e%3cfeComposite in='shadowOffsetInner1' in2='SourceAlpha' k2='-1' k3='1' operator='arithmetic' result='shadowInnerInner1'/%3e%3cfeColorMatrix in='shadowInnerInner1' values='0 0 0 0 0.921365489 0 0 0 0 0.460682745 0 0 0 0 0 0 0 0 0.35 0'/%3e%3c/filter%3e%3cpath id='b' d='M16 8A8 8 0 110 8a8 8 0 0116 0'/%3e%3c/defs%3e%3cg fill='none'%3e%3cuse fill='url(%23a)' xlink:href='%23b'/%3e%3cuse fill='black' filter='url(%23c)' xlink:href='%23b'/%3e%3cpath fill='url(%23d)' d='M3 8.008C3 10.023 4.006 14 8 14c3.993 0 5-3.977 5-5.992C13 7.849 11.39 7 8 7c-3.39 0-5 .849-5 1.008'/%3e%3cpath fill='url(%23e)' d='M4.541 12.5c.804.995 1.907 1.5 3.469 1.5 1.563 0 2.655-.505 3.459-1.5-.551-.588-1.599-1.5-3.459-1.5s-2.917.912-3.469 1.5'/%3e%3cpath fill='%232A3755' d='M6.213 4.144c.263.188.502.455.41.788-.071.254-.194.369-.422.371-.78.011-1.708.255-2.506.612-.065.029-.197.088-.332.085-.124-.003-.251-.058-.327-.237-.067-.157-.073-.388.276-.598.545-.33 1.257-.48 1.909-.604a7.077 7.077 0 00-1.315-.768c-.427-.194-.38-.457-.323-.6.127-.317.609-.196 1.078.026a9 9 0 011.552.925zm3.577 0a8.953 8.953 0 011.55-.925c.47-.222.95-.343 1.078-.026.057.143.104.406-.323.6a7.029 7.029 0 00-1.313.768c.65.123 1.363.274 1.907.604.349.21.342.44.276.598-.077.18-.203.234-.327.237-.135.003-.267-.056-.332-.085-.797-.357-1.725-.6-2.504-.612-.228-.002-.351-.117-.422-.37-.091-.333.147-.6.41-.788z'/%3e%3c/g%3e%3c/svg%3e"></li>
       		<li><p>1M</p></li>	
       		<li><p style="text-align: right; margin-left: 310px">500 bình luận</p></li>
       	</ul>
       	<div id="tt_3">
       	<ul>
       		<li>Thích</li>
       		<li>Bình Luận</li>
       		<li>Chia Sẻ</li>
       	</ul>
       </div>
       <div id="binhluan">
       	<ul>
       		<li>
       			<img src="https://scontent.fhan5-5.fna.fbcdn.net/v/t1.0-1/cp0/p32x32/120102691_1221685614855199_8241287863050675926_n.jpg?_nc_cat=101&ccb=2&_nc_sid=7206a8&_nc_ohc=4A_KncXoHzUAX-pEJaw&_nc_ht=scontent.fhan5-5.fna&tp=27&oh=3bc5972c19171e7d2c66c2ed8bed9e4b&oe=5FC6E30F"></li>
       		<li>	<p> một ai đó
       			<br>
       			chấm</p> </li>
       	</ul>
       		<ul>
       		<li>
       			<img src="https://scontent.fhan5-5.fna.fbcdn.net/v/t1.0-1/cp0/p32x32/120102691_1221685614855199_8241287863050675926_n.jpg?_nc_cat=101&ccb=2&_nc_sid=7206a8&_nc_ohc=4A_KncXoHzUAX-pEJaw&_nc_ht=scontent.fhan5-5.fna&tp=27&oh=3bc5972c19171e7d2c66c2ed8bed9e4b&oe=5FC6E30F"></li>
       		<li>	<p> một ai đó
       			<br>
       			chấm</p> </li>
       	</ul>
 	<ul>
       		<li>
       			<img src="https://scontent.fhan5-5.fna.fbcdn.net/v/t1.0-1/cp0/p32x32/120102691_1221685614855199_8241287863050675926_n.jpg?_nc_cat=101&ccb=2&_nc_sid=7206a8&_nc_ohc=4A_KncXoHzUAX-pEJaw&_nc_ht=scontent.fhan5-5.fna&tp=27&oh=3bc5972c19171e7d2c66c2ed8bed9e4b&oe=5FC6E30F"></li>
       		<li>	<p> một ai đó
       			<br>
       			chấm</p> </li>
       	</ul>	<ul>
       		<li>
       			<img src="https://scontent.fhan5-5.fna.fbcdn.net/v/t1.0-1/cp0/p32x32/120102691_1221685614855199_8241287863050675926_n.jpg?_nc_cat=101&ccb=2&_nc_sid=7206a8&_nc_ohc=4A_KncXoHzUAX-pEJaw&_nc_ht=scontent.fhan5-5.fna&tp=27&oh=3bc5972c19171e7d2c66c2ed8bed9e4b&oe=5FC6E30F"></li>
       		<li>	<p> một ai đó
       			<br>
       			chấm</p> </li>
       	</ul>
       	<ul></ul>
       </div>
       </div>

       <div id="status">
  			<ul>
  			<li><img src="https://scr.vn/wp-content/uploads/2020/07/avt-cute.jpg"></li>
  			<li><input type="text" name="status" placeholder="Viet binhluan"></li>
            
  		</ul>
  	</div>
  </div>
  	<div class="phai">phai</div>
  </div>
</body>
</html>