By GokiSoft.com| 14:47 28/10/2020|
Học Bootstrap

Bài 2 - Tạo website bằng bootstrap - Lập trình bootstrap/jquery BT2047


Tags:

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

https://gokisoft.com/2047

Bình luận

avatar
Nguyễn Anh Vũ [T2008A]
2020-11-06 06:54:49


#dongho.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;
		}
	</style>
</head>
<body>
	
	<div class="row" style="background-color: black;">
		<div class="col-md-6" style="text-align: center; color: grey;padding-top: 7px; padding-bottom: 7px;">
			Hang that - gia chuan - phuc vu tan tam
		</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:0967025996" style="color: red; margin-left: 10px;">0967.025.996</a>
			<a href="telno:0967025996" style="color: red; margin-left: 10px;">0967.025.996</a>
			<a href="telno:0967025996" style="color: red; margin-left: 10px;">0967.025.996</a>
			<div class="input-group mb-3" style="width: 180px; float: right; margin-bottom: 0px !important; background-color: grey;">
			  <input type="text" class="form-control" placeholder="Email" id="demo" name="email" style="width: 180px; background-color: #f7f5f5;">
			  <div class="input-group-append">
			    <span class="input-group-text">
			    	<i class="fa fa-search"></i>
			    </span>
			  </div>
			</div>
		</div>
	</div>
	
	<div class="row" style="border-top: solid #f1a03c 5px;">
		<div class="col-md-5" style="padding-top: 10px; padding-bottom: 10px;">
			
			<img src="https://res.cloudinary.com/ziczacgroup/image/upload/v1587623413/qhwncq3wtjkrsyke6ayw.png" style="width: 160px; padding-left: 80px;">
		</div>
		<div class="col-md-7">
			
			<nav class="navbar navbar-expand-sm" style="float: right; 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="#">Dong Ho Nam</a>
			    </li>
			    <li class="nav-item">
			      <a class="nav-link" href="#">Dong Ho Nu</a>
			    </li>
			    <li class="nav-item">
			      <a class="nav-link" href="#">Dong Ho Doi</a>
			    </li>
			    <li class="nav-item active">
			      <a class="nav-link" href="#">Mau Hot Nhat</a>
			    </li>
			    <li class="nav-item">
			      <a class="nav-link" href="#">Sale</a>
			    </li>
			    <li class="nav-item">
			      <a class="nav-link" href="#">Blog</a>
			    </li>
			  </ul>
			</nav>
		</div>
	</div>
	
	<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
	  <div class="carousel-inner">
	    <div class="carousel-item active">
	      <img class="d-block w-100" src="https://png.pngtree.com/thumb_back/fw800/back_our/20190621/ourmid/pngtree-black-dynamic-watch-simple-black-banner-image_182859.jpg" alt="First slide">
	    </div>
	    
	  </div>
	</div>
	
	<div class="row">
		
		<div class="col-md-3" style="background-color: black; color: white;">
			Danh Mục Srn Phẩm
			<ul>
				<li>  Edox</li>
				<li>  Michael Kos</li>
				<li>  Mare by Mare Jacobs</li>
				<li>  Burberry</li>
				<li>  Bulova</li>
				<li>  Bulova Accutron</li>
				<li>  Calvin Klein</li>
				<li>  DKNY</li>
				<li>  Frederique Constant</li>
				<li>  Gucci</li>
				<li>  Hamilton</li>
				<li>  Longines</li>
				<li>  Maurice Lacroix</li>
				<li>  Montblanc</li>
				<li>  Movado</li>
				<li>  Omega</li>
				<li>  Oris</li>
				<li> Rado</li>
				<li>  Raymond Weil</li>
				<li>  Skagen</li>
				<li>  Swarovski</li>
				<li>  TAG Heuer</li>
				<li>  Tissot</li>
				<li>  Victorinox Swiss Army</li>
				<li>  Lacoste</li>	
				<li>  Zenith</li>
				<li>  Charmex</li>
				<li>  Seico</li>		
			</ul>
		</div>
		<div class="col-md-9">
			<div class="row">
				<div class="col-md-3">
					<img src="https://images-na.ssl-images-amazon.com/images/I/81ZKNYBwYlL._AC_SY606_.jpg" style="width: 95%">
					<p style="text-align: center;">TEST TEST TEST TEST TEST TEST TEST TEST</p>
				</div>
				<div class="col-md-3">
					<img src="https://images-na.ssl-images-amazon.com/images/I/81ZKNYBwYlL._AC_SY606_.jpg" style="width: 95%">
					<p style="text-align: center;">TEST TEST TEST TEST TEST TEST TEST TEST</p>
				</div>
				<div class="col-md-3">
					<img src="https://images-na.ssl-images-amazon.com/images/I/81ZKNYBwYlL._AC_SY606_.jpg" style="width: 95%">
					<p style="text-align: center;">TEST TEST TEST TEST TEST TEST TEST TEST</p>
				</div>
				<div class="col-md-3">
					<img src="https://images-na.ssl-images-amazon.com/images/I/81ZKNYBwYlL._AC_SY606_.jpg" style="width: 95%">
					<p style="text-align: center;">TEST TEST TEST TEST TEST TEST TEST TEST</p>
				</div>
			</div>
			<div class="row">
				<div class="col-md-3">
					<img src="https://images-na.ssl-images-amazon.com/images/I/81ZKNYBwYlL._AC_SY606_.jpg" style="width: 95%">
					<p style="text-align: center;">TEST TEST TEST TEST TEST TEST TEST TEST</p>
				</div>
				<div class="col-md-3">
					<img src="https://images-na.ssl-images-amazon.com/images/I/81ZKNYBwYlL._AC_SY606_.jpg" style="width: 95%">
					<p style="text-align: center;">TEST TEST TEST TEST TEST TEST TEST TEST</p>
				</div>
				<div class="col-md-3">
					<img src="https://images-na.ssl-images-amazon.com/images/I/81ZKNYBwYlL._AC_SY606_.jpg" style="width: 95%">
					<p style="text-align: center;">TEST TEST TEST TEST TEST TEST TEST TEST</p>
				</div>
				<div class="col-md-3">
					<img src="https://images-na.ssl-images-amazon.com/images/I/81ZKNYBwYlL._AC_SY606_.jpg" style="width: 95%">
					<p style="text-align: center;">TEST TEST TEST TEST TEST TEST TEST TEST</p>
				</div>
				<div class="col-md-3">
					<img src="https://images-na.ssl-images-amazon.com/images/I/81ZKNYBwYlL._AC_SY606_.jpg" style="width: 95%">
					<p style="text-align: center;">TEST TEST TEST TEST TEST TEST TEST TEST</p>
				</div>
				<div class="col-md-3">
					<img src="https://images-na.ssl-images-amazon.com/images/I/81ZKNYBwYlL._AC_SY606_.jpg" style="width: 95%">
					<p style="text-align: center;">TEST TEST TEST TEST TEST TEST TEST TEST</p>
				</div>
				<div class="col-md-3">
					<img src="https://images-na.ssl-images-amazon.com/images/I/81ZKNYBwYlL._AC_SY606_.jpg" style="width: 95%">
					<p style="text-align: center;">TEST TEST TEST TEST TEST TEST TEST TEST</p>
				</div>
				<div class="col-md-3">
					<img src="https://images-na.ssl-images-amazon.com/images/I/81ZKNYBwYlL._AC_SY606_.jpg" style="width: 95%">
					<p style="text-align: center;">TEST TEST TEST TEST TEST TEST TEST TEST</p>
				</div>
				<div class="col-md-12">
					<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">
		<div class="col-md-12">
			<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3724.0974938515083!2d105.77963881422536!3d21.02878468599839!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x313454b32ecb92db%3A0x3964e6238a3bd088!2zOCBUw7RuIFRo4bqldCBUaHV54bq_dCwgTeG7uSDEkMOsbmgsIEPhuqd1IEdp4bqleSwgSMOgIE7hu5lpLCBWaWV0bmFt!5e0!3m2!1sen!2s!4v1604043977876!5m2!1sen!2s" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
		</div>
	</div>
	
	<script type="text/javascript">
		
	</script>
</body>
</html>


avatar
Triệu Văn Lăng [T2008A]
2020-11-03 13:31:58



<!DOCTYPE html>
<html lang="en">
<head>
	<title>Donghoshop.com</title>
	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
	<!-- 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>
		<style type="text/css">
			a {
				color: black;
			}
		</style>
</head>
<body>
	<div class="row" style="background-color: black">
		<div class="col-md-6" style="text-align: center; color: grey; padding-top: 7px;padding-bottom: 7px">
			Hàng thật-Giá chuẩn-Phục vụ tận tâm
		</div>
		<div class="col-md-6" style="text-align: center; padding-top: 7px;padding-bottom: 7px">
			<i class="fa fa-phone" style="color: yellow"></i>
			<a href="telno:0969696969" style="color: red; margin-left: 10px">0976670256</a>
			<a href="telno:0969696969" style="color: red; margin-left: 10px">0976670256</a>
			<a href="telno:0969696969" style="color: red; margin-left: 10px">0976670256</a>
			<div class="input-group mb-3" style="width: 160px; float: right; margin-bottom: 0px; background-color: grey; margin-right: 30px">
				<input type="text" class="form-control" placeholder="Từ khóa tìm kiếm" name="search" style="width: 160px; background-color: #f7f5f5" >
				 <div class="input-group-append">
				    <span class="input-group-text">
				    	<i class="fa fa-search" style="background-color: yellow"></i>
			    	</span>
			  </div>
			</div>
		</div>
	</div>
	<div class="row" style="border-top: solid #f1a03c 5px;">
		<div class="col-md-5" style="padding-top: 10px; padding-bottom: 10px;">
			<img src="https://thegioidaydongho.com/wp-content/uploads/2020/04/logo-canh-1989w.png" width="100%" height="100px" style="padding: 10px;">
		
	</div>
	<div class="col-md-7" style="padding-top: 30px">
		<nav class="navbar navbar-expand-sm" style="float: right; 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="#">Đồng Hồ Nam|</a>
			    </li>
			    <li class="nav-item">
			      <a class="nav-link" href="#">Đồng Hồ Nữ|</a>
			    </li>
			    <li class="nav-item">
			      <a class="nav-link" href="#">Đồng Hồ Đôi |</a>
			    </li>
			    <li class="nav-item active">
			      <a class="nav-link" href="#">Mẫu Hót Nhat|</a>
			    </li>
			    <li class="nav-item">
			      <a class="nav-link" href="#">Sale|</a>
			    </li>
			    <li class="nav-item">
			      <a class="nav-link" href="#">Blog</a>
			    </li>
			  </ul>
		</nav>
	</div>
	<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
	  	<div class="carousel-inner">
	    	<div class="carousel-item active" style="padding-left: 50px">
	      		<img class="d-block w-100" src="https://i.ytimg.com/vi/gMzsP8KapOg/maxresdefault.jpg" width="100%" alt="First slide">
			</div>	
			<div class="carousel-item" style="padding-left: 50px">
				<img src="https://royaljewelers.com/wp-content/uploads/2018/02/Value-Watches-Banner.jpg" alt="Second slide">
			</div>
		</div>
	</div>

	<div class="container" style="margin-top: 20px;">
		<div class="float-left card bg-dark">
			<div class="card-header text-white">DANH MỤC SẢN PHẨM</div>
			<div class="card-body text-white" style="text-align: left;">
			<ul>
				
				<li>
					<a href="#">Edox</a></li>
				<li>
					<a href="#">Michael kors</a></li>
				<li>
					<a href="#">Marc By Marc Jacobs</a></li>
				<li>
					<a href="#">Burberry</a></li>
				<li>
					<a href="#">Bulova</a></li>
				<li>
					<a href="#">Bulova Accutron</a></li>
				<li>
					<a href="#">Calvin Kelein</a></li>
				<li>
					<a href="#">DKNY</a></li>
				<li>
					<a href="#">Frederique Constant</a></li>
				<li>
					<a href="#">Gucci</a></li>
				<li>
					<a href="#">Hamilton</a></li>
				<li>
					<a href="#">Longines</a></li>
				<li>
					<a href="#">Maurice Lacroix</a></li>
				<li>
					<a href="#">Montblanc</a></li>
				<li>
					<a href="#">Movado</a></li>
				<li>
					<a href="#">Omega</a></li>
				<li>
					<a href="#">Oris</a></li>
				<li>
					<a href="#">Rado</a></li>
				<li>
					<a href="#">Tissot</a></li>
				<li>
					<a href="#">Rado</a></li>
				<li>
					<a href="#">Raymond Weil</a></li>
				<li>
					<a href="#">Skagen</a></li>
				<li>
					<a href="#">Swaorovski</a></li>
				<li>
					<a href="#">TAG Heuer</a></li>
				<li>
					<a href="#">Victorynox Swiss Amy</a></li>
				<li>
					<a href="#">Lacoste</a></li>
				<li>
					<a href="#">Zenith</a></li>
				<li>
					<a href="#">Charmex</a></li>
				<li>
					<a href="#">Seiko</a></li>
			</ul>
		</div>
		</div>
		<div class="card-body bg-light">
			<div class="container-fluid">
				<div class="row">
					<div class="col">
						<a href="#" class="nav-link">
							<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcSOfcL8xi33WClZf5BrFWw6lXpz-uFgIAwFswT6O8Y9JSFOO93BjpUr8HzbqcN_RJ5huVSo2q85&usqp=CAc">
						</a>
						<p>Đồng hồ Gucci YA126487A</p>
						<button style="width: 200px;  background-color: black;">
							<a href="#" class="nav-link" style="color: white; padding-left: -20px;">Giá: Liên hệ <i class="fas fa-phone-volume"></i></a>
						</button>
					</div>
					<div class="col">
						<a href="#" class="nav-link">
							<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQt4mOLgAK7J73kaMFjTktte6ixHYF0JIjJUpUFPBmkAf2Y7KaFwmCrpLIw_1vepjX0XgMI-NOQ&usqp=CAc">
						</a>
						<p>Đồng hồ Gucci YA126487A</p>
						<button style="width: 200px;  background-color: black;">
							<a href="#" class="nav-link" style="color: white; padding-left: -20px;">Giá: Liên hệ <i class="fas fa-phone-volume"></i></a>
						</button>
					</div>
					<div class="col">
						<a href="#" class="nav-link">
							<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRYWYCz6JR-Sw-9DSZCYVDLxb-EWbHDE5pViyFQtXBm3xTDa11VwF_gKUARVtimBAR_YqvI2tf3&usqp=CAc">
						</a>
						<p>Đồng hồ Gucci YA126487A</p>
						<button style="width: 200px;  background-color: black;">
							<a href="#" class="nav-link" style="color: white; padding-left: -20px;">Giá: Liên hệ <i class="fas fa-phone-volume"></i></a>
						</button>
					</div>
					<div class="col">
						<a href="#" class="nav-link">
							<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQHPXG98tdePF-C2BpXyFK6NOCXGM5W9IRBsw&usqp=CAU" style="margin-left: -15px" width="50%">
						</a>
						<p>Đồng hồ Gucci YA126487A</p>
						<button style="width: 200px;  background-color: black;">
							<a href="#" class="nav-link" style="color: white; padding-left: -20px;">Giá: Liên hệ <i class="fas fa-phone-volume"></i></a>
						</button>
					</div>
					<div class="col">
						<a href="#" class="nav-link">
							<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQt4mOLgAK7J73kaMFjTktte6ixHYF0JIjJUpUFPBmkAf2Y7KaFwmCrpLIw_1vepjX0XgMI-NOQ&usqp=CAc">
						</a>
						<p>Đồng hồ Gucci YA126487A</p>
						<button style="width: 200px;  background-color: black;">
							<a href="#" class="nav-link" style="color: white; padding-left: -20px"  >Giá: Liên hệ <i class="fas fa-phone-volume"></i></a>
						</button>
					</div>
					
					</div>
				</div>
			</div>
		</div>
