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

KẾT QUẢ ASSIGNMENT - LỚP T2008A BT2044

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


Tags:

Liên kết rút gọn:

https://gokisoft.com/2044

Bình luận

avatar
Bùi Văn Mạnh [T2008A]
2020-11-04 17:36:06


#bootstrap.html


<!DOCTYPE html>
<html>
<head>
	<title>Bootstrap.html</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
	<!-- Latest compiled and minified CSS -->
	<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>
	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
</head>
<body>
	<div class="row">
		<div class="col-md-2">
			<img src="https://lh4.googleusercontent.com/-2xjcFedJPi8/XXXNiucJ-gI/AAAAAAAACGI/DuqvXiT6kcw8JTgQvzrP0OYLsItmXbYawCLcBGAs/s1600/Baner-Klogo1.jpg" style="width: 170px; margin-left: 30px; margin-top: 25px; ">
		</div>
		<div class="col-md-10">
			<nav class="navbar navbar-expand-sm justify-content-center">
 				<ul class="navbar-nav">
    				<li class="nav-item">
     				 	<a class="nav-link" href="#"><i class="fa fa-home"></i>Xóm B,Thành Lợi, Vụ Bản, Nam Định</a>
  					</li>
   					<li class="nav-item">
     					<a class="nav-link" href="#"><i class="fa fa-envelope"></i>Bvmlsr2002@gmail.com</a>
   				 	</li>
    				<li class="nav-item">
      					<a class="nav-link" href="#"><i class="fa fa-paper-plane"></i>Giao Hàng Nhanh</a>
   					</li>
     				<li class="nav-item">
    					<a class="nav-link" href="#"><i class="fa fa-shopping-cart"></i> Giỏ Hàng</a>
    				</li>
       			</ul>
        	</nav>
		</div>
	</div>
	<div class="menu">
		<div class="">
			<nav class="navbar navbar-expand-sm justify-content-center bg-dark">
  				<ul class="navbar-nav">
   					<li class="nav-item">
     					<a class="nav-link" href="#"><i class="fa fa-home"></i>Trang Chủ</a>
   				 	</li>
    				<li class="nav-item">
      					<a class="nav-link" href="#">GIỚI THIỆU</a>
    				</li>
    				<li class="nav-item">
      					<a class="nav-link" href="#">SẢN PHẨM</a>
    				</li>
        			<li class="nav-item">
      					<a class="nav-link" href="#">TIN TỨC</a>
    				</li>
    				<li class="nav-item">
      					<a class="nav-link" href="#">KHUYẾN MẠI</a>
    				</li>
    				<li class="nav-item">
      					<a class="nav-link" href="#">LIÊN HỆ</a>
    				</li>
    			</ul>
    			<div class="mr-8" style="margin-left: 600px">
					<input type="text" name="sss" placeholder="Tìm kiếm sản phẩm"><i class="fa fa-search" style="margin-left: -19px; "></i>
				</div>
         	</nav>
		</div>
	</div>
	<div class="row" style="width: 90%; margin: 0 auto;">
		<div class="col-md-2">
			<!-- A vertical navbar -->
	<nav class="navbar">
	  <!-- Links -->
	  <ul class="navbar-nav">
	    <li class="nav-item">
	      <a class="nav-link" href="#" style="font-weight: bold; color: black;"><i class="fa fa-bars"></i> SẢN PHẨM:</a>
	    </li>
	    <li class="nav-item">
	      <a class="nav-link" href="#">Áo Bóng Đá</a>
	    </li>
	    <li class="nav-item">
	      <a class="nav-link" href="#">Giày Bóng Đá</a>
	    </li>
	    <li class="nav-item">
	      <a class="nav-link" href="#">Tất Chống Trơn</a>
	    </li>
	    <li class="nav-item">
	      <a class="nav-link" href="#">Bóng Động Lực</a>
	    </li>
	    <li class="nav-item">
	      <a class="nav-link" href="#">Áo Giữ Nhiệt</a>
	    </li>
	    <li class="nav-item">
	      <a class="nav-link" href="#">Tất Trơn</a>
	    </li>
	    <li class="nav-item">
	      <a class="nav-link" href="#">Băng Gối</a>
	    </li>
	    <li class="nav-item">
	      <a class="nav-link" href="#">Găng Tay Bắt Bóng</a>
	    </li>
	    <li class="nav-item">
	      <a class="nav-link" href="#">Băng Keo Thể Thao</a>
	    </li>
	    <li class="nav-item">
	      <a class="nav-link" href="#">Giày Thể Thao</a>
	    </li>
	  </ul>
	</nav>
		</div>
		<div class="col-md-10">
			<img src="https://nguyentuanhung.vn/wp-content/uploads/2019/07/shopdo-e1562779105926.jpg" style="width: 100%; height: 50%;">
			<div style="margin-top: 10px;">
			<img src="https://338sport.com.vn/wp-content/uploads/2020/02/Picture12.jpg" style="float: left; width: 30% ; height: 170px;">
			<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQUvt-kMC1yqKz5ZFx2pAYoricry7wLiyQPrA&usqp=CAU" style="float: right; width: 30%; height: 170px;">
			<center><img src="https://bytuong.com/wp-content/uploads/2018/12/kinh-nghiem-mo-cua-hang-giay-the-thao-cam-nang-kinh-doanh-bytuong-com.jpg" style="width: 30%; height: 170px;"></center>
		    </div>
		</div>
	</div>
	<div style="border-top: solid #bf4e08 2px; width: 90%; margin: 0 auto; margin-top: -50px;">
		<div style="background-color: #bf4e08; height: 30px; text-align: center; width: 20%; font-size: 20px; color: white;">Sản Phẩm Bán Chạy Nhất</div>
	</div>

	<div class="container" style="margin-top: 10px;">
		<div class="row">
			<div class="col-md-3">
				<a href="">
				<img src="https://cf.shopee.vn/file/faf380bda91bd6d3fff631e8af6dfaca" style="width: 250px; height: 187px;">
				<p style="text-align: center; color: orange; font-size: 20px;">Áo Trắng</p>
        <p style="text-align: center; color: gray; margin-top: -15px;">200,000 VNĐ</p>
			     </a>
			</div>
			<div class="col-md-3">
				<a href="#">
					<img src="https://cf.shopee.vn/file/fe4c3aa4dcef9bb6bf449f2e5e81902d" style="width: 250px; height: 187px;">
					<p style="text-align: center; color: orange; font-size: 20px;">Áo Xanh</p>
          <p style="text-align: center; color: gray; margin-top: -15px;">250,000 VNĐ</p>
				</a>
			</div>
			<div class="col-md-3">
				<a href="#">
					<img src="https://1.bp.blogspot.com/-rLXbOrCiYZ4/XSbzKb6lvYI/AAAAAAAAEfs/Gv5T6ATpIYAgZVaX-wIp2_ZNqdJD8HGkACLcBGAs/s1600/cp-cobat-mau-hong.jpg" style="width: 250px; height: 187px;">
					<p style="text-align: center; color: orange; font-size: 20px;">Áo Đỏ</p>
          <p style="text-align: center; color: gray; margin-top: -15px;">200,000 VNĐ</p>
				</a>
			</div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://banaobongda.com/wp-content/uploads/2020/07/fimirno-h%E1%BB%93ng-450x450.jpg" style="width: 250px; height: 187px;">
          <p style="text-align: center; color: orange; font-size: 20px;">Áo Hồng</p>
          <p style="text-align: center; color: gray; margin-top: -15px;">150,000 VNĐ</p>
        </a>
      </div>
		</div>
    <div class="row" style="margin-top: 25px;">
      <div class="col-md-3">
        <a href="">
        <img src="https://giaydabongtot.com/wp-content/uploads/2019/07/Giay-bong-da-Adidas-X19.1-FG-xanh-nhat-co-trang-moi-2019-4.jpg" style="width: 250px; height: 187px;">
        <p style="text-align: center; color: orange; font-size: 20px;">Giày Adidas Xanh Da Trời</p>
        <p style="text-align: center; color: gray; margin-top: -15px;">500,000 VNĐ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://salt.tikicdn.com/cache/w444/ts/product/75/24/b0/7686b5600dc9aaba5e6a9461b113882c.jpg" style="width: 250px; height: 187px;">
          <p style="text-align: center; color: orange; font-size: 20px;">Giày Nike Trắng</p>
          <p style="text-align: center; color: gray; margin-top: -15px;">700,000 VNĐ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://www.sport9.vn/images/uploaded/Vapor%2013%20FTL2/87c301bb223ed860812f.jpg" style="width: 250px; height: 187px;">
          <p style="text-align: center; color: orange; font-size: 20px;">Giày Nike</p>
          <p style="text-align: center; color: gray; margin-top: -15px;">1,000,000 VNĐ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://cf.shopee.vn/file/dfa1114d2ba44c382e5d30addfc1f1a4" style="width: 250px; height: 187px;">
          <p style="text-align: center; color: orange; font-size: 20px;">Giày Adidas Đỏ</p>
          <p style="text-align: center; color: gray; margin-top: -15px;">1,000,000 VNĐ</p>
        </a>
      </div>
    </div>
	</div>
  <div style="border-top: solid #6db4e3 2px; width: 90%; margin: 0 auto; margin-top: 20px;">
    <div style="background-color: #6db4e3; height: 30px; text-align: center; width: 20%; font-size: 20px; color: white;">Các Sản Phẩm Hot Khác</div>
  </div>
  <div class="container" style="margin-top: 10px;">
    <div class="row">
      <div class="col-md-3">
        <a href="">
        <img src="https://cf.shopee.vn/file/336295657902e8becdeb174f977e0e8b" style="width: 250px; height: 187px;">
        <p style="text-align: center; color: orange; font-size: 20px;">Bóng Động Lực</p>
        <p style="text-align: center; color: gray; margin-top: -15px;">300,000 VNĐ</p>
           </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://file.hstatic.net/1000288768/file/bong_da_uhv_2.05_so_4_f9046793e2f44f609456b18a51a1df0d_grande.jpg" style="width: 250px; height: 187px;">
          <p style="text-align: center; color: orange; font-size: 20px;">Bóng Động Lực</p>
          <p style="text-align: center; color: gray; margin-top: -15px;">500,000 VNĐ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://cf.shopee.vn/file/bfc00b6afd6909c9de0a7fc21523daf0" style="width: 250px; height: 187px;">
          <p style="text-align: center; color: orange; font-size: 20px;">Bóng Động Lực</p>
          <p style="text-align: center; color: gray; margin-top: -15px;">6,000,000 VNĐ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://media3.scdn.vn/img2/2018/8_10/3sJqUE_simg_de2fe0_500x500_maxb.jpg" style="width: 250px; height: 187px;">
          <p style="text-align: center; color: orange; font-size: 20px;">Tất Chống Trơn</p>
          <p style="text-align:center; color: gray; margin-top: -15px;">50,000 VNĐ</p>
        </a>
      </div>
    </div>
    <div class="row" style="margin-top: 25px;">
      <div class="col-md-3">
        <a href="">
        <img src="https://contents.mediadecathlon.com/p203056/k$4ca9113061b67d5d8a39ab90085afda8/tat-da-bong-ngang-goi-f100-cho-nguoi-lon-trang.jpg?&f=700x700" style="width: 250px; height: 187px;">
        <p style="text-align: center; color: orange; font-size: 20px;">Tất Trơn</p>
        <p style="text-align: center; color: gray; margin-top: -15px;">20,000 VNĐ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://htsport.vn/wp-content/uploads/2019/11/gang-tay-thu-mon-eepro-eg1022-xanh-250x250.jpg" style="width: 250px; height: 187px;">
          <p style="text-align: center; color: orange; font-size: 20px;">Găng Tay</p>
          <p style="text-align: center; color: gray; margin-top: -15px;">500,000 VNĐ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://media.bizwebmedia.net/sites/73882/data/Upload/2015/9/art040725_paara__924x656.jpg" style="width: 250px; height: 187px;">
          <p style="text-align: center; color: orange; font-size: 20px;">Phụ Kiện</p>
          <p style="text-align: center; color: gray; margin-top: -15px;">100,000 VNĐ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://nemsport.com/wp-content/uploads/2020/06/bo-goi-da-bong-300x300.png" style="width: 250px; height: 187px;">
          <p style="text-align: center; color: orange; font-size: 20px;">Băng Gối</p>
          <p style="text-align: center; color: gray; margin-top: -15px;">40,000 VNĐ</p>
        </a>
      </div>
    </div>
  </div>
  <div class="row" style="background-color: #bf4e08; color: white; margin: 0 auto; width: 90%; height: 130px; text-align: center; padding-top: 20px; margin-top: 50px;">
    <div class="col-md-3">
      <li class="fa fa-car"></li>
      <div>MIỄN PHÍ VẬN CHUYỂN</div>
    </div>
    <div class="col-md-3">
      <li class="fa fa-lock"></li>
      <div>THANH TOÁN BẢO MẬT</div>
    </div>
    <div class="col-md-3">
      <li class="fa fa-user"></li>
      <div>HỖ TRỢ ONLINE</div>
    </div>
    <div class="col-md-3">
      <li class="fa fa-thumbs-up"></li>
      <div>THANH TOÁN KHI NHẬN HÀNG</div>
    </div>
  </div>
  <div class="row" style="width: 90%; margin: 0 auto; height: 100px">
    <div class="col-md-2">
     <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRFxe1FdEO9UbIpi2bEi5jEVp0eWbcgh0X4Pg&usqp=CAU" style="width: 120px; height: 80px;">
    </div>
    <div class="col-md-2">
      <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTjXLxc6alUGmukVyCaJpV2rjKyGcu9tSb9ng&usqp=CAU" style="width: 120px; height: 80px;">
    </div>
    <div class="col-md-2">
      <img src="https://i.pinimg.com/originals/ca/b4/1b/cab41b8b072053584102f8567f6ecce5.jpg" style="width: 120px; height: 80px;">
    </div>
    <div class="col-md-2">
      <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcREiN2e5pSFiWy8CSnGT_tNM0cRByKi8Drhdw&usqp=CAU" style="width: 120px; height: 80px;">
    </div>
    <div class="col-md-2">
      <img src="https://i.pinimg.com/originals/01/25/68/012568c003ab32a987eaa2c57b5d8db6.jpg" style="width: 120px; height: 80px;">
    </div>
    <div class="col-md-2">
      <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcS0l976Nq9JwMY6Os1MfoZfYgbXdkQC42I34g&usqp=CAU" 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-6">
      <li class="fa fa-paper-plane"></li>  <b>ĐĂNG KÍ NHẬN TIN</b>    KHUYẾN MÃI & GIÁ TỐT NHẤT & TƯ VẤN
      </div>
      <div class="col-md-6">
        <form>
          <input type="text" name="levi" placeholder="Nhập SĐT của bạn" style="width: 250px;">
          <button type="button" class="btn bg-warning">Đăng Kí</button>
          <img src="https://vnreview.vn/image/20/41/03/2041038.jpg" style="width: 15%">
        </form>
      </div>
    </div>
  </div>
  <div style="border: solid #bf4e08 2px; margin-top: 20px;"></div>
  <div class="row" style="width: 90%; margin: 0 auto">
    <div class="col-md-3">
      <b>THÔNG TIN CHI TIẾT</b>
      <div style="border-top: solid gray 1px;"></div>
      <li>Công TY Thể Thao Nam Định</li>
      <li>SĐT: 0915094500</li>
      <li>Bvmlsr2002@gmail.com</li>
      <li>Liên Hệ Với Chúng Tôi</li>
    </div>
    <div class="col-md-3">
      <b>GIỚI THIỆU</b>
      <div style="border-top: solid gray 1px;"></div>
      <li>Sản Phẩm Chất Lượng Cao</li>
      <li>Giá Ưu đãi</li>
      <li>Chất Lượng Uy Tín</li>
    </div>
    <div class="col-md-3">
      <b>Sản Phẩm Bán Chạy Nhất</b>
      <div style="border-top: solid gray 1px;"></div>
      <li>Áo Bóng Đá</li>
      <li>GĂNG TAY </li>
      <li>Giày Adidas</li>
      <li>Tất Chống Trơn</li>
    </div>
    <div class="col-md-3">
      <b>THÔNG TIN HỮU ÍCH</b>
      <div style="border-top: solid gray 1px;"></div>
      <li>Chính Sách Bảo Mật</li>
      <li>Chính Sách Vận Chuyển Và Lắp Đặt</li>
      <li>Chính Sách Bảo Hành</li>
      <li>Chính Sách Đổi-Trả Hàng Và Hoàn Lại Tiền</li>
    </div>
  </div>
  <center><img src="https://www.aobongda247.net/wp-content/uploads/2020/03/logo-dam-sport.png" style="width: 170px;"></center>
  <div >
    <li>Cơ Sở :Xóm B, Thành Lợi, Vụ Bản, Nam Định-Hotline :0915094500</li>
  </div>
