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
Tags:
Phản hồi từ học viên
5
(Dựa trên đánh giá ngày hôm nay)
![Nguyễn Anh Vũ [T2008A]](https://www.gravatar.com/avatar/8863d24ed74b396082becbc4db8331fd.jpg?s=80&d=mm&r=g){kind=avatar}
Nguyễn Anh Vũ
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>![Triệu Văn Lăng [T2008A]](https://www.gravatar.com/avatar/1348e3562c6492c26f796cb1f45982a1.jpg?s=80&d=mm&r=g){kind=avatar}
Triệu Văn Lăng
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>![Nguyễn đình quân [T2008A]](https://www.gravatar.com/avatar/46aca6afcfe99fdb28357afb847d8a0c.jpg?s=80&d=mm&r=g){kind=avatar}
Nguyễn đình quân
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>![Nguyên Phấn Đông [T2008A]](https://www.gravatar.com/avatar/c9c4f8f79ce35b9224637b6cc5fbe5c4.jpg?s=80&d=mm&r=g){kind=avatar}
Nguyên Phấn Đông
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>![Nguyễn Xuân Mai [T2008A]](https://www.gravatar.com/avatar/d3d863d6f47708501814fb41e9c38f31.jpg?s=80&d=mm&r=g){kind=avatar}
Nguyễn Xuân Mai
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>![TRẦN VĂN ĐIỆP [Teacher]](https://www.gravatar.com/avatar/ae8d66100c882095c429167b0fc6737f.jpg?s=80&d=mm&r=g){kind=avatar}
TRẦN VĂN ĐIỆP
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>![hainguyen [T2008A]](https://www.gravatar.com/avatar/32855ce6db55d60134d830aee06b41e5.jpg?s=80&d=mm&r=g){kind=avatar}
hainguyen
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>![Do Trung Duc [T2008A]](https://www.gravatar.com/avatar/2973ac07124f066b4605c535e8d39a99.jpg?s=80&d=mm&r=g){kind=avatar}
Do Trung Duc
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![Nguyễn Tiến Đạt [T2008A]](https://www.gravatar.com/avatar/b5819cd0adc95c727c7ad0c2bcf6098b.jpg?s=80&d=mm&r=g){kind=avatar}
Nguyễn Tiến Đạt
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 – 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 – 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 – 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 – 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 – 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 – 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 – 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 – 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 – 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 – 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 – 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 – 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 & 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"> </i>
</a>
<a href="https://www.facebook.com/shopdongho2004/" target="_blank" rel="noopener noreferrer">
<i class=" fa fa-facebook"> </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>© 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>