</body>
</html>


avatar
Nguyễn đình quân [T2008A]
2020-11-02 10:12:47



<!DOCTYPE html>
<html>
<head>
  <title>DONGHOSO1.VN</title>

  <!-- 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">
  <!-- https://fontawesome.com/icons?from=io -->

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

    .navbar-nav .active {
      background-color: #f1a03c;
      color: white !important;
    }
  </style>
</head>
<body>

  <div class="row" style="background-color: black;">
    <div class="col-md-6" style="text-align: center; color: grey;padding-top: 7px; padding-bottom: 7px;">
      Hang that - gia chuan - phuc vu tan tam
    </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:0967025996" style="color: red; margin-left: 10px;">0967.025.996</a>
      <a href="telno:0967025996" style="color: red; margin-left: 10px;">0967.025.996</a>
      <a href="telno:0967025996" style="color: red; margin-left: 10px;">0967.025.996</a>
      <div class="input-group mb-3" style="width: 180px; float: right; margin-bottom: 0px !important; background-color: grey;">
        <input type="text" class="form-control" placeholder="Email" id="demo" name="email" style="width: 180px; background-color: #f7f5f5;">
        <div class="input-group-append">
          <span class="input-group-text">
            <i class="fa fa-search"></i>
          </span>
        </div>
      </div>
    </div>
  </div>

  <div class="row" style="border-top: solid #f1a03c 5px;">
    <div class="col-md-5" style="padding-top: 10px; padding-bottom: 10px;">
      <img src="https://res.cloudinary.com/ziczacgroup/image/upload/v1587623413/qhwncq3wtjkrsyke6ayw.png" style="width: 160px; padding-left: 80px;">
    </div>
    <div class="col-md-7">
    
      <nav class="navbar navbar-expand-sm" style="float: right; 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="#">Dong Ho Nam</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Dong Ho Nu</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Dong Ho Doi</a>
          </li>
          <li class="nav-item active">
            <a class="nav-link" href="#">Mau Hot Nhat</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Sale</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Blog</a>
          </li>
        </ul>
      </nav>
    </div>
  </div>
  
  <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner">
      <div class="carousel-item active">
        <img class="d-block w-100" src="https://png.pngtree.com/thumb_back/fw800/back_our/20190621/ourmid/pngtree-black-dynamic-watch-simple-black-banner-image_182859.jpg" alt="First slide">
      </div>
      
    </div>
  </div>
  
  <div class="row">
    <!-- left me -->
    <div class="col-md-3" style="background-color: black; color: white;">
      <ul>
        DANH MỤC SẢN PHẨM 
        <li>Edox</li>
        <li>Michael Kos</li>
        <li>Marc by Marc Jacobs </li>
        <li>Burberry</li>
        <li>Bulova</li>
        <li>Bulova Accutron</li>
        <li>Calvin Klein</li>
        <li>DKNY</li>
        <li>Fredenque Constant</li>
        <li>Gucci</li>
        <li>Hamilton</li>
        <li>Longines</li>
        <li>Maurice Lacroix</li>
        <li>Montblanc</li>
        <li>Movado</li>
        <li>Omega</li>
        <li>Oris</li>
        <li>Rado</li>
        <li>Raymond Weil</li>
        <li>Skagen</li>
        <li>Swarovski</li>
        <li>TAG Heuer</li>
        <li>Tissot</li>
        <li>Victonnox Swiss Amy</li>
        <li>Lacoste</li>
        <li>Zenith</li>
        <li>Chamex</li>
        <li>Seiko</li>

      </ul>
       <img src="https://dongho24h.com/upload/1/products/l_576377103_le_chateau_01.jpg" style="width: 100%;">
    </div>
    <div class="col-md-9">
      <div class="row">
        <div class="col-md-3">
          <img src="https://shopdongho.com/wp-content/uploads/2018/09/dong-ho-casio-b640wc-5adf-pin-nam-inox-1-1.jpg" style="width: 95%">
          <p style="text-align: center;">Casio B640WC-5ADF Nữ Quartz</p>
          1.391.000VNĐ(Giá bạn tiết kiệm: 348.000VNĐ)
        </div>
        <div class="col-md-3">
          <img src="https://shopdongho.com/wp-content/uploads/2018/09/casio-mtp-1374d-1avdf.jpg" style="width: 95%">
          <p style="text-align: center;">Casio MTP-1374D-1AVDF Nam Quartz</p>
          1.579.000VNĐ(Giá bạn tiết kiệm: 395.000VNĐ)
        </div>
        <div class="col-md-3">
          <img src="https://shopdongho.com/wp-content/uploads/2018/09/casio-ga-120-1adr.jpg" style="width: 95%">
          <p style="text-align: center;">Casio G-SHOCK GA-120-1ADR Nam Quartz</p>
          2.839.000VNĐ(Giá bạn tiết kiệm: 710.000VNĐ)
        </div>
        <div class="col-md-3">
          <img src="https://shopdongho.com/wp-content/uploads/2018/09/casio-efr-527d-7avudf.jpg" style="width: 95%">
          <p style="text-align: center;">Casio Edifice EFR-527D-7AVUDF Nam Quartz</p>
          2.689.000VNĐ(Giá bạn tiết kiệm: 672.000VNĐ)
        </div>
      </div>
      <div class="row">
        <div class="col-md-3">
          <img src="https://shopdongho.com/wp-content/uploads/2018/09/casio-a168wegb-1bdf.jpg" style="width: 95%">
          <p style="text-align: center;">Casio A168WEGB-1BDF Nữ Quartz</p>
          1.749.000VNĐ(Giá bạn tiết kiệm: 437.000VNĐ)
        </div>
        <div class="col-md-3">
          <img src="https://shopdongho.com/wp-content/uploads/2020/01/casio-g-shock-GA-2000-5ADR.jpg" style="width: 95%">
          <p style="text-align: center;">Casio G-SHOCK GA-2000-5ADR Nam Quartz</p>
          3.366.000VNĐ(Giá bạn tiết kiệm: 841.000VNĐ)
        </div>
        <div class="col-md-3">
          <img src="https://shopdongho.com/wp-content/uploads/2020/01/casio-g-shock-GA-710GB-1ADR.jpg" style="width: 95%">
          <p style="text-align: center;">Casio G-SHOCK GA-710GB-1ADR Nam Quartz</p>
          3.817.000VNĐ(Giá bạn tiết kiệm: 954.000VNĐ)
        </div>
        <div class="col-md-3">
          <img src="https://shopdongho.com/wp-content/uploads/2020/01/casio-g-shock-GA-700SK-1ADR.jpg" style="width: 95%">
          <p style="text-align: center;">Casio G-SHOCK GA-700SK-1ADR Nam Quartz</p>
          2.895.000VNĐ(Giá bạn tiết kiệm: 724.000VNĐ)
        </div>
        <div class="col-md-3">
          <img src="https://shopdongho.com/wp-content/uploads/2018/09/casio-g-shock-G-2900F-1VDR.jpg" style="width: 95%">
          <p style="text-align: center;">Casio G-SHOCK G-2900F-1VDR Nam Quartz</p>
          1.523.000VNĐ(Giá bạn tiết kiệm: 381.000VNĐ) 
        </div>
        <div class="col-md-3">
          <img src="https://shopdongho.com/wp-content/uploads/2019/02/dong-ho-casio-MTP-E149L-1BVDF.jpg" style="width: 95%">
          <p style="text-align: center;">Casio MTP-E149L-1BVDF Nam Quartz</p>
          1.504.000VNĐ(Giá bạn tiết kiệm: 376.000VNĐ)
        </div>
        <div class="col-md-3">
          <img src="https://shopdongho.com/wp-content/uploads/2019/09/dong-ho-casio-mtp-1374l-1avdf-nam-pin-day-da-a.jpg" style="width: 95%">
          <p style="text-align: center;">Casio MTP-1374L-1AVDF Nam Quartz</p>
          1.523.000VNĐ(Giá bạn tiết kiệm: 381.000VNĐ)
        </div>
        <div class="col-md-3">
          <img src="https://shopdongho.com/wp-content/uploads/2018/09/dong-ho-casio-she-4510sg-7audr-nu-pin-day-inox.jpg" style="width: 95%">
          <p style="text-align: center;">Casio Sheen SHE-4510SG-7AUDR Nữ Quartz</p>
           6.186.000VNĐ(Giá bạn tiết kiệm: 1.546.000VNĐ)
        </div>
        <div class="col-md-12">
          <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>
</body>
</html>


avatar
Nguyên Phấn Đông [T2008A]
2020-11-02 06:01:12


#test.html


<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<!-- 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>
	<meta name='viewport' content='width=device-width, initial-scale=1'>
	<script src='https://kit.fontawesome.com/a076d05399.js'></script>
	<style type="text/css">
     .navbar-nav .nav-item a:hover{
     	background: yellow;
     	border: 9px !important;
     }
     .float-left{
     	background-color: black !important;
     }
    .khung{
    	border: 1px solid #d9d9d4 !important;
		background-color: #dbd5d5 !important;
		

    }
    .card1{
background-color: #dbd5d5 !important;
    }
	</style>