</body>
</html>


avatar
Bùi Văn Mạnh [T2008A]
2020-11-04 15:55:59


#assignment.html


<!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://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTy3jSRwABzuZ8zGNlDvPEmO7Ro2rjIpXUihQ&usqp=CAU" height="80px" width="100px">
			</a>
			<ul>
				<li><a href=""> Sản Phẩm</a></li>
			</ul>
			<ul>
				<li><a href="">Đầu Lân </a></li>
			</ul>
			<ul>
				<li><a href="">Rồng Mây</a></li>
			</ul>
			<ul>
				<li><a href="">Trống Phật Sơn</a></li>
			</ul>
			<ul>
				<li><a href="">Lân Phật Sơn</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://tochucsukienvn.net/wp-content/uploads/2019/04/customLogo.gif" height="400px" width="1500px">
				
				<img src="https://lansuronghanoi.com/wp-content/uploads/2018/07/34061947_2061438727429901_8255851338269720576_n-e1534061740744.jpg" height="200px" width="240px">
				<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://lansuronghanoi.com/wp-content/uploads/2018/07/ban-dau-lan.jpg" height="200px" width="230px">

				<img src="https://lansuronghanoi.com/wp-content/uploads/2018/07/32089973_2051269095113531_4860049790878089216_n.jpg" height="200px" width="230px">

				<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://lansuronghanoi.com/wp-content/uploads/2018/07/TB2JgzwalRRMKJjSZPhXXcZoVXa_0-taoxiaopu_sell-e1534066258492.jpg" height="200px" width="250px">

				<img src="https://sites.google.com/site/liondonceworld/_/rsrc/1288181650676/hinh-anh/hinh-mua-rong-nghe-thuat/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>Cơ sở chuyên sản xuất bán dụng cụ đồ dùng Lân Sư Rồng rất uy tín và chất lượng, giá cả hợp lý cho các bạn lựa chọn và tiêu dùng.</h3></center>
				<h4><center> Hãy đến với Shop LSR chúng tôi.</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>


