Name: ZicZac: Thiết kế web & app & quản lý tồn kho
Address: Số 08 Tôn Thất Thuyết, Cầu Giấy, Hà Nội, Nam Từ Liêm, Hà Nội, 100000
Telephone: 0967025996
Price range: $$$

Bùi Văn Mạnh

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>

Bùi Văn Mạnh

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>

Đức Sơn

2020-11-04 14:32:17

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

Trần Văn Lâm

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

nguyễn Sử

2020-11-02 07:02:25

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

vuong huu phu

2020-11-02 06:51:05

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

Đặng Trần Nhật Minh

2020-11-01 11:36:25

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

Nguyễn Hữu Hiếu

2020-11-01 03:10:20

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

Triệu Văn Lăng

2020-10-31 05:34:46

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

Do Trung Duc

2020-10-30 08:40:41

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

KẾT QUẢ ASSIGNMENT - LỚP T2008A

Tags:

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

5

Bùi Văn Mạnh

#bootstrap.html

Bùi Văn Mạnh

#assignment.html

Đức Sơn

Trần Văn Lâm

#gas.html

#style.css

nguyễn Sử

vuong huu phu

Đặng Trần Nhật Minh

Nguyễn Hữu Hiếu

Triệu Văn Lăng

Do Trung Duc

Đăng nhập để làm bài kiểm tra

Chưa có kết quả nào trước đó