</head>
<body>
	<nav class="navbar navbar-expand-sm bg-dark" style="color: white;">
		<ul class="navbar-nav">
			<li class="nav-item" style="margin-left: 50px; margin-top: 4px;">Hàng thật - giá chuẩn - Phục vụ tận tâm</li>
			<li class="nav-item" style="margin-left: 200px; margin-top: 4px;">
				<i class="fas fa-phone-alt" style="color: yellow"></i>
				Hotline: 0974 576 809 . 0911 545 121 . 0987 425 657
			</li>
			<li class="nav-item" style="margin-left: 100px;">
				<form class="form-inline" action="/action_page.php">
    				<input class="form-control mr-sm-2" type="text" placeholder="Search">
    				<button class="btn btn-success" type="submit" style="color: yellow;"><i class="fas fa-search" ></i></button>
  				</form>
			</li>
		</ul>
	</nav>
	<nav class="navbar navbar-expand-sm">
		<a class="navbar-brand" href="#" style="margin-left: 104px; padding-right: 20px;">
			<img src="https://donghosomot.com/Styles/images/logo-header.png" alt="logo">
		</a>
		<ul class="navbar-nav" style="margin-left: 248px;"><i class="fas fa-home" style="color: yellow;padding-bottom: 2px;padding-top: 10px;padding-right: 6px;"></i>
			<li class="nav-item">

				<a href="#" class="nav-link" style="color: black;">ĐỒNG HỒ NAM</a>
			</li>
			<li class="nav-item">
				<a href="#" class="nav-link" style="color: black;">ĐỒNG HỒ NỮ</a>
			</li>
			<li class="nav-item">
				<a href="#" class="nav-link" style="color: black;">ĐỒNG HỒ ĐÔI</a>
			</li>
			<li class="nav-item">
				<a href="#" class="nav-link" style="color: black;">MẪU HOT NHẤT</a>
			</li>
			<li class="nav-item">
				<a href="#" class="nav-link" style="color: black;">SALE</a>
			</li>
			<li class="nav-item">
				<a href="#" class="nav-link" style="color: black;">BLOG</a>
			</li>
		</ul>
	</nav>
	<img src="https://donghosomot.com/FileUpload/Images/banner_hourglass_xpx.png" class="mx-auto d-block">
	<div class="container" style="margin-top: 20px;">
		<div class="float-left card bg-dark">
			<div class="card-header text-white">
				DANH MỤC SẢN PHẨM
			</div>
			<div class="card-body text-white">
				<ul>
					<li>
						<a href="#" class="nav-link" style="color: white;">Edox</a>
					</li>
					<li>
						<a href="#" class="nav-link" style="color: white;">Michael Kors</a>
					</li>
					<li>
						<a href="#" class="nav-link" style="color: white;">Mare by Mare Jacobs</a>
					</li>
					<li>
						<a href="#" class="nav-link" style="color: white;">Burberry</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Bulova</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Bulova Accutron</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Calvin Klein</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">DKNY</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Frederique Constant</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Gucci</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Hamilton</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Longines</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Maurice Lacroix</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Montblanc</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Movado</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Omega</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Oris</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Rado</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Raymond Weil</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Skagen</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Swarovski</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">TAG Heuer</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Tissot</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Victorinox Swiss Army</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Lacoste</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Zenith</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Charmex</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Seico</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="card-body bg-light khung">
			<div class="container-fluid">
				<div class="row">
					<div class="col card1 card">
						<a href="#" class="nav-link">
							<img src="https://donghosomot.com/FileUpload/Images/thumb/sl_10.jpg">
						</a>
						<p>Đồng hồ nam Calvin Klein Infinite K5S346G6</p>
						<button style="width: 200px; margin-left: 20px; background-color: black;"><a href="#" class="nav-link" style="color: white; padding-left: -20px;">Giá: Liên hệ <i class="fas fa-phone-volume"></i></a></button>
					</div>
					<div class="col card1 card">
						<a href="#" class="nav-link">
							<img src="https://donghosomot.com/FileUpload/Images/thumb/dongholomayseikossakchonamcdd_result.png">
						</a>
						<p>Đồng hồ nam Frederique Constant Slimline FC-235M4S4</p>
						<button style="width: 200px; margin-left: 20px; background-color: black;"><a href="#" class="nav-link" style="color: white; padding-left: -20px;">Giá: Liên hệ <i class="fas fa-phone-volume"></i></a></button>
					</div>
					<div class="col card1 card">
						<a href="#" class="nav-link">
							<img src="https://donghosomot.com/FileUpload/Images/thumb/sl_result_3.png">
						</a>
						<p>Đồng hồ nam Orient Sun And Moon RA-AK0304B10B</p>
						<button style="width: 200px; margin-left: 20px; background-color: black;"><a href="#" class="nav-link" style="color: white; padding-left: -20px;">Giá: Liên hệ <i class="fas fa-phone-volume"></i></a></button>
					</div>
					
				</div>
			</div>
			<div class="container-fluid" style="margin-top: 30px;">
				<div class="row">
					<div class="col card1 card">
						<a href="#" class="nav-link">
							<img src="https://donghosomot.com/FileUpload/Images/thumb/dong_ho_orient_raakbb_result.jpg">
						</a>
						<p>Đồng hồ nam Orient Sun And Moon RA-AK0303L10B</p>
						<button style="width: 200px; margin-left: 20px; background-color: black;"><a href="#" class="nav-link" style="color: white; padding-left: -20px;">Giá: Liên hệ <i class="fas fa-phone-volume"></i></a></button>
					</div>
					<div class="col card1 card">
						<a href="#" class="nav-link">
							<img src="https://donghosomot.com/FileUpload/Images/thumb/raaklb_result.jpg">
						</a>
						<p>Đồng hồ nữ Orient RA-KA0006S00B</p>
						<button style="width: 200px; margin-left: 20px; background-color: black;"><a href="#" class="nav-link" style="color: white; padding-left: -20px;">Giá: Liên hệ <i class="fas fa-phone-volume"></i></a></button>
					</div>
					<div class="col card1 card">
						<a href="#" class="nav-link">
							<img src="https://donghosomot.com/FileUpload/Images/thumb/efeeeadecaaad_result.jpg">
						</a>
						<p>Đồng hồ nữ  Versace Mini Vanity VEAA00218</p>
						<button style="width: 200px; margin-left: 20px; background-color: black;"><a href="#" class="nav-link" style="color: white; padding-left: -20px;">Giá: Liên hệ <i class="fas fa-phone-volume"></i></a></button>
					</div>
					
				</div>
			</div>
			<div class="container-fluid padding" style="margin-top: 30px;">
				<div class="row padding">
					<div class="col-md-4 card1 card">
						
						<a href="#" class="nav-link">
							<img src="https://donghosomot.com/FileUpload/Images/thumb/sl_result_61.jpg">
						</a>
						<p class="card-text">Đồng hồ nữ Versace V-Circle VE8100118</p>
						<button style="width: 200px; margin-left: 20px; background-color: black;"><a href="#" class="nav-link" style="color: white; padding-left: -20px;">Giá: Liên hệ <i class="fas fa-phone-volume"></i></a></button>
					
				</div>
					<div class="col-md-4 card1 card">
						<a href="#" class="nav-link">
							<img src="https://donghosomot.com/FileUpload/Images/thumb/sl_result_60.jpg">
						</a>
						<p>Đồng hồ nam Girard Perregaux Vintage 1945 25850-0-52-1051</p>
						<button style="width: 200px; margin-left: 20px; background-color: black;"><a href="#" class="nav-link" style="color: white; padding-left: -20px;">Giá: Liên hệ <i class="fas fa-phone-volume"></i></a></button>
					</div>
					<div class="col-md-4 card1 card">
						<a href="#" class="nav-link">
							<img src="https://donghosomot.com/FileUpload/Images/thumb/sl__result_232.jpg">
						</a>
						<p>Đồng hồ nữ Versace Greca Icon VELU00619</p>
						<button style="width: 200px; margin-left: 20px; background-color: black;"><a href="#" class="nav-link" style="color: white; padding-left: -20px;">Giá: Liên hệ <i class="fas fa-phone-volume"></i></a></button>
					</div>
					
				</div>
			</div>
		</div>
	</div>
	<div class="container-fluid padding">
		<div class="row text-center padding">
			<div class="col-12">
				<img src="https://donghosomot.com/Styles/images/logo-header.png" alt="logo">
				<a href="#"><i class="fas fa-facebook"></i> </a>
				<a href="#"><i class="fas fa-twitter"></i> </a>
			</div>
		</div>
	</div>
</body>
</html>


avatar
Nguyễn Xuân Mai [T2008A]
2020-11-01 15:15:44



<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<!-- 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>

	<meta name='viewport' content='width=device-width, initial-scale=1'>
	<script src='https://kit.fontawesome.com/a076d05399.js'></script>