avatar
Đức Sơn [T2008A]
2020-11-04 14:32:17



https://gokisoftzzz.herokuapp.com/PuMa.html


avatar
Trần Văn Lâm [T2008A]
2020-11-04 07:57:19

asignment(boostrap)

#gas.html


<!DOCTYPE html>
<html>
<head>
	<title>BẾP GAS ĐÔNG Á</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
	<!-- Latest compiled and minified CSS -->
<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>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
</head>
<body>
	<div class="row">
		<div class="col-md-2">
			<img src="https://res.cloudinary.com/gokisoft-com/image/upload/v1556282702/bia_face_rhemr0_ax1yls.png" style="width: 170px; margin-left: 30px; margin-top: 25px; ">
		</div>
		<div class="col-md-10">
			<nav class="navbar navbar-expand-sm justify-content-center">
  <ul class="navbar-nav">
    <li class="nav-item">
      <a class="nav-link" href="#"><i class="fa fa-home"></i> 987 Đường Hai Tháng Tư, TP Nha Trang</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#"><i class="fa fa-envelope"></i> phamhuong190888@gmail.com</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#"><i class="fa fa-paper-plane"></i> Miễn Phí Vận Chuyển Đơn Hàng trên 500k</a>
    </li>
     <li class="nav-item">
      <a class="nav-link" href="#"><i class="fa fa-shopping-cart"></i> Giỏ Hàng 0 VNĐ</a>
    </li>
        </ul>
         </nav>
		</div>
	</div>
	<div class="menu">
		<div class="col-md-8">
			<nav class="navbar navbar-expand-sm justify-content-center">
  <ul class="navbar-nav">
    <li class="nav-item">
      <a class="nav-link" href="#">Trang Chủ</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">GIỚI THIỆU</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">SẢN PHẨM</a>
    </li>
        <li class="nav-item">
      <a class="nav-link" href="#">TIN TỨC</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">KHUYẾN MẠI</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">LIÊN HỆ</a>
    </li>
     </ul>
         </nav>
		</div>
		<div class="col-md-4">
			<input type="text" name="sss" placeholder="Tìm kiếm sản phẩm"><i class="fa fa-search" style="margin-left: -19px; "></i>
		</div>
	</div>
	<div class="row" style="width: 90%; margin: 0 auto;">
		<div class="col-md-2">
			<!-- A vertical navbar -->