</head>
<body>
	<div class="row" style="font-size: small;">
		<div class="nav nav-tabs" style="background-color: black; color: white">
			<ul class="nav">
			 	<li class="nav-item">
			    	<a class="nav-link disabled" href="#">Hàng thật - Giá chuẩn - Phục vụ tận tâm</a>
			  	</li>
			  	<li class="nav-item" style="margin-left: 225px; display: flex;">
					<a href="#" class="nav-link disabled"><i class="fas fa-phone" style="color: orange"></i>Hotline: 093 563 5754 - 093 563 5754 - 093 563 5754</a>
				</li>
				<li>
					<form class="form-inline">
		    			<input class="form-control mr-sm-2" type="text" placeholder="Từ khóa tìm kiếm">
                		<button class="btn btn-outline-warning my-2 my-sm-0" type="submit"><i class="fa fa-search"></i></button>			  	
                	</form>
				</li>
			</ul>
		</div>
	</div>
	<div class="container">
		<ul class="nav">
			<li style="margin-top: 1%">DONGHOSOMOT.COM</li>
		 	<li class="nav-item" style="margin-left: 13%">
		    	<a class="nav-link disabled" href="#"><i class="fas fa-home"></i>ĐỒNG HỒ NAM | ĐỒNG HỒ NỮ | ĐỒNG HỒ ĐÔI | MẪU HOT NHẤT | SALE | BLOG</a>
		  	</li>
		</ul>
	</div>

	<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
	  <div class="carousel-inner">
	    <div class="carousel-item active">
	      <img class="d-block w-100" src="https://res.cloudinary.com/wegoup/image/upload/v1604027906/pxcah94ve1bzhp7a8ous.jpg" alt="First slide">
	    </div>
	    <div class="carousel-item">
	      <img class="d-block w-100" src="https://res.cloudinary.com/wegoup/image/upload/v1604027902/zqsydf2cioamp3yytgtd.jpg" alt="Second slide">
	    </div>
	    <div class="carousel-item">
	      <img class="d-block w-100" src="https://res.cloudinary.com/wegoup/image/upload/v1604027901/rlic67yh7qkbhlyfpbp5.jpg" alt="Third slide">
	    </div>
	  </div>
	</div>
	
	<div class="row">
		<div class="col-md-3">
			<ul class="nav nav-pills flex-column" style="background-color: black">
		        <li class="nav-item">
		          	<a class="nav-link" href="#">Danh mục sản phẩm </a>
		        </li>
		        <li class="nav-item">
		          	<a class="nav-link" href="#">Edox</a>
		        </li>
		        <li class="nav-item">
		          	<a class="nav-link" href="#">Michael Kor</a>
		        </li>
		        <li class="nav-item">
		          	<a class="nav-link" href="#">Marc by Marc Jacob</a>
		        </li>
		        <li class="nav-item">
		          	<a class="nav-link" href="#">Burberry</a>
		        </li>
		        <li class="nav-item">
		          	<a class="nav-link" href="#">Calvin Klein</a>
		        </li>       
		        <li class="nav-item">
		         	<a class="nav-link" href="#">Gucci</a>
		        </li>
		        <li class="nav-item">
		         	<a class="nav-link" href="#">Hamilton</a>
		        </li>
		        <li class="nav-item">
		         	<a class="nav-link" href="#">Omega</a>
		        </li>                                    
		    </ul>
	  	</div>
  		<div class="col-md-9" style="margin-top: 3%">
  			<div class="row">
  				<div class="col-md-3">
  					<img src="https://res.cloudinary.com/wegoup/image/upload/v1604027903/hecivsgz6gylq2u246rf.jpg" style="width: 95%">
  					<p><center>Đồng Hồ Nam Thụy Sỹ</center></p>
  					<button style="width: 200px; background-color: black;">
  						<a href="#" class="nav-link" style="color: white">
  							Giá: Liên hệ
  							<i class="fas fa-phone-volume" style="margin-left: 30%"></i>
  						</a>
  					</button>
  				</div>
  				<div class="col-md-3">
  					<img src="https://res.cloudinary.com/wegoup/image/upload/v1604027903/hecivsgz6gylq2u246rf.jpg" style="width: 95%">
  					<p><center>Đồng Hồ Nam Thụy Sỹ</center></p>
  					<button style="width: 200px; background-color: black;">
  						<a href="#" class="nav-link" style="color: white">
  							Giá: Liên hệ
  							<i class="fas fa-phone-volume" style="margin-left: 30%"></i>
  						</a>
  					</button>
  				</div>
  				<div class="col-md-3">
  					<img src="https://res.cloudinary.com/wegoup/image/upload/v1604027903/hecivsgz6gylq2u246rf.jpg" style="width: 95%">
  					<p><center>Đồng Hồ Nam Thụy Sỹ</center></p>
  					<button style="width: 200px; background-color: black;">
  						<a href="#" class="nav-link" style="color: white">
  							Giá: Liên hệ
  							<i class="fas fa-phone-volume" style="margin-left: 30%"></i>
  						</a>
  					</button>
  				</div>
  				<div class="col-md-3">
  					<img src="https://res.cloudinary.com/wegoup/image/upload/v1604027903/hecivsgz6gylq2u246rf.jpg" style="width: 95%">
  					<p><center>Đồng Hồ Nam Thụy Sỹ</center></p>
  					<button style="width: 200px; background-color: black;">
  						<a href="#" class="nav-link" style="color: white">
  							Giá: Liên hệ
  							<i class="fas fa-phone-volume" style="margin-left: 30%"></i>
  						</a>
  					</button>
  				</div>
  				<div class="col-md-3">
  					<img src="https://res.cloudinary.com/wegoup/image/upload/v1604027903/hecivsgz6gylq2u246rf.jpg" style="width: 95%">
  					<p><center>Đồng Hồ Nam Thụy Sỹ</center></p>
  					<button style="width: 200px; background-color: black;">
  						<a href="#" class="nav-link" style="color: white">
  							Giá: Liên hệ
  							<i class="fas fa-phone-volume" style="margin-left: 30%"></i>
  						</a>
  					</button>
  				</div>
  				<div class="col-md-3">
  					<img src="https://res.cloudinary.com/wegoup/image/upload/v1604027903/hecivsgz6gylq2u246rf.jpg" style="width: 95%">
  					<p><center>Đồng Hồ Nam Thụy Sỹ</center></p>
  					<button style="width: 200px; background-color: black;">
  						<a href="#" class="nav-link" style="color: white">
  							Giá: Liên hệ
  							<i class="fas fa-phone-volume" style="margin-left: 30%"></i>
  						</a>
  					</button>
  				</div>
  				<div class="col-md-3">
  					<img src="https://res.cloudinary.com/wegoup/image/upload/v1604027903/hecivsgz6gylq2u246rf.jpg" style="width: 95%">
  					<p><center>Đồng Hồ Nam Thụy Sỹ</center></p>
  					<button style="width: 200px; background-color: black;">
  						<a href="#" class="nav-link" style="color: white">
  							Giá: Liên hệ
  							<i class="fas fa-phone-volume" style="margin-left: 30%"></i>
  						</a>
  					</button>
  				</div>
  				<div class="col-md-3">
  					<img src="https://res.cloudinary.com/wegoup/image/upload/v1604027903/hecivsgz6gylq2u246rf.jpg" style="width: 95%">
  					<p><center>Đồng Hồ Nam Thụy Sỹ</center></p>
  					<button style="width: 200px; background-color: black;">
  						<a href="#" class="nav-link" style="color: white">
  							Giá: Liên hệ
  							<i class="fas fa-phone-volume" style="margin-left: 30%"></i>
  						</a>
  					</button>
  				</div>
  				<div class="col-md-3">
  					<img src="https://res.cloudinary.com/wegoup/image/upload/v1604027903/hecivsgz6gylq2u246rf.jpg" style="width: 95%">
  					<p><center>Đồng Hồ Nam Thụy Sỹ</center></p>
  					<button style="width: 200px; background-color: black;">
  						<a href="#" class="nav-link" style="color: white">
  							Giá: Liên hệ
  							<i class="fas fa-phone-volume" style="margin-left: 30%"></i>
  						</a>
  					</button>
  				</div>
  				<div class="col-md-3">
  					<img src="https://res.cloudinary.com/wegoup/image/upload/v1604027903/hecivsgz6gylq2u246rf.jpg" style="width: 95%">
  					<p><center>Đồng Hồ Nam Thụy Sỹ</center></p>
  					<button style="width: 200px; background-color: black;">
  						<a href="#" class="nav-link" style="color: white">
  							Giá: Liên hệ
  							<i class="fas fa-phone-volume" style="margin-left: 30%"></i>
  						</a>
  					</button>
  				</div>
  				<div class="col-md-3">
  					<img src="https://res.cloudinary.com/wegoup/image/upload/v1604027903/hecivsgz6gylq2u246rf.jpg" style="width: 95%">
  					<p><center>Đồng Hồ Nam Thụy Sỹ</center></p>
  					<button style="width: 200px; background-color: black;">
  						<a href="#" class="nav-link" style="color: white">
  							Giá: Liên hệ
  							<i class="fas fa-phone-volume" style="margin-left: 30%"></i>
  						</a>
  					</button>
  				</div>
  				<div class="col-md-3">
  					<img src="https://res.cloudinary.com/wegoup/image/upload/v1604027903/hecivsgz6gylq2u246rf.jpg" style="width: 95%">
  					<p><center>Đồng Hồ Nam Thụy Sỹ</center></p>
  					<button style="width: 200px; background-color: black;">
  						<a href="#" class="nav-link" style="color: white">
  							Giá: Liên hệ
  							<i class="fas fa-phone-volume" style="margin-left: 30%"></i>
  						</a>
  					</button>
  				</div>
  				<div class="col-md-3">
  					<img src="https://res.cloudinary.com/wegoup/image/upload/v1604027903/hecivsgz6gylq2u246rf.jpg" style="width: 95%">
  					<p><center>Đồng Hồ Nam Thụy Sỹ</center></p>
  					<button style="width: 200px; background-color: black;">
  						<a href="#" class="nav-link" style="color: white">
  							Giá: Liên hệ
  							<i class="fas fa-phone-volume" style="margin-left: 30%"></i>
  						</a>
  					</button>
  				</div>
  				<div class="col-md-3">
  					<img src="https://res.cloudinary.com/wegoup/image/upload/v1604027903/hecivsgz6gylq2u246rf.jpg" style="width: 95%">
  					<p><center>Đồng Hồ Nam Thụy Sỹ</center></p>
  					<button style="width: 200px; background-color: black;">
  						<a href="#" class="nav-link" style="color: white">
  							Giá: Liên hệ
  							<i class="fas fa-phone-volume" style="margin-left: 30%"></i>
  						</a>
  					</button>
  				</div>
  				<div class="col-md-3">
  					<img src="https://res.cloudinary.com/wegoup/image/upload/v1604027903/hecivsgz6gylq2u246rf.jpg" style="width: 95%">
  					<p><center>Đồng Hồ Nam Thụy Sỹ</center></p>
  					<button style="width: 200px; background-color: black;">
  						<a href="#" class="nav-link" style="color: white">
  							Giá: Liên hệ
  							<i class="fas fa-phone-volume" style="margin-left: 30%"></i>
  						</a>
  					</button>
  				</div>
  				<div class="col-md-12" style="margin-top: 3%">
					<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="margin-top: 5%; background-color: #d9dbde">
		<table style="width: 1000px; margin-left:3%">
			<tr>
				<th>DONGHOSOMOT.COM</th>
				<th>ĐỒNG HỒ SỐ MỘT</th>
				<th>HỖ TRỢ KHÁCH HÀNG</th>
				<th>THANH TOÁN</th>
			</tr>
			<tr><th>
				<div class="col-md-12">
						<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3724.0974938515083!2d105.77963881422536!3d21.02878468599839!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x313454b32ecb92db%3A0x3964e6238a3bd088!2zOCBUw7RuIFRo4bqldCBUaHV54bq_dCwgTeG7uSDEkMOsbmgsIEPhuqd1IEdp4bqleSwgSMOgIE7hu5lpLCBWaWV0bmFt!5e0!3m2!1sen!2s!4v1604043977876!5m2!1sen!2s" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" tabindex="0"></iframe>
					</div>
			</th></tr>
		</table>
	</div>
</body>
</html>


avatar
TRẦN VĂN ĐIỆP [Teacher]
2020-10-30 07:57:40



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

	<!-- 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">
	<!-- https://fontawesome.com/icons?from=io -->

	<style type="text/css">
		.nav-link {
			/*border-right: solid grey 1px !important;*/
			color: grey !important;
		}

		.navbar-nav .active {
			background-color: #f1a03c;
			color: white !important;
		}
	</style>
</head>
<body>
	<!-- topbar start-->
	<div class="row" style="background-color: black;">
		<div class="col-md-6" style="text-align: center; color: grey;padding-top: 7px; padding-bottom: 7px;">
			Hang that - gia chuan - phuc vu tan tam
		</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:0967025996" style="color: red; margin-left: 10px;">0967.025.996</a>
			<a href="telno:0967025996" style="color: red; margin-left: 10px;">0967.025.996</a>
			<a href="telno:0967025996" style="color: red; margin-left: 10px;">0967.025.996</a>
			<div class="input-group mb-3" style="width: 180px; float: right; margin-bottom: 0px !important; background-color: grey;">
			  <input type="text" class="form-control" placeholder="Email" id="demo" name="email" style="width: 180px; background-color: #f7f5f5;">
			  <div class="input-group-append">
			    <span class="input-group-text">
			    	<i class="fa fa-search"></i>
			    </span>
			  </div>
			</div>
		</div>
	</div>
	<!-- topbar end -->
	<!-- menu start -->
	<div class="row" style="border-top: solid #f1a03c 5px;">
		<div class="col-md-5" style="padding-top: 10px; padding-bottom: 10px;">
			<!-- logo -->
			<img src="https://res.cloudinary.com/ziczacgroup/image/upload/v1587623413/qhwncq3wtjkrsyke6ayw.png" style="width: 160px; padding-left: 80px;">
		</div>
		<div class="col-md-7">
			<!-- menu -->
			<nav class="navbar navbar-expand-sm" style="float: right; padding: 0px !important;">
			  <!-- Links -->
			  <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="#">Dong Ho Nam</a>
			    </li>
			    <li class="nav-item">
			      <a class="nav-link" href="#">Dong Ho Nu</a>
			    </li>
			    <li class="nav-item">
			      <a class="nav-link" href="#">Dong Ho Doi</a>
			    </li>
			    <li class="nav-item active">
			      <a class="nav-link" href="#">Mau Hot Nhat</a>
			    </li>
			    <li class="nav-item">
			      <a class="nav-link" href="#">Sale</a>
			    </li>
			    <li class="nav-item">
			      <a class="nav-link" href="#">Blog</a>
			    </li>
			  </ul>
			</nav>
		</div>
	</div>
	<!-- menu stop -->
	<!-- banner start -->
	<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
	  <div class="carousel-inner">
	    <div class="carousel-item active">
	      <img class="d-block w-100" src="https://png.pngtree.com/thumb_back/fw800/back_our/20190621/ourmid/pngtree-black-dynamic-watch-simple-black-banner-image_182859.jpg" alt="First slide">
	    </div>
	    <!-- <div class="carousel-item">
	      <img class="d-block w-100" src="https://www.shopavenue.co.za/wp-content/uploads/2018/08/banner.jpg" alt="Second slide">
	    </div>
	    <div class="carousel-item">
	      <img class="d-block w-100" src="https://png.pngtree.com/thumb_back/fw800/back_our/20190621/ourmid/pngtree-black-dynamic-watch-simple-black-banner-image_182859.jpg" alt="Third slide">
	    </div> -->
	  </div>
	</div>
	<!-- banner end -->
	<!-- body start -->
	<div class="row">
		<!-- left me -->
		<div class="col-md-3" style="background-color: black; color: white;">
			<ul>
				<li>ABC</li>
				<li>ABC</li>
				<li>ABC</li>
				<li>ABC</li>
				<li>ABC</li>
				<li>ABC</li>
				<li>ABC</li>
				<li>ABC</li>
				<li>ABC</li>
				<li>ABC</li>
				<li>ABC</li>
				<li>ABC</li>
				<li>ABC</li>
				<li>ABC</li>
				<li>ABC</li>
				<li>ABC</li>
				<li>ABC</li>
				<li>ABC</li>
				<li>ABC</li>
				<li>ABC</li>
				<li>ABC</li>
				<li>ABC</li>
				<li>ABC</li>
				<li>ABC</li>
			</ul>
		</div>
		<div class="col-md-9">
			<div class="row">
				<div class="col-md-3">
					<img src="https://images-na.ssl-images-amazon.com/images/I/81ZKNYBwYlL._AC_SY606_.jpg" style="width: 95%">
					<p style="text-align: center;">TEST TEST TEST TEST TEST TEST TEST TEST</p>
				</div>
				<div class="col-md-3">
					<img src="https://images-na.ssl-images-amazon.com/images/I/81ZKNYBwYlL._AC_SY606_.jpg" style="width: 95%">
					<p style="text-align: center;">TEST TEST TEST TEST TEST TEST TEST TEST</p>
				</div>
				<div class="col-md-3">
					<img src="https://images-na.ssl-images-amazon.com/images/I/81ZKNYBwYlL._AC_SY606_.jpg" style="width: 95%">
					<p style="text-align: center;">TEST TEST TEST TEST TEST TEST TEST TEST</p>
				</div>
				<div class="col-md-3">
					<img src="https://images-na.ssl-images-amazon.com/images/I/81ZKNYBwYlL._AC_SY606_.jpg" style="width: 95%">
					<p style="text-align: center;">TEST TEST TEST TEST TEST TEST TEST TEST</p>
				</div>
			</div>
			<div class="row">
				<div class="col-md-3">
					<img src="https://images-na.ssl-images-amazon.com/images/I/81ZKNYBwYlL._AC_SY606_.jpg" style="width: 95%">
					<p style="text-align: center;">TEST TEST TEST TEST TEST TEST TEST TEST</p>
				</div>
				<div class="col-md-3">
					<img src="https://images-na.ssl-images-amazon.com/images/I/81ZKNYBwYlL._AC_SY606_.jpg" style="width: 95%">
					<p style="text-align: center;">TEST TEST TEST TEST TEST TEST TEST TEST</p>
				</div>
				<div class="col-md-3">
					<img src="https://images-na.ssl-images-amazon.com/images/I/81ZKNYBwYlL._AC_SY606_.jpg" style="width: 95%">
					<p style="text-align: center;">TEST TEST TEST TEST TEST TEST TEST TEST</p>
				</div>
				<div class="col-md-3">
					<img src="https://images-na.ssl-images-amazon.com/images/I/81ZKNYBwYlL._AC_SY606_.jpg" style="width: 95%">
					<p style="text-align: center;">TEST TEST TEST TEST TEST TEST TEST TEST</p>
				</div>
				<div class="col-md-3">
					<img src="https://images-na.ssl-images-amazon.com/images/I/81ZKNYBwYlL._AC_SY606_.jpg" style="width: 95%">
					<p style="text-align: center;">TEST TEST TEST TEST TEST TEST TEST TEST</p>
				</div>
				<div class="col-md-3">
					<img src="https://images-na.ssl-images-amazon.com/images/I/81ZKNYBwYlL._AC_SY606_.jpg" style="width: 95%">
					<p style="text-align: center;">TEST TEST TEST TEST TEST TEST TEST TEST</p>
				</div>
				<div class="col-md-3">
					<img src="https://images-na.ssl-images-amazon.com/images/I/81ZKNYBwYlL._AC_SY606_.jpg" style="width: 95%">
					<p style="text-align: center;">TEST TEST TEST TEST TEST TEST TEST TEST</p>
				</div>
				<div class="col-md-3">
					<img src="https://images-na.ssl-images-amazon.com/images/I/81ZKNYBwYlL._AC_SY606_.jpg" style="width: 95%">
					<p style="text-align: center;">TEST TEST TEST TEST TEST TEST TEST TEST</p>
				</div>
				<div class="col-md-12">
					<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">
		<div class="col-md-12">
			<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3724.0974938515083!2d105.77963881422536!3d21.02878468599839!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x313454b32ecb92db%3A0x3964e6238a3bd088!2zOCBUw7RuIFRo4bqldCBUaHV54bq_dCwgTeG7uSDEkMOsbmgsIEPhuqd1IEdp4bqleSwgSMOgIE7hu5lpLCBWaWV0bmFt!5e0!3m2!1sen!2s!4v1604043977876!5m2!1sen!2s" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
		</div>
	</div>
	<!-- body end -->
	<script type="text/javascript">
		// $('.carousel').carousel({
		//   interval: 5000
		// })
	</script>
</body>
</html>


avatar
hainguyen [T2008A]
2020-10-30 06:43:02


#BT2.html


<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<!-- 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>
	<meta name='viewport' content='width=device-width, initial-scale=1'>
	<script src='https://kit.fontawesome.com/a076d05399.js'></script>
	<style type="text/css">

	</style>
</head>
<body>
	<nav class="navbar navbar-expand-sm bg-dark" style="color: white">
		<ul class="navbar-nav">
			<li class="nav-item" style="margin-left: 100px; margin-top: 4px;">Hàng thật - giá chuẩn - Phục vụ tận tâm</li>
			<li class="nav-item" style="margin-left: 200px; margin-top: 4px;">
				<i class="fas fa-phone-alt"></i>
				Hotline: 0974 576 809 . 0911 545 121 . 0987 425 657
			</li>
			<li class="nav-item" style="margin-left: 100px;">
				<form class="form-inline" action="/action_page.php">
    				<input class="form-control mr-sm-2" type="text" placeholder="Search">
    				<button class="btn btn-success" type="submit"><i class="fas fa-search"></i></button>
  				</form>
			</li>
		</ul>
	</nav>
	<nav class="navbar navbar-expand-sm">
		<a class="navbar-brand" href="#" style="margin-left: 184px;">
			<img src="https://donghosomot.com/Styles/images/logo-header.png" alt="logo">
		</a>
		<ul class="navbar-nav" style="margin-left: 248px;">
			<li class="nav-item">
				<a href="#" class="nav-link" style="color: black;"><i class="fas fa-home" style="color: yellow;"></i>ĐỒNG HÒ NAM</a>
			</li>
			<li class="navyellow">
				<a href="#" class="nav-link" style="color: black;">ĐỒNG HỒ NỮ</a>
			</li>
			<li class="nav-item">
				<a href="#" class="nav-link" style="color: black;">ĐỒNG HỒ ĐÔI</a>
			</li>
			<li class="nav-item">
				<a href="#" class="nav-link" style="color: black;">MẪU HOT NHẤT</a>
			</li>
			<li class="nav-item">
				<a href="#" class="nav-link" style="color: black;">SALE</a>
			</li>
			<li class="nav-item">
				<a href="#" class="nav-link" style="color: black;">BLOG</a>
			</li>
		</ul>
	</nav>
	<img src="https://donghosomot.com/FileUpload/Images/banner_hourglass_xpx.png" class="mx-auto d-block">
	<div class="container" style="margin-top: 20px;">
		<div class="float-left card bg-dark">
			<div class="card-header text-white">
				DANH MỤC SẢN PHẨM
			</div>
			<div class="card-body text-white">
				<ul>
					<li>
						<a href="#" class="nav-link" style="color: white;">Edox</a>
					</li>
					<li>
						<a href="#" class="nav-link" style="color: white;">Michael Kors</a>
					</li>
					<li>
						<a href="#" class="nav-link" style="color: white;">Mare by Mare Jacobs</a>
					</li>
					<li>
						<a href="#" class="nav-link" style="color: white;">Burberry</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Bulova</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Bulova Accutron</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Calvin Klein</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">DKNY</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Frederique Constant</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Gucci</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Hamilton</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Longines</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Maurice Lacroix</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Montblanc</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Movado</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Omega</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Oris</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Rado</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Raymond Weil</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Skagen</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Swarovski</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">TAG Heuer</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Tissot</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Victorinox Swiss Army</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Lacoste</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Zenith</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Charmex</a>
					</li>
					<li>
						<a href="" class="nav-link" style="color: white;">Seico</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="card-body bg-light">
			<div class="container-fluid">
				<div class="row">
					<div class="col">
						<a href="#" class="nav-link">
							<img src="https://donghosomot.com/FileUpload/Images/thumb/sl_10.jpg">
						</a>
						<p>Đồng hồ nam Calvin Klein Infinite K5S346G6</p>
						<button style="width: 200px; margin-left: 20px; background-color: black;"><a href="#" class="nav-link" style="color: white; padding-left: -20px;">Giá: Liên hệ <i class="fas fa-phone-volume"></i></a></button>
					</div>
					<div class="col">
						<a href="#" class="nav-link">
							<img src="https://donghosomot.com/FileUpload/Images/thumb/dongholomayseikossakchonamcdd_result.png">
						</a>
						<p>Đồng hồ nam Frederique Constant Slimline FC-235M4S4</p>
						<button style="width: 200px; margin-left: 20px; background-color: black;"><a href="#" class="nav-link" style="color: white; padding-left: -20px;">Giá: Liên hệ <i class="fas fa-phone-volume"></i></a></button>
					</div>
					<div class="col">
						<a href="#" class="nav-link">
							<img src="https://donghosomot.com/FileUpload/Images/thumb/sl_result_3.png">
						</a>
						<p>Đồng hồ nam Orient Sun And Moon RA-AK0304B10B</p>
						<button style="width: 200px; margin-left: 20px; background-color: black;"><a href="#" class="nav-link" style="color: white; padding-left: -20px;">Giá: Liên hệ <i class="fas fa-phone-volume"></i></a></button>
					</div>
					
				</div>
			</div>
			<div class="container-fluid" style="margin-top: 30px;">
				<div class="row">
					<div class="col">
						<a href="#" class="nav-link">
							<img src="https://donghosomot.com/FileUpload/Images/thumb/dong_ho_orient_raakbb_result.jpg">
						</a>
						<p>Đồng hồ nam Orient Sun And Moon RA-AK0303L10B</p>
						<button style="width: 200px; margin-left: 20px; background-color: black;"><a href="#" class="nav-link" style="color: white; padding-left: -20px;">Giá: Liên hệ <i class="fas fa-phone-volume"></i></a></button>
					</div>
					<div class="col">
						<a href="#" class="nav-link">
							<img src="https://donghosomot.com/FileUpload/Images/thumb/raaklb_result.jpg">
						</a>
						<p>Đồng hồ nữ Orient RA-KA0006S00B</p>
						<button style="width: 200px; margin-left: 20px; background-color: black;"><a href="#" class="nav-link" style="color: white; padding-left: -20px;">Giá: Liên hệ <i class="fas fa-phone-volume"></i></a></button>
					</div>
					<div class="col">
						<a href="#" class="nav-link">
							<img src="https://donghosomot.com/FileUpload/Images/thumb/efeeeadecaaad_result.jpg">
						</a>
						<p>Đồng hồ nữ  Versace Mini Vanity VEAA00218</p>
						<button style="width: 200px; margin-left: 20px; background-color: black;"><a href="#" class="nav-link" style="color: white; padding-left: -20px;">Giá: Liên hệ <i class="fas fa-phone-volume"></i></a></button>
					</div>
					
				</div>
			</div>
			<div class="container-fluid" style="margin-top: 30px;">
				<div class="row">
					<div class="col">
						<a href="#" class="nav-link">
							<img src="https://donghosomot.com/FileUpload/Images/thumb/sl_result_61.jpg">
						</a>
						<p>Đồng hồ nữ Versace V-Circle VE8100118</p>
						<button style="width: 200px; margin-left: 20px; background-color: black;"><a href="#" class="nav-link" style="color: white; padding-left: -20px;">Giá: Liên hệ <i class="fas fa-phone-volume"></i></a></button>
					</div>
					<div class="col">
						<a href="#" class="nav-link">
							<img src="https://donghosomot.com/FileUpload/Images/thumb/sl_result_60.jpg">
						</a>
						<p>Đồng hồ nam Girard Perregaux Vintage 1945 25850-0-52-1051 (LIKE NEW, FULL BOX)</p>
						<button style="width: 200px; margin-left: 20px; background-color: black;"><a href="#" class="nav-link" style="color: white; padding-left: -20px;">Giá: Liên hệ <i class="fas fa-phone-volume"></i></a></button>
					</div>
					<div class="col">
						<a href="#" class="nav-link">
							<img src="https://donghosomot.com/FileUpload/Images/thumb/sl__result_232.jpg">
						</a>
						<p>Đồng hồ nữ Versace Greca Icon VELU00619</p>
						<button style="width: 200px; margin-left: 20px; background-color: black;"><a href="#" class="nav-link" style="color: white; padding-left: -20px;">Giá: Liên hệ <i class="fas fa-phone-volume"></i></a></button>
					</div>
					
				</div>
			</div>
		</div>
	</div>
</body>
</html>


avatar
Do Trung Duc [T2008A]
2020-10-30 03:18:39


#bai2.css


.col-md-3 .nav-pills .nav-item a{
	background-color: #1a1a1a;
	color: white;
}
	
}

.mx-auto{
	height: 170px;
}

.jumbotron .col-md-3 li{
	padding: 0px;
	border: none;
	background-color: #e9ecef;
	text-align: left;
}

.jumbotron .col-md-2 li{
	padding: 0px;
	border: none;
	background-color: #e9ecef;
	text-align: left;
}

.nav-item  a{
	color: black;

}


#bai2.html