<nav class="navbar">

  <!-- Links -->
  <ul class="navbar-nav">
    <li class="nav-item">
      <a class="nav-link" href="#" style="font-weight: bold; color: black;"><i class="fa fa-bars"></i> SẢN PHẨM:</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Bếp Từ</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Bếp Điện Từ</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Máy Hút Mùi</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Lò Vi Sóng</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Máy Sấy Bát</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Lò Nướng</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Máy Rửa Chén</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Bếp Gas Âm</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Máy Lọc Nước</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Phụ Kiện Tủ Bếp </a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Chậu Rửa </a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Vòi Rửa</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Nồi Chiên Không Dầu</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Bộ Nồi</a>
    </li>
  </ul>
</nav>
		</div>
		<div class="col-md-10">
			<img src="https://cdn.nguyenkimmall.com/images/companies/_1/Content/nha-bep/bep-gas/bep-gas_16.jpg" style="width: 100%; height: 50%;">
			<div style="margin-top: 10px;">
			<img src="https://bepnamduong.vn/Data/upload/images/N%C3%AAn%20l%E1%BB%B1a%20ch%E1%BB%8Dn%20b%E1%BA%BFp%20t%E1%BB%AB%20hay%20b%E1%BA%BFp%20gas.jpg" style="float: left; width: 30% ; height: 170px;">
			<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRt-gvrPJnNHmYcxloFSrnzWOwDJb_z3k9zvg&usqp=CAU" style="float: right; width: 30%; height: 170px;">
			<center><img src="https://cdn.tgdd.vn/Files/2017/07/05/1000111/khong-muon-bep-gas-chay-no-tranh-5-thoi-quen-sau-day6.jpg" style="width: 30%; height: 170px;"></center>
		    </div>


		</div>
		
	</div>
	<div style="border-top: solid #bf4e08 2px; width: 90%; margin: 0 auto; margin-top: -50px;">
		<div style="background-color: #bf4e08; height: 30px; text-align: center; width: 20%; font-size: 20px; color: white;">Sản Phẩm Bán Chạy Nhất</div>
	</div>

	<div class="container" style="margin-top: 10px;">
		<div class="row">
			<div class="col-md-3">
				<a href="">
				<img src="https://dienmaycholon.vn/public/userupload/images/mua-bep-gas-loai-nao-tot%20nhat-2.jpg" style="width: 250px; height: 187px;">
				<p style="text-align: center; color: orange; font-size: 20px;">5,000,000 VNĐ</p>
        <p style="text-align: center; text-decoration: line-through; color: gray; margin-top: -15px;">10,000,000 VNĐ</p>
			     </a>
			</div>
			<div class="col-md-3">
				<a href="#">
					<img src="https://vn-live-02.slatic.net/p/daca06457d76b6dd93b5b2260b502c73.jpg" style="width: 250px; height: 187px;">
					<p style="text-align: center; color: orange; font-size: 20px;">7,000,000 VNĐ</p>
          <p style="text-align: center; text-decoration: line-through; color: gray; margin-top: -15px;">9,500,000 VNĐ</p>
				</a>
			</div>
			<div class="col-md-3">
				<a href="#">
					<img src="https://chonhangchuan.com/wp-content/uploads/2018/07/top-10-thuong-hieu-bep-ga-am-tot-nhat-hien-nay-2018-1.jpg" style="width: 250px; height: 187px;">
					<p style="text-align: center; color: orange; font-size: 20px;">8,000,000 VNĐ</p>
          <p style="text-align: center; text-decoration: line-through; color: gray; margin-top: -15px;">16,000,000 VNĐ</p>
				</a>
			</div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://dienmaycholon.vn/public/userupload/images/mua-bep-gas-loai-nao-tot%20nhat-2.jpg" style="width: 250px; height: 187px;">
          <p style="text-align: center; color: orange; font-size: 20px;">6,000,000 VNĐ</p>
          <p style="text-align: center; text-decoration: line-through; color: gray; margin-top: -15px;">10,000,000 VNĐ</p>
        </a>
      </div>
		</div>
    <div class="row" style="margin-top: 25px;">
      <div class="col-md-3">
        <a href="">
        <img src="https://dienmaycholon.vn/public/userupload/images/mua-bep-gas-loai-nao-tot%20nhat-2.jpg" style="width: 250px; height: 187px;">
        <p style="text-align: center; color: orange; font-size: 20px;">5,000,000 VNĐ</p>
        <p style="text-align: center; text-decoration: line-through; color: gray; margin-top: -15px;">10,000,000 VNĐ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://vn-live-02.slatic.net/p/daca06457d76b6dd93b5b2260b502c73.jpg" style="width: 250px; height: 187px;">
          <p style="text-align: center; color: orange; font-size: 20px;">7,000,000 VNĐ</p>
          <p style="text-align: center; text-decoration: line-through; color: gray; margin-top: -15px;">9,500,000 VNĐ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://chonhangchuan.com/wp-content/uploads/2018/07/top-10-thuong-hieu-bep-ga-am-tot-nhat-hien-nay-2018-1.jpg" style="width: 250px; height: 187px;">
          <p style="text-align: center; color: orange; font-size: 20px;">8,000,000 VNĐ</p>
          <p style="text-align: center; text-decoration: line-through; color: gray; margin-top: -15px;">16,000,000 VNĐ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://dienmaycholon.vn/public/userupload/images/mua-bep-gas-loai-nao-tot%20nhat-2.jpg" style="width: 250px; height: 187px;">
          <p style="text-align: center; color: orange; font-size: 20px;">6,000,000 VNĐ</p>
          <p style="text-align: center; text-decoration: line-through; color: gray; margin-top: -15px;">10,000,000 VNĐ</p>
        </a>
      </div>
    </div>
	</div>
  <div style="border-top: solid #6db4e3 2px; width: 90%; margin: 0 auto; margin-top: 20px;">
    <div style="background-color: #6db4e3; height: 30px; text-align: center; width: 20%; font-size: 20px; color: white;">Các Sản Phẩm Hot Khác</div>
  </div>
  <div class="container" style="margin-top: 10px;">
    <div class="row">
      <div class="col-md-3">
        <a href="">
        <img src="https://gaspetrolimex.vn/assets/chon-mua-bep-gas-am.jpg" style="width: 250px; height: 187px;">
        <p style="text-align: center; color: orange; font-size: 20px;">5,000,000 VNĐ</p>
        <p style="text-align: center; text-decoration: line-through; color: gray; margin-top: -15px;">10,000,000 VNĐ</p>
           </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://i1.wp.com/chonmuachuan.com/wp-content/uploads/2017/09/bep-ga-am-loai-nao-tot-3.jpg?resize=500%2C334" style="width: 250px; height: 187px;">
          <p style="text-align: center; color: orange; font-size: 20px;">7,000,000 VNĐ</p>
          <p style="text-align: center; text-decoration: line-through; color: gray; margin-top: -15px;">9,500,000 VNĐ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://img.websosanh.vn/v10/users/review/images/oqehyp3n778jl/bep-hong-ngoai-am-2.jpg?compress=85" style="width: 250px; height: 187px;">
          <p style="text-align: center; color: orange; font-size: 20px;">8,000,000 VNĐ</p>
          <p style="text-align: center; text-decoration: line-through; color: gray; margin-top: -15px;">16,000,000 VNĐ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://i-shop.vnecdn.net/resize/560/560/images/2017/12/08/5a2aa00604b52-bep-gas-am-hong-ngoai-kaff-208i-24.jpg" style="width: 250px; height: 187px;">
          <p style="text-align: center; color: orange; font-size: 20px;">6,000,000 VNĐ</p>
          <p style="text-align: center; text-decoration: line-through; color: gray; margin-top: -15px;">10,000,000 VNĐ</p>
        </a>
      </div>
    </div>
    <div class="row" style="margin-top: 25px;">
      <div class="col-md-3">
        <a href="">
        <img src="https://kaffvietnam.vn/image/catalog/sanpham/bep-gas-am/112-bep-ga-hong-ngoai-kaff-kf-608i.jpg" style="width: 250px; height: 187px;">
        <p style="text-align: center; color: orange; font-size: 20px;">5,000,000 VNĐ</p>
        <p style="text-align: center; text-decoration: line-through; color: gray; margin-top: -15px;">10,000,000 VNĐ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://cdn.nguyenkimmall.com/images/companies/_1/Content/nha-bep/bep-gas/bep-gas_17.jpg" style="width: 250px; height: 187px;">
          <p style="text-align: center; color: orange; font-size: 20px;">7,000,000 VNĐ</p>
          <p style="text-align: center; text-decoration: line-through; color: gray; margin-top: -15px;">9,500,000 VNĐ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://bep365.vn/media/news/11_9_tieu_chi_lua_chon_bep_ga_am_hop_ly.gif" style="width: 250px; height: 187px;">
          <p style="text-align: center; color: orange; font-size: 20px;">8,000,000 VNĐ</p>
          <p style="text-align: center; text-decoration: line-through; color: gray; margin-top: -15px;">16,000,000 VNĐ</p>
        </a>
      </div>
      <div class="col-md-3">
        <a href="#">
          <img src="https://doanthuy1911.files.wordpress.com/2013/07/bep-gas-am-7.gif" style="width: 250px; height: 187px;">
          <p style="text-align: center; color: orange; font-size: 20px;">6,000,000 VNĐ</p>
          <p style="text-align: center; text-decoration: line-through; color: gray; margin-top: -15px;">10,000,000 VNĐ</p>
        </a>
      </div>
    </div>
  </div>
  <div class="row" style="background-color: #bf4e08; color: white; margin: 0 auto; width: 90%; height: 130px; text-align: center; padding-top: 20px; margin-top: 50px;">
    <div class="col-md-3">
      <li class="fa fa-car"></li>
      <div>MIỄN PHÍ VẬN CHUYỂN</div>
    </div>
    <div class="col-md-3">
      <li class="fa fa-lock"></li>
      <div>THANH TOÁN BẢO MẬT</div>
    </div>
    <div class="col-md-3">
      <li class="fa fa-user"></li>
      <div>HỖ TRỢ ONLINE</div>
    </div>
    <div class="col-md-3">
      <li class="fa fa-thumbs-up"></li>
      <div>THANH TOÁN KHI NHẬN HÀNG</div>
    </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://lh3.googleusercontent.com/proxy/20C9Qle7QTGTIblLvDzVbU7_HQtz5je5rmapKSobz6pXDfEONDf1xTQH1sKqUwN4ODFpRMC6zTuiVjCcZwKYzD5ULGdcEFDO8gMNTbeGydoHpOStxbXXyC_CCbbF" style="width: 120px; height: 80px;">
    </div>
    <div class="col-md-2">
      <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTjXLxc6alUGmukVyCaJpV2rjKyGcu9tSb9ng&usqp=CAU" style="width: 120px; height: 80px;">
    </div>
    <div class="col-md-2">
      <img src="https://i.pinimg.com/originals/ca/b4/1b/cab41b8b072053584102f8567f6ecce5.jpg" style="width: 120px; height: 80px;">
    </div>
    <div class="col-md-2">
      <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcREiN2e5pSFiWy8CSnGT_tNM0cRByKi8Drhdw&usqp=CAU" style="width: 120px; height: 80px;">
    </div>
    <div class="col-md-2">
      <img src="https://i.pinimg.com/originals/01/25/68/012568c003ab32a987eaa2c57b5d8db6.jpg" style="width: 120px; height: 80px;">
    </div>
    <div class="col-md-2">
      <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcS0l976Nq9JwMY6Os1MfoZfYgbXdkQC42I34g&usqp=CAU" 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-6">
      <li class="fa fa-paper-plane"></li>  <b>ĐĂNG KÍ NHẬN TIN</b>    KHUYẾN MÃI & GIÁ TỐT NHẤT & TƯ VẤN
      </div>
      <div class="col-md-6">
        <form>
          <input type="text" name="levi" placeholder="Nhập SĐT của bạn" style="width: 250px;">
          <button type="button" class="btn bg-warning">Đăng Kí</button>
          <img src="https://vnreview.vn/image/20/41/03/2041038.jpg" style="width: 15%">
        </form>
      </div>
    </div>
  </div>
  <div style="border: solid #bf4e08 2px; margin-top: 20px;"></div>
  <div class="row" style="width: 90%; margin: 0 auto">
    <div class="col-md-3">
      <b>GIỚI THIỆU</b>
      <div style="border-top: solid gray 1px;"></div>
      <li>987 Đường Hai Tháng Tư,TP Nha Trang</li>
      <li>097 -74 75 698</li>
      <li>Phuonghuong190888@gmail.com</li>
      <li>Open Time: 8:00 AM - 9:PM</li>
      <li>Liên Hệ Với Chúng Tôi</li>
    </div>
    <div class="col-md-3">
      <b>TIN TỨC MỚI NHẤT</b>
      <div style="border-top: solid gray 1px;"></div>
      <li>Có Nên Mua Bếp Từ Faster Nhập Đức Không?</li>
      <li>Bếp Từ Chefs EH DIH666 Có Bền Không?</li>
      <li>Bếp Điện Từ Faster FS 288HI Có Tốt Không?</li>
    </div>
    <div class="col-md-3">
      <b>Sản Phẩm Bán Chạy Nhất</b>
      <div style="border-top: solid gray 1px;"></div>
      <li>Bếp Từ Cata IB 772 BK</li>
      <li>Máy Hút Mùi Cata MIDAS 600/700/900</li>
      <li>Bếp Gas Sun House SHB6636</li>
      <li>BẾP TỪ FASTER FS-216I</li>
    </div>
    <div class="col-md-3">
      <b>THÔNG TIN HỮU ÍCH</b>
      <div style="border-top: solid gray 1px;"></div>
      <li>Chính Sách Bảo Mật</li>
      <li>Chính Sách Vận Chuyển Và Lắp Đặt</li>
      <li>Chính Sách Bảo Hành</li>
      <li>Chính Sách Đổi-Trả Hàng Và Hoàn Lại Tiền</li>
    </div>
  </div>
  <center><img src="https://res.cloudinary.com/gokisoft-com/image/upload/v1556282702/bia_face_rhemr0_ax1yls.png" style="width: 170px;"></center>
  <div class="hehe">
    <li>Cơ Sở 1: 950 Lạc Long Quân, P.8, Quận Tân Bình, TP Hồ Chí Minh-Hotline : 098 70 23 995</li>
    <li>Cơ Sở 2: 987 Đường Hai Tháng Tư, TP Nha Trang-Hotline : 097 74 75 698- 0943 698 598.</li>
  </div>
  <div class="fun">
    Thiết kế bởi : Trần Văn Lâm(T2008A)
  </div>