<!DOCTYPE html>
<html>
<head>
	<title></title>
	<link rel="stylesheet" type="text/css" href="bai2.css">

	<title>Registation Form * Form Tutorial</title>
	<!-- 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="container-fluid">
		<div style="display: flex;">                                                    <!-- PHAN HEADER -->
			
		
			
	<nav class="navbar navbar-expand-sm bg-dark" style="text-align: center; width: 100%">
		<ul class="navbar-nav">
   				 <li class="nav-item">
    		 		 <a class="nav-link text-white" href="#">Hàng thật - Giá chuẩn - Phục vụ tận tâm</a>
   				 </li>
  		</ul>

  		<ul class="navbar-nav" style="margin-left: 18%">

   				 <li class="nav-item" style="display: flex;">
    		 	     <i style="font-size: 25px; color: yellow; margin-top: 7px;" class="fas fa-phone-volume"></i><a class="nav-link text-white" href="#">Hotline: 0976.9583.653 - 0985.7632.341 - 0763.9724.134 </a>
   				 </li>
  		</ul>

  		<form class="form-inline" action="/action_page.php">
    			<input class="form-control mr-sm-2" type="text" placeholder="Search">
    			<button class="btn btn-success" type="submit">Search</button>
  		</form>
  	</nav>
			
			

			
		</div>

		<div style="display: flex;">   <!-- PHAN THANH MENU  -->
			<div style="width: 40%; text-align: center;">
				<img style="width: 25%" src="">
			</div>
			<div style="width: 60%">
				<!-- Nav pills -->
				<ul class="nav nav-pills" style=" margin-left: 6%">
				  <li class="nav-item">
				    <a style="color: black" class="nav-link active" data-toggle="pill" href="#home">ĐỒNG HỒ NAM</a>
				  </li>
				  <li class="nav-item">
				    <a  style="color: black" class="nav-link" data-toggle="pill" href="#menu1">ĐỒNG HỒ NỮ</a>
				  </li>
				  <li class="nav-item">
				    <a style="color: black" class="nav-link" data-toggle="pill" href="#menu2">ĐỒNG HỒ ĐÔI</a>
				  </li>
				   <li class="nav-item">
				    <a style="color: black" class="nav-link" data-toggle="pill" href="#menu2">MẪU HOT NHẤT</a>
				  </li>
				   <li class="nav-item">
				    <a style="color: black" class="nav-link" data-toggle="pill" href="#menu2">SALE</a>
				  </li>
				   <li class="nav-item">
				    <a style="color: black" class="nav-link" data-toggle="pill" href="#menu2">BLOG</a>
				  </li>
				</ul>

				<!-- Tab panes -->
		<!-- 		<div class="tab-content">
				  <div class="tab-pane container active" id="home">...</div>
				  <div class="tab-pane container fade" id="menu1">...</div>
				  <div class="tab-pane container fade" id="menu2">...</div>
				</div> -->
			</div>
		</div>   

		<div> <!-- PHAN CHAY BANNER -->
				<div id="demo" class="carousel slide" data-ride="carousel">
				  <!-- Indicators -->
				  <ul class="carousel-indicators">
				    <li data-target="#demo" data-slide-to="0"></li>
				    <li data-target="#demo" data-slide-to="1"></li>
				    <li data-target="#demo" data-slide-to="2"></li>
				    <li data-target="#demo" data-slide-to="3"></li>
				  </ul>
				  
				  <!-- The slideshow -->
				  <div class="carousel-inner">
				  	 <div class="carousel-item">
				      <img src="banner.jpg" alt="New York" width="100%" height="500px">
				    </div>
				    <div class="carousel-item active">
				      <img src="banner1.jpg" alt="Los Angeles" width="100%" height="500px">
				    </div>
				    <div class="carousel-item">
				      <img src="banner2.jpg" alt="Chicago" width="100%" height="500px">
				    </div>
				    <div class="carousel-item">
				      <img src="banner3.jpg" alt="New York" width="100%" height="500px">
				    </div>

				  </div>
				  
				  <!-- Left and right controls -->
				  <a class="carousel-control-prev" href="#demo" data-slide="prev">
				    <span class="carousel-control-prev-icon"></span>
				  </a>
				  <a class="carousel-control-next" href="#demo" data-slide="next">
				    <span class="carousel-control-next-icon"></span>
				  </a>
				</div>
		</div>

		<div class="container-fluid" style="margin-top: 20px"> <!-- PHÂN NOI DUNG MAIN-->
			<div class="container-fluid" style="margin-top:30px">
  <div class="row">
    <div class="col-md-3">
      <ul class="nav nav-pills flex-column">
        <li class="nav-item">
          <a style="background-color: black" class="nav-link" href="#">Danh mục sản phẩm </a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Edox</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Michael Kor</a>
        </li>
        <li class="nav-item">
          <a class="nav-link " href="#">Hamilton</a>
        </li>
         <li class="nav-item">
          <a class="nav-link disabled" href="#">Casio</a>
        </li>       
        <li class="nav-item">
          <a class="nav-link " href="#">Rolex</a>
        </li>
          <li class="nav-item">
          <a class="nav-link " href="#">Infiniti</a>
        </li>
          <li class="nav-item">
          <a class="nav-link " href="#">Shinleng</a>
        </li>
         <li class="nav-item">
          <a class="nav-link " href="#">Okumata</a>
        </li>
          <li class="nav-item">
          <a class="nav-link " href="#">Mandiver</a>
        </li>
          <li class="nav-item">
          <a class="nav-link " href="#">Lucembord</a>
        </li>
          <li class="nav-item">
          <a class="nav-link" href="#">Lamborfa</a>
        </li>                                     
      </ul>
      <hr class="d-sm-none">
    </div>

    <div class="col-md-9">
    	<div class="row">
    		 <div class="col-md-3">
    		<div class="container-fluid" style="text-align: center;">
			  <img src="dongho1.jpg" class="mx-auto d-block" style="width:100%;"> 
			  <p>SP1</p>
			  <div style="background-color: black; color: white; font-weight: bold; font-size: 13px; font-family: -apple-system">Giá liên hệ</div> 
			</div>
    		</div>

    		 <div class="col-md-3">
    		<div class="container-fluid" style="text-align: center;">
			  <img src="dongho2.jpg" class="mx-auto d-block" style="width:100%"> 
			  <p>SP2</p>
			  <div style="background-color: black; color: white; font-weight: bold; font-size: 13px; font-family: -apple-system">Giá liên hệ</div> 
			</div>
    		</div>

    		 <div class="col-md-3">
    		<div class="container-fluid" style="text-align: center;">
			  <img src="dongho3.jpg" class="mx-auto d-block" style="width:100%"> 
			  <p>SP3</p>
			  <div style="background-color: black; color: white; font-weight: bold; font-size: 13px; font-family: -apple-system">Giá liên hệ</div> 
			</div>
    		</div>

    		 <div class="col-md-3">
    		<div class="container-fluid" style="text-align: center;">
			  <img src="dongho4.jpg" class="mx-auto d-block" style="width:100%"> 
			  <p>SP4</p>
			  <div style="background-color: black; color: white; font-weight: bold; font-size: 13px; font-family: -apple-system">Giá liên hệ</div> 
			</div>
    		</div>
    	</div>

    	<div class="row">
    		<div class="col-md-3">
    		<div class="container-fluid" style="text-align: center;">
			  <img src="dongho1.jpg" class="mx-auto d-block" style="width:100%"> 
			  <p>SP1</p>
			  <div style="background-color: black; color: white; font-weight: bold; font-size: 13px; font-family: -apple-system">Giá liên hệ</div> 
			</div>
    		</div>

    		 <div class="col-md-3">
    		<div class="container-fluid" style="text-align: center;">
			  <img src="dongho2.jpg" class="mx-auto d-block" style="width:100%"> 
			  <p>SP2</p>
			  <div style="background-color: black; color: white; font-weight: bold; font-size: 13px; font-family: -apple-system">Giá liên hệ</div> 
			</div>
    		</div>

    		 <div class="col-md-3">
    		<div class="container-fluid" style="text-align: center;">
			  <img src="dongho3.jpg" class="mx-auto d-block" style="width:100%"> 
			  <p>SP3</p>
			  <div style="background-color: black; color: white; font-weight: bold; font-size: 13px; font-family: -apple-system">Giá liên hệ</div> 
			</div>
    		</div>

    		 <div class="col-md-3">
    		<div class="container-fluid" style="text-align: center;">
			  <img src="dongho4.jpg" class="mx-auto d-block" style="width:100%"> 
			  <p>SP4</p>
			  <div style="background-color: black; color: white; font-weight: bold; font-size: 13px; font-family: -apple-system">Giá liên hệ</div> 
			</div>
    		</div>
    	</div>

     	<div class="row">
    		<div class="col-md-3">               <!-- BAT DAU PHAN SAN PHAM -->
    		<div class="container-fluid" style="text-align: center;">
			  <img src="dongho1.jpg" class="mx-auto d-block" style="width:100%"> 
			  <p>SP1</p>
			  <div style="background-color: black; color: white; font-weight: bold; font-size: 13px; font-family: -apple-system">Giá liên hệ</div> 
			</div>
    		</div>

    		 <div class="col-md-3">
    		<div class="container-fluid" style="text-align: center;">
			  <img src="dongho2.jpg" class="mx-auto d-block" style="width:100%"> 
			  <p>SP2</p>
			  <div style="background-color: black; color: white; font-weight: bold; font-size: 13px; font-family: -apple-system">Giá liên hệ</div> 
			</div>
    		</div>

    		 <div class="col-md-3">
    		<div class="container-fluid" style="text-align: center;">
			  <img src="dongho3.jpg" class="mx-auto d-block" style="width:100%"> 
			  <p>SP3</p>
			  <div style="background-color: black; color: white; font-weight: bold; font-size: 13px; font-family: -apple-system">Giá liên hệ</div> 
			</div>
    		</div>

    		 <div class="col-md-3">
    		<div class="container-fluid" style="text-align: center;">
			  <img src="dongho4.jpg" class="mx-auto d-block" style="width:100%"> 
			  <p>SP4</p>
			  <div style="background-color: black; color: white; font-weight: bold; font-size: 13px; font-family: -apple-system">Giá liên hệ</div> 
			</div>
    		</div>
    	</div>
    	
     	<div class="row">
    		<div class="col-md-3">
    		<div class="container-fluid" style="text-align: center;">
			  <img src="dongho1.jpg" class="mx-auto d-block" style="width:100%"> 
			  <p>SP1</p>
			  <div style="background-color: black; color: white; font-weight: bold; font-size: 13px; font-family: -apple-system">Giá liên hệ</div> 
			</div>
    		</div>

    		 <div class="col-md-3">
    		<div class="container-fluid" style="text-align: center;">
			  <img src="dongho2.jpg" class="mx-auto d-block" style="width:100%"> 
			  <p>SP2</p>
			  <div style="background-color: black; color: white; font-weight: bold; font-size: 13px; font-family: -apple-system">Giá liên hệ</div> 
			</div>
    		</div>

    		 <div class="col-md-3">
    		<div class="container-fluid" style="text-align: center;">
			  <img src="dongho3.jpg" class="mx-auto d-block" style="width:100%"> 
			  <p>SP3</p>
			  <div style="background-color: black; color: white; font-weight: bold; font-size: 13px; font-family: -apple-system">Giá liên hệ</div> 
			</div>
    		</div>

    		 <div class="col-md-3">
    		<div class="container-fluid" style="text-align: center;">
			  <img src="dongho4.jpg" class="mx-auto d-block" style="width:100%"> 
			  <p>SP4</p>
			  <div style="background-color: black; color: white; font-weight: bold; font-size: 13px; font-family: -apple-system">Giá liên hệ</div> 
			</div>
    		</div>
    	</div>   	   	 <!-- KET THUC PHAN SAN PHAM --> 

    </div>
  </div>
</div>

<div class="jumbotron text-center" style="margin-bottom:0">
  <div class="row">
  		<div class="col-md-3">
			<ul class="list-group list-group-flush">
			  <li class="list-group-item">Địa chỉ: CaugGiay- Hanoi</li>
			  <li class="list-group-item">Email: watchbeauty@gmail.com</li>
			  <li class="list-group-item">Website: bestchoiwatch.com</li>
			  <li class="list-group-item">Tel: 0963.3341.123</li>
			</ul>
  		</div>
  		<div class="col-md-2">
  			<ul class="list-group list-group-flush">
			  <li class="list-group-item">Địa chỉ: CaugGiay- Hanoi</li>
			  <li class="list-group-item">Email: watchbeauty@gmail.com</li>
			  <li class="list-group-item">Website: bestchoiwatch.com</li>
			  <li class="list-group-item">Tel: 0963.3341.123</li>
			</ul>
  		</div>
  		<div class="col-md-3">
  			  <ul class="list-group list-group-flush">
			  <li class="list-group-item">Địa chỉ: CaugGiay- Hanoi</li>
			  <li class="list-group-item">Email: watchbeauty@gmail.com</li>
			  <li class="list-group-item">Website: bestchoiwatch.com</li>
			  <li class="list-group-item">Tel: 0963.3341.123</li>
			</ul>
  		</div>
  		<div class="col-md-2">
  			  <ul class="list-group list-group-flush">
			  <li class="list-group-item">Địa chỉ: CaugGiay- Hanoi</li>
			  <li class="list-group-item">Email: watchbeauty@gmail.com</li>
			  <li class="list-group-item">Website: bestchoiwatch.com</li>
			  <li class="list-group-item">Tel: 0963.3341.123</li>
			</ul>
  		</div>
  		<div class="col-md-2">
  			  <ul class="list-group list-group-flush">
			  <li class="list-group-item">Địa chỉ: CaugGiay- Hanoi</li>
			  <li class="list-group-item">Email: watchbeauty@gmail.com</li>
			  <li class="list-group-item">Website: bestchoiwatch.com</li>
			  <li class="list-group-item">Tel: 0963.3341.123</li>
			</ul>
  		</div>
  </div>
</div>
		</div>


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

























<!-- 		<div style="width: 20%"> 
				<div style="background-color: black;color: white; font-weight: bold; text-align: center;" >DANH MỤC SẢN PHẨM</div>
				<div class="list-group-flush list-group-item-action">
				  <a style="background-color: black;color: white" href="#" class="list-group-item">Edox</a>
				  <a style="background-color: black;color: white" href="#" class="list-group-item">Michael Kor</a>
				  <a style="background-color: black;color: white" href="#" class="list-group-item">Marz Jcob</a>
				  <a style="background-color: black;color: white" href="#" class="list-group-item">Hamilton</a>
				  <a style="background-color: black;color: white" href="#" class="list-group-item">Casio</a>
				  <a style="background-color: black;color: white" href="#" class="list-group-item">Rolex</a>
				   <a style="background-color: black;color: white" href="#" class="list-group-item">Longines</a>
				  <a style="background-color: black;color: white" href="#" class="list-group-item">Seiko</a>
				  <a style="background-color: black;color: white" href="#" class="list-group-item">Curnon</a>
				   <a style="background-color: black;color: white" href="#" class="list-group-item">Kawashaki</a>
				  <a style="background-color: black;color: white" href="#" class="list-group-item">Levante</a>
				  <a style="background-color: black;color: white" href="#" class="list-group-item">Inifible</a>
				  <a style="background-color: black;color: white" href="#" class="list-group-item">Tisort</a>
				  <a style="background-color: black;color: white" href="#" class="list-group-item">Hublot</a>
				  <a style="background-color: black;color: white" href="#" class="list-group-item">Tarmacia</a>
				</div>
			</div> --> 


#banner.jpg


https://res.cloudinary.com/wegoup/image/upload/v1604027898/o2bppbcwy7bonxhfijab.jpg


#banner1.jpg


https://res.cloudinary.com/wegoup/image/upload/v1604027900/rowquua7p62xvv6g1wr7.jpg


#banner2.jpg


https://res.cloudinary.com/wegoup/image/upload/v1604027901/rlic67yh7qkbhlyfpbp5.jpg


#banner3.jpg


https://res.cloudinary.com/wegoup/image/upload/v1604027902/zqsydf2cioamp3yytgtd.jpg


#banner4.jpg


https://res.cloudinary.com/wegoup/image/upload/v1604027902/h8hqvgljk8elarkfhzz9.jpg


#dongho1.jpg


https://res.cloudinary.com/wegoup/image/upload/v1604027903/hecivsgz6gylq2u246rf.jpg


#dongho2.jpg


https://res.cloudinary.com/wegoup/image/upload/v1604027903/ymoxouijzwxyl6hxqoz9.jpg


#dongho3.jpg


https://res.cloudinary.com/wegoup/image/upload/v1604027904/ijwihtdgefl5g0c3t04p.jpg


#dongho4.jpg


https://res.cloudinary.com/wegoup/image/upload/v1604027905/pzkwbq8blrry9udfjamr.jpg


#logo.jpeg


https://res.cloudinary.com/wegoup/image/upload/v1604027905/puibslcvztxxqpzphruw.jpg


#logo.jpg


https://res.cloudinary.com/wegoup/image/upload/v1604027906/pxcah94ve1bzhp7a8ous.jpg


avatar
Nguyễn Tiến Đạt [T2008A]
2020-10-29 16:43:43


#bai2.html


<!doctype html>
<html lang="en">
  <head>
    <title>Cửa hàng đồng hồ thời trang</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <style>
      .top2{
        width: 100%;
        border-top: 3.5px solid yellow;
        display: flex;
        text-transform: uppercase;
      }
      .selection{
        width:150px;
        height: 60px;
        padding-top: 16px;
        color: rgb(90, 88, 88);
        padding-left: 19px;
      }
      .selection:hover{
        background-color: yellow;
        cursor: pointer;
      }
      .left{
        height: 921px;
        width: 266px;
      }
      .left1{
        background-color: black;
        color: white;
        width: 100%;
        height: 52%;
        padding-top: 7px;
      }
      li{
        padding-bottom: 10px;
      }
      li:hover{
        color: red;
        cursor: pointer;
      }
    </style>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  </head>
  <body>
    <nav class="navbar navbar-expand-sm navbar-dark bg-dark">
            <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
                <li style="margin-left: 165px;" class="nav-item">
                    <span  style="color: white;cursor: auto;" class="nav-link">Hàng thật - Giá chuẩn - Phục vụ tận nơi <span class="sr-only">(current)</span></span>
                </li>
                <li style="margin-left: 506px;cursor: auto;" class="nav-item">
                  <span  style="color: white;" class="nav-link"><i class='fas fa-phone-volume' style="font-size: 24px; color: yellow;"></i><span style="font-size: small;">Hotline:</span> <span style="color: red;">0974 266 735</span> <span class="sr-only">(current)</span></span>
              </li>
            </ul>
            <form class="form-inline my-2 my-lg-0">
                <input class="form-control mr-sm-2" type="text" placeholder="Từ khóa tìm kiếm">
                <button class="btn btn-outline-warning my-2 my-sm-0" type="submit"><i class="fa fa-search"></i></button>
            </form>
        </div>
    </nav>
    <div class="top2">
        <span style="font-size: x-large;font-weight: bold;margin-top: 10px;margin-left: 135px;">Donghosomot<span style="font-size: medium;font-weight: bold;">.com</span></span>
        <i class="fa fa-home" style="margin-left: 294px;font-size: 24px;color: rgb(235, 217, 61);padding-top: 16px; cursor: pointer;"></i>
        <div class="selection" style="margin-left: 5px;">đồng hồ nam</div>
        <div class="selection" style="width: 138px;">Đồng Hồ nữ</div>
        <div class="selection">đồng hồ đôi</div>
        <div class="selection">mẫu hot nhất</div>
        <div class="selection" style="width: 74px;">sale</div>
        <div class="selection" style="width: 75px;">Blog</div>
    </div>
  <img src="https://shopwatch.vn/wp-content/uploads/2018/04/anh-bia-dong-ho-05.jpg" alt="" style="width: 100%;">
  <br><br>
  <div class="container-fluid" style="display: flex;">
    <div class="left">
      <div class="left1">
        <div style="margin-left: 43px;">
          <span>DANH MỤC SẢN PHẨM</span>
          <ul style="margin-top:15px">
            <li>Edox</li>
            <li>Michaol Kors</li>
            <li>Bulova</li>
            <li>DKNA</li>
            <li>Nguyen Tien Dat</li>
            <li>Gucci</li>
            <li>Oris</li>
            <li>Rado</li>
            <li>Lacoste</li>
            <li>Zenith</li>
            <li>Charmex</li>
            <li>Seiko</li>
          </ul>
        </div>
      </div>
      <br>
      <img src="https://coverwatches.files.wordpress.com/2018/02/272-co192-05.jpg?w=616" alt="" style="width: 100%;height: auto;">
    </div>
    <div class="card text-black" style="background-color: rgb(199, 194, 194);margin-left: 29px;width: 1069px;">
      <div class="card-body">
        <div class="row">
          <div class="col-sm-3" style="max-width: none;">
              <img src="https://i.pinimg.com/originals/6e/f3/23/6ef323faed30f1defd073e8d4c7d1baa.jpg" alt="" style="width: 232px;height: 300px;">
              <span style="text-transform: uppercase;">women's cap ferrot watch</span>
              <br><br>
              <div style="display: flex;background: #000;height: 37px;color: white;width: 232px;">
                <div style="padding-top: 5px;padding-left: 10px;">Giá: Liên hệ</div> <i class='fas fa-phone-volume' style="font-size: 33px;padding-left: 21px;background-color: yellow;height: 100%;width: 25%;margin-left: 82.54px;cursor: pointer;"></i>
              </div>
          </div>
          <div class="col-sm-3" style="max-width: none;">
            <img src="https://www.iwc.com/content/dam/rcq/iwc/20/34/88/4/2034884.jpeg.transform.buying-options_watch_1000.jpeg" alt="" style="width: 232px;height: 300px;">
            <span style="text-transform: uppercase;">Chronograph parker</span>
            <br><br>
            <div style="display: flex;background: #000;height: 37px;color: white;width: 232px;">
              <div style="padding-top: 5px;padding-left: 10px;">Giá: Liên hệ</div> <i class='fas fa-phone-volume' style="font-size: 33px;padding-left: 21px;background-color: yellow;height: 100%;width: 25%;margin-left: 82.54px;cursor: pointer;"></i>
            </div>
          </div>
          <div class="col-sm-3" style="max-width: none;">
            <img src="https://i.pinimg.com/originals/8f/ad/15/8fad1571a3650c60066beff419b4214e.jpg" alt="" style="width: 232px;height: 300px;">
            <span style="text-transform: uppercase;">watch 3</span>
            <br><br>
            <div style="display: flex;background: #000;height: 37px;color: white;width: 232px;">
              <div style="padding-top: 5px;padding-left: 10px;">Giá: Liên hệ</div> <i class='fas fa-phone-volume' style="font-size: 33px;padding-left: 21px;background-color: yellow;height: 100%;width: 25%;margin-left: 82.54px;cursor: pointer;"></i>
            </div>
          </div>
          <div class="col-sm-3" style="max-width: none;">
            <img src="https://www.watchtime.com/wp-content/uploads/2013/04/48_jaeger_lecoultre_hybris.jpg" alt="" style="width: 232px;height: 300px;">
            <span style="text-transform: uppercase;">Watch 4</span>
            <br><br>
            <div style="display: flex;background: #000;height: 37px;color: white;width: 232px;">
              <div style="padding-top: 5px;padding-left: 10px;">Giá: Liên hệ</div> <i class='fas fa-phone-volume' style="font-size: 33px;padding-left: 21px;background-color: yellow;height: 100%;width: 25%;margin-left: 82.54px;cursor: pointer;"></i>
            </div>
          </div>
        </div>
        <div class="row" style="margin-top: 33px;">
          <div class="col-sm-3" style="max-width: none;">
              <img src="https://cdn.cliqueinc.com/posts/273375/most-expensive-watches-for-women-273375-1542987132713-product.700x0c.jpg" alt="" style="width: 232px;height: 300px;">
              <span style="text-transform: uppercase;">watch 5</span>
              <br><br>
              <div style="display: flex;background: #000;height: 37px;color: white;width: 232px;">
                <div style="padding-top: 5px;padding-left: 10px;">Giá: Liên hệ</div> <i class='fas fa-phone-volume' style="font-size: 33px;padding-left: 21px;background-color: yellow;height: 100%;width: 25%;margin-left: 82.54px;cursor: pointer;"></i>
              </div>
          </div>
          <div class="col-sm-3" style="max-width: none;">
            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Casio_OCEANUS_OCW-S1350PC-1AJR_01.JPG/1200px-Casio_OCEANUS_OCW-S1350PC-1AJR_01.JPG" alt="" style="width: 232px;height: 300px;">
            <span style="text-transform: uppercase;">watch 6</span>
            <br><br>
            <div style="display: flex;background: #000;height: 37px;color: white;width: 232px;">
              <div style="padding-top: 5px;padding-left: 10px;">Giá: Liên hệ</div> <i class='fas fa-phone-volume' style="font-size: 33px;padding-left: 21px;background-color: yellow;height: 100%;width: 25%;margin-left: 82.54px;cursor: pointer;"></i>
            </div>
          </div>
          <div class="col-sm-3" style="max-width: none;">
            <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRFLAReOfF15NAS_shO_3VWiVD5nYVphTjing&usqp=CAU" alt="" style="width: 232px;height: 300px;">
            <span style="text-transform: uppercase;">watch 7</span>
            <br><br>
            <div style="display: flex;background: #000;height: 37px;color: white;width: 232px;">
              <div style="padding-top: 5px;padding-left: 10px;">Giá: Liên hệ</div> <i class='fas fa-phone-volume' style="font-size: 33px;padding-left: 21px;background-color: yellow;height: 100%;width: 25%;margin-left: 82.54px;cursor: pointer;"></i>
            </div>
          </div>
          <div class="col-sm-3" style="max-width: none;">
            <img src="https://cdn.cliqueinc.com/posts/273375/most-expensive-watches-for-women-273375-1542987134870-product.700x0c.jpg" alt="" style="width: 232px;height: 300px;">
            <span style="text-transform: uppercase;">watch 8</span>
            <br><br>
            <div style="display: flex;background: #000;height: 37px;color: white;width: 232px;">
              <div style="padding-top: 5px;padding-left: 10px;">Giá: Liên hệ</div> <i class='fas fa-phone-volume' style="font-size: 33px;padding-left: 21px;background-color: yellow;height: 100%;width: 25%;margin-left: 82.54px;cursor: pointer;"></i>
            </div>
          </div>
        </div>
        <div class="row" style="margin-top: 33px;">
          <div class="col-sm-3" style="max-width: none;">
              <img src="https://www.beautifullife.info/wp-content/uploads/2019/02/general-22.jpg" alt="" style="width: 232px;height: 300px;">
              <span style="text-transform: uppercase;">watch 9</span>
              <br><br>
              <div style="display: flex;background: #000;height: 37px;color: white;width: 232px;">
                <div style="padding-top: 5px;padding-left: 10px;">Giá: Liên hệ</div> <i class='fas fa-phone-volume' style="font-size: 33px;padding-left: 21px;background-color: yellow;height: 100%;width: 25%;margin-left: 82.54px;cursor: pointer;"></i>
              </div>
          </div>
          <div class="col-sm-3" style="max-width: none;">
            <img src="https://www.watchtime.com/wp-content/uploads/2013/12/Excalibur-Quatuor-Silicium.jpg" alt="" style="width: 232px;height: 300px;">
            <span style="text-transform: uppercase;">watch 10</span>
            <br><br>
            <div style="display: flex;background: #000;height: 37px;color: white;width: 232px;">
              <div style="padding-top: 5px;padding-left: 10px;">Giá: Liên hệ</div> <i class='fas fa-phone-volume' style="font-size: 33px;padding-left: 21px;background-color: yellow;height: 100%;width: 25%;margin-left: 82.54px;cursor: pointer;"></i>
            </div>
          </div>
          <div class="col-sm-3" style="max-width: none;">
            <img src="https://qph.fs.quoracdn.net/main-qimg-cfb5073bc1f380f475a3b6e60b28d8d2" alt="" style="width: 232px;height: 300px;">
            <span style="text-transform: uppercase;">watch 11</span>
            <br><br>
            <div style="display: flex;background: #000;height: 37px;color: white;width: 232px;">
              <div style="padding-top: 5px;padding-left: 10px;">Giá: Liên hệ</div> <i class='fas fa-phone-volume' style="font-size: 33px;padding-left: 21px;background-color: yellow;height: 100%;width: 25%;margin-left: 82.54px;cursor: pointer;"></i>
            </div>
          </div>
          <div class="col-sm-3" style="max-width: none;">
            <img src="https://images.prismic.io/barnebys/771c5a4a910aa3da39219d138b1424d1a48e8026_blog.php_-3.jpeg?w=600&auto=format%2Ccompress&cs=tinysrgb" alt="" style="width: 232px;height: 300px;">
            <span style="text-transform: uppercase;">watch 12</span>
            <br><br>
            <div style="display: flex;background: #000;height: 37px;color: white;width: 232px;">
              <div style="padding-top: 5px;padding-left: 10px;">Giá: Liên hệ</div> <i class='fas fa-phone-volume' style="font-size: 33px;padding-left: 21px;background-color: yellow;height: 100%;width: 25%;margin-left: 82.54px;cursor: pointer;"></i>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <ul class="pagination" style="margin-left: 309.5px;margin-top: 14px;">
    <li class="page-item"><a class="page-link" >1</a></li>
    <li class="page-item"><a class="page-link" >2</a></li>
  </ul>
  <footer class="footer-container color-scheme-dark" style="background-color: rgb(216, 210, 210);">
		
    <div class="container main-footer">
  <aside class="footer-sidebar widget-area row" role="complementary">
                <div class="footer-column footer-column-1 col-md-12 col-sm-12">
                        </div>
                        <div class="clearfix visible-lg-block"></div>
                                <div class="footer-column footer-column-2 col-md-3 col-sm-6">
            <div id="text-24" class="footer-widget widget_text"><h5 class="widget-title">Showroom 1</h5>			<div class="textwidget"><p><i class="fa fa-location-arrow" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> <a rel="nofollow noopener noreferrer" target="_blank" style="color: #000;" href="https://shopdongho.co/showroom-phan-xich-long">241 Phan Xích Long, Phường 7, Quận Phú Nhuận, TP HCM (đối diện Karaoke Nnice)</a><br />