</body>
</html>


#style.css


.col-md-10 {
	margin-top: 20px;
}
.col-md-10 .navbar-nav .nav-item .nav-link {
	color: black;
}
.col-md-10 .navbar-nav .nav-item .nav-link i {
	color: orange;
}
.menu{
	background-color: #bf4e08;
}
.col-md-8 .navbar-nav .nav-item .nav-link{
	color: white;
	font-weight: bold;
	font-size: 15px;
	padding-left: 20px; 
}
.col-md-4 {
	float: right;
	margin-top: -45px;
}
.col-md-4 input{
	width: 350px;

}
.col-md-2 .navbar-nav .nav-item .nav-link {
	color: black;
}
.row .col-md-3 li {
	list-style-type: none;
	padding-top: 15px;
}
.row .col-md-3{
	margin-top: 20px;
}
.hehe {
	text-align: center;
	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 25px;
}
.fun {
	width: 100%;
	height: 35px;
	background-color: black;
	text-align: center;
	color: white;
	padding-top: 8px;
}


avatar
nguyễn Sử [T2008A]
2020-11-02 07:02:25



https://suport1.herokuapp.com/adidas.html/adidas.html


avatar
vuong huu phu [T2008A]
2020-11-02 06:51:05



https://dddeee22.herokuapp.com/bootsrap/gucci_nhaa.html


avatar
Đặng Trần Nhật Minh [T2008A]
2020-11-01 11:36:25



https://html-code-nhatminh.herokuapp.com/assignment/assignment.html


avatar
Nguyễn Hữu Hiếu [T2008A]
2020-11-01 03:10:20



http://nguyenhuuhieusoft.name.vn/01.Main.html


avatar
Triệu Văn Lăng [T2008A]
2020-10-31 05:34:46



https://thienlac.herokuapp.com/baiassigment/shopgiay.html


avatar
Do Trung Duc [T2008A]
2020-10-30 08:40:41

https://gokisoft10.herokuapp.com/assignment/home.html