<i class="fa fa-mobile" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> 0902.678.910<br />
<i class="fa fa-clock-o" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> Thời gian mở cửa: 8h30 &#8211; 21h30</p>
</div>
  </div><div id="text-17" class="footer-widget widget_text"><h5 class="widget-title">Showroom 2</h5>			<div class="textwidget"><p><i class="fa fa-location-arrow" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> <a style="color: #000;" href="https://shopdongho.co/showroom-nguyen-van-luong-q6" target="_blank" rel="nofollow noopener noreferrer">276 Nguyễn Văn Luông, Phường 12, Quận 6, TP. Hồ Chí Minh (đối diện ngân hàng Phương Đông, công ty may Thuận Phương)</a><br />
<i class="fa fa-mobile" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> 0902.678.910<br />
<i class="fa fa-clock-o" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> Thời gian mở cửa: 8h30 &#8211; 21h30</p>
</div>
  </div><div id="text-39" class="footer-widget widget_text"><h5 class="widget-title">Showroom 3</h5>			<div class="textwidget"><p><i class="fa fa-location-arrow" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> <a style="color: #000;" href="https://goo.gl/maps/j3BKy5pMVPnnd7ct9" target="_blank" rel="nofollow noopener noreferrer">479 Đường Quang Trung, Phường 10, Quận Gò Vấp, TP. Hồ Chí Minh</a><br />
<i class="fa fa-mobile" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> 0902.678.910<br />
<i class="fa fa-clock-o" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> Thời gian mở cửa: 8h30 &#8211; 21h30</p>
</div>
  </div><div id="text-27" class="footer-widget widget_text"><h5 class="widget-title">Showroom 4</h5>			<div class="textwidget"><p><i class="fa fa-location-arrow" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i><a rel="nofollow noopener noreferrer" target="_blank" style="color: #000;" href="https://shopdongho.co/showroom-khanh-hoi-q4"> 185 Khánh Hội, Phường 3, Quận 4, TP HCM (kế bên Bibomart)</a><br />
<i class="fa fa-mobile" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> 0902.678.910<br />
<i class="fa fa-clock-o" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> Thời gian mở cửa: 8h30 &#8211; 21h30</p>
</div>
  </div>						</div>
                                <div class="footer-column footer-column-3 col-md-3 col-sm-6">
            <div id="text-34" class="footer-widget widget_text"><h5 class="widget-title">Showroom 5</h5>			<div class="textwidget"><p><i class="fa fa-location-arrow" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> <a style="color: #000;" href="https://shopdongho.co/showroom-cong-hoa" target="_blank" rel="nofollow noopener noreferrer"> 404-406 đường Cộng Hoà, phường 13, quận Tân Bình, TP HCM</a><br />
<i class="fa fa-mobile" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> 0902.678.910<br />
<i class="fa fa-clock-o" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> Thời gian mở cửa: 8h30 &#8211; 21h30</p>
</div>
  </div><div id="text-33" class="footer-widget widget_text"><h5 class="widget-title">Showroom 6</h5>			<div class="textwidget"><p><i class="fa fa-location-arrow" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i><a style="color: #000;" href="https://shopdongho.co/showroom-au-co" target="_blank" rel="nofollow noopener noreferrer">981 Âu Cơ, Phường Tân Sơn Nhì, Quận Tân Phú, TP Hồ Chí Minh</a><br />
<i class="fa fa-mobile" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> 0902.678.910<br />
<i class="fa fa-clock-o" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> Thời gian mở cửa: 8h30 &#8211; 21h30</p>
</div>
  </div><div id="text-37" class="footer-widget widget_text"><h5 class="widget-title">Showroom 7</h5>			<div class="textwidget"><p><i class="fa fa-location-arrow" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> <a style="color: #000;" href="https://shopdongho.co/showroom-nguyen-anh-thu" target="_blank" rel="nofollow noopener noreferrer">156 Nguyễn Ảnh Thủ, Ấp Trung Chánh 2, Xã Trung Chánh, Huyện Hóc Môn (cách ngã tư Trung Chánh 50m, đối diện Thế Giới Di Động)</a><br />
<i class="fa fa-mobile" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> 0933.612.615<br />
<i class="fa fa-clock-o" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> Thời gian mở cửa: 8h30 &#8211; 21h30</p>
</div>
  </div><div id="text-28" class="footer-widget widget_text"><h5 class="widget-title">Showroom 8</h5>			<div class="textwidget"><p><i class="fa fa-location-arrow" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> <a style="color: #000;" href="https://shopdongho.co/showroom-pham-van-thuan-bien-hoa" target="_blank" rel="nofollow noopener noreferrer">99 Phạm Văn Thuận, Phường Tân Tiến, TP Biên Hòa (gần sát Coopmart Biên Hòa)</a><br />
<i class="fa fa-mobile" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> 0902.678.910<br />
<i class="fa fa-clock-o" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> Thời gian mở cửa: 8h30 &#8211; 21h30</p>
</div>
  </div>						</div>
                        <div class="clearfix visible-sm-block"></div>
                                <div class="footer-column footer-column-4 col-md-3 col-sm-6">
            <div id="text-21" class="footer-widget widget_text"><h5 class="widget-title">Showroom 9</h5>			<div class="textwidget"><p><i class="fa fa-location-arrow" style="width: 15px; text-align: center; margin-right: 4px; color: #000;" data-mce-style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> <a rel="nofollow noopener noreferrer" target="_blank" style="color: #000;" href="https://shopdongho.co/showroom-le-duan-long-thanh" data-mce-href="https://shopdongho.co/showroom-le-duan-long-thanh" data-mce-style="color: #000;">492 Lê Duẩn, tổ 20, khu Phước Thuận, thị trấn Long Thành, huyện Long Thành, tỉnh Đồng Nai</a><br /><i class="fa fa-mobile" style="width: 15px; text-align: center; margin-right: 4px; color: #000;" data-mce-style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> 0901.552.045<br /><i class="fa fa-clock-o" style="width: 15px; text-align: center; margin-right: 4px; color: #000;" data-mce-style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> Thời gian mở cửa: 8h30 &#8211; 21h30</p>
</div>
  </div><div id="text-29" class="footer-widget widget_text"><h5 class="widget-title">Showroom 10</h5>			<div class="textwidget"><p><i class="fa fa-location-arrow" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> <a rel="nofollow noopener noreferrer" target="_blank" style="color: #000;" href="https://shopdongho.co/showroom-tran-hung-dao-an-giang">206B Trần Hưng Đạo, Phường Mỹ Bình, TP. Long Xuyên, An Giang (ngay ngã ba Trần Hưng Đạo &#8211; Tôn Đức Thắng)</a><br />
<i class="fa fa-mobile" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> 0938.41.47.49<br />
<i class="fa fa-clock-o" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> Thời gian mở cửa: 9h00 &#8211; 21h30</p>
</div>
  </div><div id="text-30" class="footer-widget widget_text"><h5 class="widget-title">Showroom 11</h5>			<div class="textwidget"><p><i class="fa fa-location-arrow" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> <a style="color: #000;" href="https://shopdongho.co/showroom-yersin-thu-dau-mot" target="_blank" rel="nofollow noopener noreferrer">90 Yersin, P. Hiệp Thành, TP. Thủ Dầu Một (đối diện YAMAHA Hưng Long Phát)</a><br />
<i class="fa fa-mobile" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> 0906.320.399<br />
<i class="fa fa-clock-o" style="width: 15px; text-align: center; margin-right: 4px; color: #000;"></i> Thời gian mở cửa: 9h00 &#8211; 21h30</p>
</div>
  </div>						</div>
                                <div class="footer-column footer-column-5 col-md-3 col-sm-6">
            <div id="text-12" class="footer-widget widget_text"><h5 class="widget-title">VỀ CHÚNG TÔI</h5>			<div class="textwidget"><ul class="menu">
<li>
<a href="#" class="basel-logo basel-main-logo" rel="home"><img style=" width: 75%;
  margin-top: -5px;" src="https://shopdongho.com/wp-content/uploads/2018/10/logo-shopdongho.png" alt="Shop Đồng Hồ"></a>
</li>
<li>Shop đồng hồ chính hãng</li>
<li>
<a href="tel:0902678910">HOTLINE : 0902.678.910</a></li>
<li><a href="https://shopdongho.com/ve-chung-toi/" target="_blank" rel="noopener noreferrer">Về chúng tôi</a> (<a href="https://shopdongho.com/about/" target="_blank" rel="noopener noreferrer">About Us</a>)</li>
</ul></div>
  </div><div id="text-31" class="footer-widget widget_text"><h5 class="widget-title">HỖ TRỢ KHÁCH HÀNG</h5>			<div class="textwidget"><ul class="menu">
<li><a href="https://shopdongho.com/mua-hang/">Hướng dẫn mua hàng</a></li>
<li><a href="https://shopdongho.com/thanh-toan/">Phương thức thanh toán</a></li>
<li><a href="https://shopdongho.com/van-chuyen/">Phương thức vận chuyển</a></li>
<li><a href="https://shopdongho.com/bao-hanh/">Chính sách bảo hành</a></li>
<li><a href="https://shopdongho.com/doi-dong-ho/">Chính sách đổi đồng hồ</a></li>
<li><a href="https://shopdongho.com/bao-mat/">Chính sách bảo mật thông tin</a></li>
<li><a href="https://shopdongho.com/tin-tuc/">Tin tức &amp; bài viết hay về đồng hồ</a></li>
</ul>
</div>
  </div><div id="custom_html-2" class="widget_text footer-widget widget_custom_html"><div class="textwidget custom-html-widget"><h5 class="widget-title">Chứng nhận</h5>
<div class="textwidget">
  <div class="pv-cnbct">
      <img style="width: 160px;" src="https://shopdongho.com/wp-content/uploads/2018/09/dathongbao.png" alt="shopdongho.com">
    <img style="width: 160px; margin: 10px 0;" src="https://shopdongho.com/wp-content/uploads/2019/10/noi-khong-voi-hang-gia.png" alt="shopdongho.com">
  </div>
  <div class="pv-payment">
  <a href="//www.dmca.com/Protection/Status.aspx?ID=5184fdb6-9baf-4664-b811-a9b6a9515108" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="https://images.dmca.com/Badges/dmca-badge-w100-5x1-08.png?ID=5184fdb6-9baf-4664-b811-a9b6a9515108"  alt="DMCA.com Protection Status" /></a>  <script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script></div>
  <div class="custom-info-block a-left">
      <a href="https://www.youtube.com/channel/UC2WuNFax2NIzhPmnq_4Ivyw/videos" target="_blank" rel="noopener noreferrer">
          <i class="fa fa-youtube"></i>
      </a>
      <a href="https://twitter.com/shopdongho_com" target="_blank" rel="noopener noreferrer">
          <i class="fa fa-twitter">&nbsp;</i>
      </a>
      <a href="https://www.facebook.com/shopdongho2004/" target="_blank" rel="noopener noreferrer">
          <i class=" fa fa-facebook">&nbsp;</i>
      </a>
  </div>

</div></div></div>						</div>
                        </aside><!-- .footer-sidebar -->
</div>


        <div class="copyrights-wrapper copyrights-centered" style="text-align: center;">
      <div class="container">
        <div class="min-footer">
          <div class="col-left">
                            <p>&copy; 2020 <a href="https://shopdongho.com/">Shop Đồng Hồ Chính Hãng</a>  </p>
                        </div>
                    </div>
      </div>
    </div>
      
</footer>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  </body>
</html>