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

KẾT QUẢ ASSIGNMENT - LỚP T2008A

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


Tags:

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

5

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

Nguyễn đình quân [T2008A]
Nguyễn đình quân

2020-10-28 09:32:41

<!DOCTYPE html>

<html>

<head>

<title>Cổng trang mua bán ô tô nổi tiếng </title>

<meta charset="utf-8">


</head>

    <body style="background-color: #90a8d6; background-image: url('https://get.wallhere.com/photo/Lamborghini-supercars-Lamborghini-SC18-1513717.jpg'); background-repeat: no-repeat; background-size: cover; color: white">

    <h1></h1>

    




    Trang bán xe <a href="https://lamborghini-astonmartin.com/"style="color: white">Lamborghini</a>

    <img src="http://2.bp.blogspot.com/-CKQk4YKhYAU/U83H-xmDajI/AAAAAAAACfM/RW1dtsuVaWQ/s1600/hinh-nen-lamborghini__Hinhnendl.com+(12).jpg" width="100px">

    <br>

        Trang bán xe <a href="https://bonbanh.com/oto/mercedes_benz-c_class/page,4" style="color: white">mercedes</a>

    <img src="https://i.ytimg.com/vi/wknyOI8tTwk/hqdefault.jpg" width="100px">

    <br>

    Trang bán xe <a href="https://www.honda.com.vn/"style="color: white">Honda</a>

    <img src="https://giaxeoto.vn/admin/webroot/img/upload2/honda-brio-gia-bao-nhieu.jpg" width="100px">

    <br>

    Trang bán xe <a href="https://giaxeoto.vn/gia-xe-mclaren-198"style="color: white">Mclaren</a>

    <img src="https://media.doisongphapluat.com/552/2019/6/8/sieu-xe1.jpg" width="100px">

    <br>

    Trang bán xe <a href="https://xevolvo.net/"style="color: white">Volvo</a>

    <img src="https://giaxeoto.vn/public/admin/webroot/img/upload2/gia-xe-McLaren-570S(1).jpg" width="100px">

        <br>

        Trang bán xe <a href="https://www.toyota.com.vn/"style="color: white">Toyota</a>

        <img src="http://binhtoyota.com/wp-content/uploads/2017/09/hinh-anh-dau-tien-cua-chiec-xe-toyota-land-cruiser-2018-suv-v8.png "width="100px">

        <br>

        Trang bán xe <a href="https://dailyotonissan.com/"style="color: white">Nissan</a>

        <img src="https://i.pinimg.com/originals/aa/92/1e/aa921e19925079fe8bebb4c22d682c60.jpg" width="100px">

        <br>

        Trang bán xe <a href="http://kiamotorsvietnam.com.vn/"style="color: white">Kia</a>

        <img src="https://xetot365.com/wp-content/uploads/2019/04/xe-kia-rondo-thong-tin-chi-tiet-ve-dong-xe-o-to-kia-rondo-2.jpg" width="100px">

        <br>

        Trang bán xe <a href="https://peugeotkinhbac.com/"style="color: white">Peugeot</a>

        <img src="https://img.tinxe.vn/2018/08/03/KH6CG24z/gia-xe-peugeot-3008--70d8.jpg" width="100px">

        <br>

        Trang bán xe <a href="https://range-rover-jaguar.com/"style="color: white">Jaguar</a>

        <img src="https://muaxegiatot.vn/wp-content/uploads/2019/06/gia-xe-jaguar-f-pace-pure-2019-muaxegiatot-vn.jpg"  width="100px">

        <br>

    



<!DOCTYPE html>
<html>
<head>
	<title>Cổng trang mua bán ô tô nổi tiếng </title>
	<meta charset="utf-8">

</head>
    <body style="background-color: #90a8d6; background-image: url('https://get.wallhere.com/photo/Lamborghini-supercars-Lamborghini-SC18-1513717.jpg'); background-repeat: no-repeat; background-size: cover; color: white">
    <h1></h1>
    



    	Trang bán xe <a href="https://lamborghini-astonmartin.com/"style="color: white">Lamborghini</a>
    	<img src="http://2.bp.blogspot.com/-CKQk4YKhYAU/U83H-xmDajI/AAAAAAAACfM/RW1dtsuVaWQ/s1600/hinh-nen-lamborghini__Hinhnendl.com+(12).jpg" width="100px">
    	<br>
        Trang bán xe <a href="https://bonbanh.com/oto/mercedes_benz-c_class/page,4" style="color: white">mercedes</a>
    	<img src="https://i.ytimg.com/vi/wknyOI8tTwk/hqdefault.jpg" width="100px">
    	<br>
    	Trang bán xe <a href="https://www.honda.com.vn/"style="color: white">Honda</a>
    	<img src="https://giaxeoto.vn/admin/webroot/img/upload2/honda-brio-gia-bao-nhieu.jpg" width="100px">
    	<br>
    	Trang bán xe <a href="https://giaxeoto.vn/gia-xe-mclaren-198"style="color: white">Mclaren</a>
    	<img src="https://media.doisongphapluat.com/552/2019/6/8/sieu-xe1.jpg" width="100px">
    	<br>
    	Trang bán xe <a href="https://xevolvo.net/"style="color: white">Volvo</a>
    	<img src="https://giaxeoto.vn/public/admin/webroot/img/upload2/gia-xe-McLaren-570S(1).jpg" width="100px">
        <br>
        Trang bán xe <a href="https://www.toyota.com.vn/"style="color: white">Toyota</a>
        <img src="http://binhtoyota.com/wp-content/uploads/2017/09/hinh-anh-dau-tien-cua-chiec-xe-toyota-land-cruiser-2018-suv-v8.png "width="100px">
        <br>
        Trang bán xe <a href="https://dailyotonissan.com/"style="color: white">Nissan</a>
        <img src="https://i.pinimg.com/originals/aa/92/1e/aa921e19925079fe8bebb4c22d682c60.jpg" width="100px">
        <br>
        Trang bán xe <a href="http://kiamotorsvietnam.com.vn/"style="color: white">Kia</a>
        <img src="https://xetot365.com/wp-content/uploads/2019/04/xe-kia-rondo-thong-tin-chi-tiet-ve-dong-xe-o-to-kia-rondo-2.jpg" width="100px">
        <br>
        Trang bán xe <a href="https://peugeotkinhbac.com/"style="color: white">Peugeot</a>
        <img src="https://img.tinxe.vn/2018/08/03/KH6CG24z/gia-xe-peugeot-3008--70d8.jpg" width="100px">
        <br>
        Trang bán xe <a href="https://range-rover-jaguar.com/"style="color: white">Jaguar</a>
        <img src="https://muaxegiatot.vn/wp-content/uploads/2019/06/gia-xe-jaguar-f-pace-pure-2019-muaxegiatot-vn.jpg"  width="100px">
        <br>
        




</body>
</html>



Đức Sơn [T2008A]
Đức Sơn

2020-10-28 09:31:34


#Trang web.html


<!DOCTYPE html>
<html>
<head>
	<title>Đức Sơn Shop</title>
	<meta charset="utf-8">
	<style type="text/css">
        
	body {
	   font-family: arial;
	   font-size: 19px;
	   margin: 10px;
	}

  .clearfix {
     clear: both;
    }

	ul li {
     list-style: none;
  }

  .heading-1 {
     width: 100%;
     height: auto;
    }

  .heading-2 {
    	color: #18db9a;
    	padding: 1px 0px;
    }

  .logo {
		  float: left;
		  height: 50px;
	}

	.logo img {
		height: 50px;
		width: auto;
    padding-top: 10px;
	}

	.main_menu {
		float: center;
    width: 97%;
    height: auto;
    margin: 0 auto;
    background-color: #476e9e;
	}

	.main_menu li {
       padding-top: 20px;
       display: inline-table;
  }

	.main_menu li a {
        margin-left: 75px;
		    text-decoration: none;
		    color: #000;
	}
    
  .wp_content {
        height: 50px;
    	  margin-left: 335px;
    }
    
    #anh-2{
      text-align: center;
    }
    .thanhdieuhuong-1 {
      background-color:  #6e967b;

    }

    .thanhdieuhuong-1 ul li{
      color: #grey;
      display:inline-table;
      width: 270px;
      height: 30px;
      padding-top: 0px;
    }  

    .thanhdieuhuong-1 ul li a{
      display: inline-table;
      text-decoration: none;
      color: #000;
      margin: 6px;
    }

    .thanhdieuhuong-2 {
      background-color: #6e967b;
    }

    .thanhdieuhuong-2 ul li{
      color: #grey;
      display: inline-table;
      width: 140px;
      height: 30px;
      padding-top: 0px;
    }  

    .thanhdieuhuong-2 ul li a{
      display: inline-table;
      text-decoration: none;
      color: #000;
      margin: 5px;
    }

    .anhmenu {
      width: 1200px;
      margin: 20px auto;
      display: grid;
      grid-template-columns: 200px 200px 200px 200px;
      grid-template-rows: 200px 200px 200px 200px;
      grid-column-gap: 120px;
      grid-row-gap: 250px;
    }

    .item img {
      width: 300px;
      height: 270px;
    }

    .thanhdieuhuong-3 {
      background-color:#80b0cf;
    }

    .thanhdieuhuong-3 ul li {
      color: #grey;
      display: inline-table;
      width: 270px;
      height: 30px;
      padding-top: 0px;
    }

    .thanhdieuhuong-3 ul li a{
       display: inline-table;
      text-decoration: none;
      color: #000;
      margin: 5px;
    }

    .phancuoi {
      width: 100%;
      height: 250px;
      background-color: #b9ba8d;
      color: #1c50a3;
    }

    .phancuoi-1 {
      margin-left: 30px;
      text-align: center;
      padding-top: 30px;
    }



</style>
</head>
<body>
<div class="heading-1"></div>
 <div class="heading-2">
   

 		<ul class="main_menu">
        
        <a href="" class="logo">
    <img src="https://upload.wikimedia.org/wikipedia/vi/b/b4/NordVPN_logo%2C_ngang.png" alt="">
        </a>
        <ul>
        <b><li><a href=" ">Trang Chủ</a> </li></b>

        <b><li><a href=" ">Chăm Sóc Khách Hàng</a></li></b>

        <b><li><a href=" ">Chính sách Lên Đời</a></li></b>

        <b><li><a href=" ">Liên Hệ</a></li></b>

        <b><li><a href="">Giỏ Hàng</a></li></b><br><br>
      </ul>

        <div class="wp_content">
       <form>
       <input type="Search" name="Nhập từ khoá tìm kiếm" placeholder="Nhập từ khoá tìm kiếm..." size="60"></input>
   </form>
 </ul>
</div>
       <div id="anh-2">
        <img src="https://hoanghamobile.com/Uploads/Originals/2020/10/15/202010151031214504_iphone-XR-1ngay410ttttttttttttttttttttttttttttttttttttttttttttttttttttttt.jpg">
       </div>

  <div class="thanhdieuhuong-1">
    <ul>
      <li><a href="">Bảo Hành 1 Đổi 1</a></li>
      <li><a href=""> Hỗ Trợ Trả Góp 0%</a></li>
      <li><a href=""> Sản Phẩm Chính Hãng</a></li>
      <li><a href="">Vận Chuyển Miễn Phí</a></li>
      <li><a href="">Hotline : 0982630577</a></li>
    </ul>
  </div>

      <div class="clearfix"></div>
    
    <div id="anh-1">
    <img src="https://hoanghamobile.com/Uploads/Originals/2020/10/13/202010130936330001_tab-S77-web.png;width=1920;height=471;mode=crop;format=jpg" style="height: 325px; background-size: cover;">
</div>

  <div class="thanhdieuhuong-2">
    <ul>
      <li><a href="">CHỌN HÃNG :</a></li>
      <li><a href="">IPHONE</a></li>
      <li><a href=""> SAMSUNG</a></li>
      <li><a href="">VSMART</a>
      <li><a href="">XIAOMI</a></li>
      <li><a href="">OPPO</a></li>
      <li><a href="">ONEPLUS</a></li>
      <li><a href="">NOKIA</a></li>
      <li><a href="">ASUS</a></li>
      <LI><a href="">VIVO</a></LI>
    </ul>
  </div>
<br><br><br>

 	<div class="anhmenu">
    <div class="item">
      <img src="https://cdn.tgdd.vn/Products/Images/42/210654/iphone-11-pro-max-512gb-gold-600x600.jpg">
      <ul>
      <li>Iphone 12 Pro M </li>
      <b><li>43.990.000 Vnđ</li></b>
    </ul>
 	    </div>
    <div class="item">
      <img src="https://cdn.tgdd.vn/Products/Images/42/228738/iphone-12-pro-256gb-190120-020128-600x600.jpg">
      <ul>
        <li>Iphone 12 Rro</li>
        <b><li>40.990.000 Vnđ</li></b>
      </ul>
      </div>
    <div class="item">
      <img src="https://cdn.tgdd.vn/Products/Images/42/228742/iphone-12-mini-256gb-193220-023247-600x600.jpg">
      <ul>
        <li>Iphone 12 Mini </li>
        <b><li>19.490.000 Vnđ</li></b>
      </ul>
      </div>
    <div class="item">
      <img src="https://cdn.tgdd.vn/Products/Images/42/200533/TimerThumb/iphone-11-pro-max-(29).jpg">
      <ul>
        <li>Iphone 11 Pro M</li>
        <b><li>38.990.000 Vnđ</li></b>
      </ul>
      </div>
    <div class="item">
      <img src="https://cdn.tgdd.vn/Products/Images/42/227529/vsmart-live-4-6gb-245420-075418-600x600.jpg">
      <ul>
        <li>Vsmart Live 4 6Gb</li>
        <b><li>4.790.000 Vnđ</li></b>
      </ul>
      </ul>
      </div>
     <div class="item">
      <img src="https://cdn.tgdd.vn/Products/Images/42/228531/vsmart-aris-pro-181720-121748-600x600.jpg">
      <ul>
        <li>Vsmart Aris Pro</li>
        <b><li>9.990.000 Vnđ</li></b>
      </ul>
      </div>
     <div class="item">
      <img src="https://cdn.tgdd.vn/Products/Images/42/228888/vsmart-joy-4-4gb-64gb-171020-021003-600x600.jpg">
      <ul>
        <li>Vsmart Joy 4 64GB</li>
        <b><li>3.590.000 Vnđ</li></b>
      </ul>
      </div>
     <div class="item">
      <img src="https://cdn.tgdd.vn/Products/Images/42/226436/vsmart-live-4-241720-071719-600x600.jpg">
      <ul>
        <li>Vsmart Live 4 4Gb</li>
        <b><li>4.300.000 Vnđ</li></b>
      </ul>
      </div>
     <div class="item">
      <img src="https://cdn.tgdd.vn/Products/Images/42/223497/oppo-reno4-pro-274720-034747-600x600.jpg">
      <ul>
        <li>OPPO Reno4 Pro</li>
        <b><li>11.990.000 Vnđ</li></b>
      </ul>
      </div>

     <div class="item">
      <img src="https://cdn.tgdd.vn/Products/Images/42/229056/oppo-a93-230520-060532-200x200.jpg">
      <ul>
        <li>OPPO A39</li>
        <b><li>5.990.000 Vnđ</li></b>
      </ul>
      </div>

     <div class="item">
      <img src="https://cdn.tgdd.vn/Products/Images/42/227295/oppo-a53-2020-blue-600x600-600x600.jpg">
      <ul>
        <li>OPPO A53(2020)</li>
        <b><li>4.490.000 Vnđ</li></b>
      </ul>
      </div>

     <div class="item">
      <img src="https://cdn.tgdd.vn/Products/Images/42/216172/oppo-reno3-pro-den-600x600-200x200.jpg">
      <ul>
        <li>OPPO Reno3 Pro</li>
        <b><li>9.990.000 Vnđ</li></b>
      </ul>
      </div>
  </div>
  <div class="thanhdieuhuong-3">
     <ul>
       <li><a href="">Giao Hàng Nhanh Chóng</a></li>
       <li><a href="">Thanh Toán: Tiền Mặt, Visa / Master, Trả góp</a></li>
       <li><a href="">Trải Nghiệm Sản Phẩm Tại Nhà</a></li>
       <li><a href="">Lỗi Đổi Tại Nhà Nhanh Chóng</a></li>
       <li><a href="">Hỗ Trợ Suốt Thời Gian Sử Dụng</a></li>
     </ul>
  </div>

  <div class="phancuoi">
    <div class="phancuoi-1">
    <p>
      <b>Lịch Sử Mua Hàng</b><br><br>
      <b>Tìm Hiểu Về Mua Trả Góp</b><br><br>
      <b>Chính Sách Bảo Hành</b><br><br>
      <b>Chính Sách Đổi Trả</b><br><br>
    </p>
  </div>
  </div>
    
</body>
</html>



Nguyễn đình quân [T2008A]
Nguyễn đình quân

2020-10-28 09:31:09



<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
</head>
<body>
<div class="col-9">
<div class="header">
    <p style="text-align: center">Free Curbside Pickup now Available</p>
</div>
    <div CLASS="row">
        <p style="text-align: left">LOG IN/JOIN/🔍SEARCH</p>
    </div>
    <div style="text-align: center">
    <img src="https://cdn.shopify.com/s/files/1/0848/3488/files/Canopy_Farm_Shop_Logo_2-01-01_240x.png" alt="" width="200px">
    </div>
    <div class="li">
    <ul>
        <li class="li">Home</li>
        <li class="li">Farm Shop</li>
        <li class="li">Our Story</li>
        <li class="li">Field Notes</li>
        <li class="li">Contact</li>
        <li class="li">Demos</li>
    </ul>
    </div>
    <div class="row">
        <div class="col-12">
            <div class="row">
                <div class="col-6 head">
                    <h1>All Products</h1>
                    <p>All our food comes straight from our farm to your fork: our Meat & Fish, fruit and vegetables
                        from our Market Garden, bread from our Bakery, and cheese, milk and yoghurt from our Creamery.
                    </p>
                </div>
                <div class="col-6">
                    <img class="product-imgs" src="https://cdn.shopify.com/s/files/1/0848/3488/collections/CC_Farm_Shop_Products_Store_Cupbord_1200x1200_OLIVES_a54c566b-eed2-4635-9f2c-277ec6392717_1080x.jpg" alt="">
                </div>
            </div>
        </div>
    </div>
<div class="row">
    <div class="col-12">
        <div class="row">
            <div class="col-3 product">
                <div class="product-title">Fennel Bulb</div>
                <img class="product-img" src="https://cdn.shopify.com/s/files/1/0848/3488/products/CCFarmShopProductsFruit_Vegetables1200x1200_FENNEL.jpg?v=1591107515" alt="">
                <div class="product-price">$1.50</div>
                <div class="menu">Add to cart</div>
            </div>
            <div class="col-3 product">
                <div class="product-title">Potatoes</div>
                <img class="product-img" src="https://cdn.shopify.com/s/files/1/0848/3488/products/CCFarmShopProductsFruit_Vegetables1200x1200_POTATOES.jpg?v=1591107518" alt="">
                <div class="product-price">$3.50</div>
                <div class="menu">Show options</div>
            </div>
            <div class="col-3 product">
                <div class="product-title">Brussel Sprouts</div>
                <img class="product-img" src="https://cdn.shopify.com/s/files/1/0848/3488/products/CCFarmShopProductsFruit_Vegetables1200x1200_PEARS.jpg?v=1591107506" alt="">
                <div class="product-price">$4.50</div>
                <div class="menu">Show options</div>
            </div>
            <div class="col-3 product">
                <div class="product-title">Nectarines</div>
                <img class="product-img" src="https://cdn.shopify.com/s/files/1/0848/3488/products/CCFarmShopProductsFruit_Vegetables1200x1200_NECTARINES.jpg?v=1591107511" alt="">
                <div class="product-price">$4.50</div>
                <div class="menu">Add to cart</div>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <p>footer</p>
</div>
</div>
</body>
</html>
* {
    box-sizing: border-box;
    font-family: "Gill Sans Nova", sans-serif;
}
.row::after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding: 15px;
}
html {
    font-family: "Lucida Sans", sans-serif;
}
.header {
    background-color: #f4f2e9;
    font-family: "Gill Sans Nova", sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 15px;
    line-height: 2.4em;
    color: #2c2528;
}
.head{
    background-color: bisque;
    font-weight: 300;
    font-style: normal;
    font-size: 15px;
    line-height: 4em;
}
.manu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.manu li {
    padding: 8px;
    margin-bottom: 7px;
    background-color: #33b5e5;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
div.li{
    overflow: auto;
    white-space: nowrap;
}

div.li{
    display: inline-block;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}

div.li li:hover {
    color: #678c3e;
}

.li{
    list-style: none;
    display: inline;
    padding: 15px;
}
.manu li:hover {
    background-color: #0099cc;
}
.product{
    border: 1px solid black;
}
.menu{
    background-color: #5c8018;
    padding: 15px;
    text-align: center;
}
.menu:hover{
    background-color: #8fcc1a;
}
.aside {
    background-color: #33b5e5;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.footer {
    background-color: #0099cc;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
}
.product-title {
    font-weight: bolder;
}
.product-imgs{
    width:300px;
    border-radius: 10px;
    margin: 10px;
}
.product-img {
    width:200px;
    border-radius: 10px;
    margin: 10px;
}
.product-price {
    margin-left: 15px;
    font-size: 15px;
}
.product-content {
    margin: 0 15px;
    font-size: 15px;
}

/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}

@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}



Đỗ Minh Quân [T2008A]
Đỗ Minh Quân

2020-10-28 09:27:06


#cacmausanphamhot.html


<!DOCTYPE html>
<html>
<head>
	<title>cacmausanphamhot</title>
	<meta charset="utf-8">
	<style type="text/css">
		 body{
        margin: 0px;
      }
      .header{
            width: 100%;
            display: block;
            background-color: pink;
            min-height: 30px;
            text-align: center;
            padding-top: 15px;
          }
      .menu{
        width: 100%;
        display: block;
        background-color: white;
        min-height: 100px;
      }  
      ul{
        list-style: none;
        list-style-type: none;
            display: flex;
            padding: 0px;
            margin: 0px;        
      }
      li{
        float: left;
        padding-left: 60px; 
        margin-right:60px;
      }
      form{
        text-align: center;
      }
      .row1{
      	width: 50%;
      	height: 1000px;
      	display: block;
      	float: left;
      	background-color:#c1c2bc
      }
      .row1-1{
        width: 50%;
        height: 500px;
        display: inline-block;
        float: left;
        background-color:#f9faf5;
      }
      .row1-2{
        width: 50%;
        height: 500px;
        display: inline-block;
        float: left;
        background-color:#f9faf5;
      }
      .row2{
      	width: 50%;
      	height: 1000px;
      	display: block;
      	float: right;
      	background-color:#c1c2bc
      }
      
      .footer{
      	width: 100%;
      	height: 520px;
      	display: inline-block;
      	background-color:#c1c2bc ;
      }
      .footer1{
      	width: 30%;
      	height: 400px;
      	display: inline-block;
      	float: left;

      }
      .footer2{
      	width: 20%;
      	height: 400px;
      	display: inline-block;
      	float: left;
      }
      .footer3{
      	width: 50%;
      	height: 400px;
      	display: inline-block;
      	float:right;
      }

	</style>
</head>
<body>
	<div class="header">HÀNG ĐẸP - UY TÍN - CHẤT LƯỢNG </div>

<form>
    <input type="SEARCH" name="Hôm nay bạn tìm gì ?" placeholder="Hôm nay bạn tìm gì ?">
     <select name="option">
       <option value="option ">option  </option>
        <option value="giày thể thao ">áo thể thao </option>
         <option value="áo hoodile ">áo hoodile</option>
          <option value="quần thể thao sọc đỏ/trắng  ">quần thể thao sọc đỏ/trắng</option>
           <option value="tay cầm chơi game  ">tay cầm chơi game</option>
            <option value="áo thi đấu đá bóng ">áo thi đấu đá bóng</option>
             <option value="áo gió nhật bản  ">áo gió nhật bản</option>
              <option value="bộ túi xách dụng cụ ">bộ túi xách dụng cụ và mỹ phẩm </option>
               <option value="everything">.......</option><br>
    </select>
</form>
<br>
<br>
<br>    
<div class="menu">
    <ul>
        <li> <a target="_blank" href="giaohangtietkiem.html" style="text-decoration-line: none;">GIAO HÀNG NHANH </a></li>
        <li> <a target="_self" href="sanphambanchay.html" style="text-decoration-line: none;">BÁN CHẠY </a></li>
        <li><a target="_self" href="functionalfood.html" style="text-decoration-line: none;" >THỰC PHẨM CHỨC NĂNG</a></li>
        <li><a target="_self" href="cacmausanphamhot.html" style="text-decoration-line: none;">CÁC MẪU SP HOT</a></li>
        <li><a target="_blank" href="dangnhap.html" style="text-decoration-line: none;">ĐĂNG NHẬP</a> </li>
        <li><a target="_blank" href="dangki.html" style="text-decoration-line: none;">ĐĂNG KÍ</a> </li>
    </ul>
</div>
<div>
  <img width="100%" src="https://dienmaynguoiviet.vn/media/news/2479_101789049_big_sale_on_paint_brush_strokes__________stock_vector.jpg">
</div>
<div>
	<div class="row1">
		<div class="row1-1"><img width="100%" src="https://image.yes24.vn/Upload/ProductImage/TTHANGHIEU2020/2118842_M.jpg"><p>Giày thể thao Fila Zagato Brown Blue 1GM00849912</p><p>219k</p></div>
		<div class="row1-2"><img width="100%" src="https://image.yes24.vn/Upload/ProductImage/TTHANGHIEU2020/2118843_L.jpg?width=550&height=550"><p>Giày thể thao Fila Zagato White Blue 1GM00849150</p><p>3000k</p></div>
		<div class="row1-1"><img width="100%" src="https://image.yes24.vn/Upload/ProductImage/TTHANGHIEU2020/2119225_L.jpg?width=550&height=550"><p>Giày thể thao FILA RAY TRACER 1IM00003 149</p><p>17500k</p></div>
		<div class="row1-2"><img width="100%" src="https://image.yes24.vn/Upload/ProductImage/TTHANGHIEU2020/2120755_M.jpg"><p>Giày thể thao FILA Ray Tracer 1RM01153-444/926</p><p>2000k</p></div>

	</div>
	<div class="row2">
		<div class="row1-1"><img width="100%" src="https://image.yes24.vn/Upload/ProductImage/TTHANGHIEU2020/2120757_L.jpg?width=550&height=550"><p>Giày thể thao FILA Oakment TR Running 1JM00801_125</p><p>1500k</p></div>
		<div class="row1-2"><img width="100%" src="https://image.yes24.vn/Upload/ProductImage/TTHANGHIEU2020/2120758_L.jpg?width=550&height=550"><p>Giày FILA Classic Kick's B Mule Race 1XM00973_100</p><p>300k</p></div>
		<div class="row1-1"><img width="100%" src="https://image.yes24.vn/Upload/ProductImage/TTHANGHIEU2020/2118829_L.jpg?width=550&height=550"><p>Giày thể thao FILA Ray Tracer 1RM01153-444/926</p><p>1111k</p></div>
		<div class="row1-2"><img width="100%" src="https://image.yes24.vn/Upload/ProductImage/TTHANGHIEU2020/2118828_L.jpg?width=550&height=550"><p>Giày thể thao Fila Wavelet Black 1RM01263021</p><p>4900k</p></div>

	</div>
</div>
<div class="footer">
	<div class="footer1">
		<p><b>YES24 VIỆT NAM - MUA SẮM ONLINE PHONG CÁCH HÀN QUỐC</p><br>
		Được thành lập vào tháng 3/2010, Yes24.vn là một trong những trang mua sắm trực tuyến tiên phong trong lĩnh vực bán hàng online. Tại đây, bạn có thể dễ dàng tìm thấy và mua hàng trực tuyến những sản phẩm của các thương hiệu hàng đầu trong các danh mục Thời trang nam nữ, Nội y – Homewear, Mỹ phẩm, Giày Túi, Phụ kiện Đồng hồ, Mẹ & Bé, Đồ Gia Dụng, Thể Thao, Điện máy, Điện thoại, Tablet & Tin học, Thiết bị số…
		Đặc biệt, là công ty 100% vốn từ Hàn Quốc, Yes24 có nhiều sản phẩm thời trang xuất xứ từ “xứ sở kim chi” để bạn có thể ăn vận theo phong cách sành điệu, trẻ trung của các sao Hàn.
		Khi mua hàng online tại Yes24, bạn hoàn toàn yên tâm về chất lượng sản phẩm, mẩu mã và giá cả. Nếu mua hàng trực tuyến một sản phẩm bất kỳ, bạn sẽ được tích lũy điểm thưởng để có thể mua hàng online với mức giá rẻ hơn ở những lần sau. Chưa hết, Yes24 còn có hẳn một quy định về quyền lợi “Membership” với thật nhiều ưu đãi dành cho thành viên khi mua sắm. Bạn sẽ thường xuyên nhận được coupon giảm giá, quà tặng hàng tháng cũng như cập nhật các thông tin xu hướng mới nhất về thời trang, làm đẹp, giải trí…khi mua sắm trực tuyến tại Yes24.
		* Tất cả sản phẩm có tác dụng tùy thuộc theo cơ địa của mỗi người</p>
	</div>
	<div class="footer2"><p>THỜI TRANG: Thời trang nữ,Thời trang nam,Thời trang chống nắng
HÀNG NHẬP HÀN QUỐC:<br><br> Thời trang nữ,Thời trang nam, Thể thao, Giày nữ, Giày nam, Giày unisex, Túi xách, ba lô, Trẻ em, trẻ sơ sinh, Phụ kiện, Gia dụng
NỘI Y & ĐỒ MẶC NHÀ: Áo ngực,Quần lót nữ,Đồ ngủ nữ,Đồ mặc nhà,Phụ kiện,Đồ lót nam
MỸ PHẨM: Chăm sóc da mặt,Chăm sóc cơ thể,Đồ trang điểm,Chăm sóc tóc,Mỹ phẩm nam, Nước hoa, Chăm sóc cá nhân, Thực phẩm làm đẹp Thiết bị làm đẹp
GIÀY / TÚI: Giày nữ, Giày nam, Giày unisex, Phụ kiện giày, Túi xách, ví nữ, Túi xách, ví nam, Túi xách, ví unisex,
</p>
</div>
<div class="footer3"><iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Ffacebook&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe></div>
	
	
</div>
</div>
</body>
</html>


#dangki.html


<html>
    <head>
        <title>Đăng ký tài khoản mới</title>
        <meta charset="UTF-8">
        <style type="text/css">
        *{
            padding: 0px;
            margin: 0px;
            font-family: sans-serif;
            box-sizing: border-box;
        }
        .container{
            width: 100%;
            max-width: 1200px;
            margin-left: auto;
            margin-right: auto;
        }
        
        header{
            background-color: #cccccc;
            min-height: 70px;
            padding: 15px;
        }
        main{
            background-color: #dddddd;
            min-height: 300px;
            padding: 7.5px 15px;
        }
        footer{
            background-color: #cccccc;
            min-height: 70px;
            padding: 15px;
        }
        h1{
            color: #009999;
            font-size: 20px;
            margin-bottom: 30px;
        }

        .dangki-form{
            width: 100%;
            max-width: 400px;
            margin: 20px auto;
            background-color: #ffffff;
            padding: 15px;
            border: 2px dotted #cccccc;
            border-radius: 10px;
        }

        .input-box{
            margin-bottom: 10px;
        }
        .input-box input[type=text],
        .input-box input[type=password],
        .input-box input[type=date]{
            padding: 7.5px;
            width: 100%;
            border: 1px solid #cccccc;
            text-decoration-line: none;
            font-size: 16px;
            display: inline-block;
            height: 40px;
            color: #666666;
        }
        .input-box select{
            padding: 7.5px 15px;
            width: 100%;
            border: 1px solid #cccccc;
            outline: none;
            font-size: 16px;
            display: inline-block;
            height: 40px;
            color: #666666;
        }
        .inputbox {
            font-size: 16px;
        }
        .input-box [type=checkbox]{
            height: 1em;
            width: 1em;
            text-align: center;
            line-height: 2em;
        }
        .input-box textarea{
            <!-- nhap nhieu dong van ban -->
            padding: 15px;
            width: 100%;
            border: 1px solid #cccccc;
            text-decoration-line: none;
            font-size: 16px;
            min-height: 120px;
        }
        </style>
    <body>
        <header>
            <div class="container"></div>
        </header>
        <main>
            <div class="container">
                <div class="dangki-form">
                        <h1>Đăng ký tài khoản mới</h1>
                        <div class="input-box">

                            <input type="text" placeholder="Nhập username">
                        </div>
                        <div class="input-box">

                            <input type="password" placeholder="Nhập mật khẩu">
                        </div>
                        <div class="input-box">
                            <div>
                                <label for="ngaysinh">Ngày-tháng-năm-sinh</label>
                                <br>
                                <input required="" type="date" id="Ngày-tháng-năm-sinh"/>
                            </div>
                            <div>
                                <label for="gioitinh">Giới tính</label>
                                <br>
                                <select id="gioitinh">
                                    <option value="nam">Nam</option>
                                    <option value="nu">Nữ</option>
                                </select>
                        <div class="input-box">
                            <span>Sở thích</span>
                            <br>
                            <input required="" type="checkbox" id="xemphim"> 
                            <label for="xemphim">Xem phim</label> 
                            <input required="" type="checkbox" id="nghenhac"> 
                            <label for="nghenhac">Nghe nhạc</label>
                            <input required="" type="checkbox" id="docsach"> 
                            <label for="docsach">Đọc sách</label>
                        </div>
                        <div class="input-box">
                            <label for="gioithieu">Giới thiệu bản thân</label>
                            <br>
                            <textarea id="profile"></textarea>
                        </div>
                        <button>Đăng ký</button>
                        </form>
                </div>
            </div>
        </main>
        <footer>
            <div class="container"></div>
        </footer>
    </body>
</html>


#dangnhap.html


<html>
    <head>
        <title>Đăng nhập vào website</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style type="text/css">
            *{
                 padding: 0px;
                 margin: 0px;
                 font-family: sans-serif;
                 box-sizing: border-box;
             }
            header{
                 background-color: #cccccc;
                 min-height: 70px;
                 padding: 15px;
            }
            main{
                background-color: #dddddd;
                min-height: 300px;
                padding: 7.5px 15px;
            }
            footer{
                background-color: #cccccc;
                min-height: 70px;
                padding: 15px;
            }
            .container{
                width: 100%;
                max-width: 1200px;
                margin-left: auto;
                margin-right: auto;
            }
            .login-form{
                width: 100%;
                max-width: 400px;
                margin: 20px auto;
                background-color: #ffffff;
                padding: 15px;
                border: 2px dotted #cccccc;
                border-radius: 10px;
            }
            h1{
                color: #009999;
                font-size: 20px;
                margin-bottom: 30px;
            }
            .input-box{
                margin-bottom: 10px;
            }
            .input-box input{
                padding:15px;
                width: 100%;
                border: 1px solid #cccccc;
                outline: none;
            }
            .box{
                text-align: right;
                margin-top: 30px;
            }
            .box button{
                padding: 7.5px 15px;
                border-radius: 2px;
                background-color: #009999;
                color: #ffffff;
                border: none;
                outline: none;
            }

</style>
    </head>
    <body>
        <header>
            <div class="container"></div>
        </header>
        <main>
            <div class="container">
            <div class="login-form">
                <form action="" method="post">
                    <h1>Đăng nhập vào trang mua sắm </h1>
                    <div class="input-box">
                        <input required="" type="text" placeholder="Nhập username">
                    </div>
                    <div class="input-box">
                        <i ></i>
                        <input required="" type="password" placeholder="Nhập mật khẩu">
                    </div>
                    <div class="box">
                        <button type="submit">
                            Đăng nhập
                        </button>
                    </div>
                </form>
            </div>
            </div>
        </main>
        <footer>
            <div class="container"></div>
        </footer>
    </body>
</html>


#functionalfood.html


 <!DOCTYPE html>
<html>
<head>
	<title>functionalfoods</title>
	<meta charset="utf-8">
	<style type="text/css">
		body{
        margin: 0px;
      }
      .header{
            width: 100%;
            display: block;
            background-color: pink;
            min-height: 30px;
            text-align: center;
            padding-top: 15px;
          }
      .menu{
        width: 100%;
        display: block;
        background-color: white;
        min-height: 100px;
      }  
      ul{
        list-style: none;
        list-style-type: none;
            display: flex;
            padding: 0px;
            margin: 0px;        
      }
     li{
        float: left;
        padding-left: 60px; 
        margin-right:60px;
      }
      form{
        text-align: center;
      }
      .rowimg{
      	width: 100%;
      	height: 100px;
      	background-color: #faf5f5;
      }
      .rowmenu{
      	width: 100%;
      	height: 70px;
      	background-color:#faf5f5;
      }
      .row1{
      	width: 20%;
      	height: 200px;
      	float: left;
      	background-color:#d9d8d4;
      }
      .row1-1{
      	width: 100%;
      	height: 400px;
      	float: left;
      	background-color:#d9d8d4;
      }

      .row2{
      	width: 80%;
      	height: 530px;
      	float: right;
      	background-color:#fcfcfc;
      }
      .row2-2{
      	width: 100%;
      	height: 80px;
      	background-color: #6e75db;
      	display: flex;
      	float: right;
      }
      .row2-2-1{
      	width: 100%;
      	height: 50px;
      	background-color: #9499eb;
      	float: right;
      }
      .row2-3{
      	width: 25%;
      	height: 300px;
      	display: flex;
      	float: right;
      	background: #f5f0f0;
      }
      .row2-4{
      	width: 25%;
      	height: 300px;
      	display: flex;
      	float: right;
      	background: #f5f0f0;
      }
      .row2-5{
      	width: 25%;
      	height: 300px;
      	display: flex;
      	float: right;
      	background: #f5f0f0;
      }
      .row2-6{
      	width: 25%;
      	height: 300px;
      	display: flex;
      	float: right;
      	background-color: #f5f0f0 ;
      }
      .box{
      	width: 50%;
      	height: 20px;
      	border: 1px none black;
      	color: red;
      }


	</style>
</head>
<body>
<div class="header">HÀNG ĐẸP - UY TÍN - CHẤT LƯỢNG </div>

<form>
    <input type="SEARCH" name="Hôm nay bạn tìm gì ?" placeholder="Hôm nay bạn tìm gì ?">
     <select name="option">
       <option value="option ">option  </option>
        <option value="giày thể thao ">áo thể thao </option>
         <option value="áo hoodile ">áo hoodile</option>
          <option value="quần thể thao sọc đỏ/trắng  ">quần thể thao sọc đỏ/trắng</option>
           <option value="tay cầm chơi game  ">tay cầm chơi game</option>
            <option value="áo thi đấu đá bóng ">áo thi đấu đá bóng</option>
             <option value="áo gió nhật bản  ">áo gió nhật bản</option>
              <option value="bộ túi xách dụng cụ ">bộ túi xách dụng cụ và mỹ phẩm </option>
               <option value="everything">.......</option><br>
    </select>
</form>
<br>
<br>
<br>    
<div class="menu">
    <ul>
        <li> <a target="_blank" href="giaohangtietkiem.html" style="text-decoration-line: none;">GIAO HÀNG NHANH </a></li>
        <li> <a target="_self" href="sanphambanchay.html" style="text-decoration-line: none;">BÁN CHẠY</a> </li>
        <li> <a target="_self" href="functionalfood.html" style="text-decoration-line: none;" >THỰC PHẨM CHỨC NĂNG</a></li>
        <li><a target="_self" href="cacmausanphamhot.html" style="text-decoration-line: none;">CÁC MẪU SP HOT</a></li>
        <li><a target="_blank" href="dangnhap.html" style="text-decoration-line: none;">ĐĂNG NHẬP</a> </li>
        <li><a target="_blank" href="dangki.html" style="text-decoration-line: none;">ĐĂNG KÍ</a> </li>
    </ul>
<div><img width="100%" src="https://www.giaonhan247.com/wp-content/uploads/2020/04/thuc-pham-chuc-nang-uc.png"></div>
<div><p><a target="_self" href="maincode.html" style="text-decoration-line: none; ">Trang chủ</a> > Thực phẩm</p></div> 
<div class="rowimg">
		<ul>
			<li><img width="100%" src="https://image.yes24.vn/Upload/ImageMain/Master/Food_165_F_20200928_nh.jpg"></li>
			<li><img width="100%" src="https://image.yes24.vn/Upload/ImageMain/Master/Food_137_hf_20200923_AT1.jpg"></li>
			<li><img width="100%" src="https://image.yes24.vn/Upload/ImageMain/Master/Food_022_HF_20201013_xuan.jpg"></li>
		</ul>
</div><br><br><br><br><br>
<div><!--all-->
<div class="rowmenu"><h1>THƯƠNG HIỆU TIÊU BIỂU</h1></div>
<div>
	<ul style="background-color: yellow">
		<li> <b>Nature Made</b></li>
		<li> <b>Vision</b></li>
		<li> <b>Trunature</b></li>
		<li> <b>Kirkland Signature</b></li>
		<li> <b>Schiff Nutrition International</b></li>
		<li> <b>Blackmores</b></li>
	</ul>
</div>
<br>
<div class="row1"><!--div row1-->
	<p style="padding-left: 10px">THỰC PHẨM</p>
	<p>HỒNG SÂM HÀN QUỐC</p>
	<p>THỰC PHẨM CHỨC NĂNG</p>
    <p>THỰC PHẨM VÀ ĐỒ UỐNG</p>
    <p>THỰC PHẨM TƯƠI SỐNG</p>
<br><br>
<div class="row1-1">
	<img style="padding-top: 5px" src="https://image.yes24.vn/Upload/BannerImage/Emart.jpg">
	<img src="https://image.yes24.vn/Upload/BannerImage/PURITANS-PRIDE.jpg">
	<img src="https://image.yes24.vn/Upload/BannerImage/Adiva.jpg">
	<img src="https://image.yes24.vn/Upload/BannerImage/Cheongkwanjang.jpg">
	<img src="https://image.yes24.vn/Upload/BannerImage/ChongkunDang3.jpg">
</div>
</div><!--enddivrow1-->

<div class="row2">
	<div class="row2-2"><h1>Top Thực phẩm bán chạy tháng này</h1></div>
	<div class="row2-2-1">
     <ul>
     	<li><h5>Thực phẩm  - Tìm thấy 2,331 sản phẩm</h5></li>
     	<li><h5>Bán chạy</h5></li>
     	<li><h5>Mới nhất</h5></li>
     	<li><h5>Khuyến mãi</h5></li>
     </ul>
     </div>
    <div class="row2-3">
    	<img width="100%" height="230px" src="https://image.yes24.vn/Upload/ProductImage/emartvn/1776498_M.jpg">
    </div> 
    <div class="row2-4">
    	<img width="100%" height="230px" src="https://image.yes24.vn/Upload/ProductImage/KKTOANCAU2019/2008695_M.jpg">
    </div>
    <div class="row2-5">
    	<img width="100%" height="230px" src="https://image.yes24.vn/Upload/ProductImage/hungphat/1728653_M.jpg">
    </div>
    <div class="row2-6"><img width="100%" height="230px" src="https://image.yes24.vn/Upload/ProductImage/2019/2008590_M.jpg"></div>
    <div class="row2-3">
    	<img width="100%" height="230px" src="https://image.yes24.vn/Upload/ProductImage/vietsaomai201608/1704114_M.jpg">
    </div> 
    <div class="row2-4">
    	<img width="100%" height="230px" src="https://image.yes24.vn/Upload/ProductImage/nutrilife/2052944_L.jpg?width=550&height=550">
    </div>
    <div class="row2-5">
    	<img width="100%" height="230px" src="https://image.yes24.vn/Upload/ProductImage/mama/1570825_M.png">
    </div>
    <div class="row2-6"><img width="100%" height="230px" src="https://image.yes24.vn/Upload/ProductImage/KKTOANCAU2019/2027168_M.jpg"></div>
</div>



</div><!--all-->







	
  

</body>
</html>


#giaohangtietkiem.html


<!DOCTYPE html>
<html>
<head>
	<title>Giao Hàng Nhanh Miễn Phí-Tiết Kiệm</title>
    <meta charset="utf-8">
    <style type="text/css">
    	.border{
    		border-style: solid;
    		padding:10px;
    		width: 150px;
    		margin-left:800px;
    		border-radius: 60px;
    		background-color:#e1edf0;
    		color: white;
    		text-align: center;		

    	}
    	h5{
    		margin-left: 800px;
    	}
    	.header{
    		width: 100%;
            background-color: #ebe7dd	;
            min-height: 30px;	
            text-align: left;
            padding-top: 15px;

            }
              ul{
        list-style: none;
        list-style-type: none;
            display: flex;
            padding: 0px;
            margin: 0px;        
      }
     ul,li{
        float: left;
        padding-left: 120px; 
        margin-right:10px;
      }

    </style>
<body> 
<h5>Liên kết với chúng tôi</h5>
<div class="border">
	<a target="_black" href="codegiaohang.html">giaohangtietkiem.vn</a>
</div>
<div class="header">
	<h1>GIAOHANGTIETKIEM.VN</h1>
	<ul>
		<li> <a target="_self" href="vechungtoi.html" style="text-decoration: none;"> Về chúng tôi </a></li>
		<li> <a target="_top" href="tuyendung.html" style="text-decoration: none;">Tuyển dụng</a> </li>
        <li><a target="question.html">Hỏi đáp</a></li>
        <li>Khu vực </li>  
	</ul>
</div>
<img width="1250px" src="https://i1.wp.com/www.sapo.vn/blog/wp-content/uploads/2019/07/Ung-dung-ship-hang-14.jpg?fit=800%2C450&quality=100&strip=all&ssl=1">
</body>
</html>


#lienhe.html


<!DOCTYPE html>
<html>
<head>
	<title>aloo me</title>
	<meta charset="utf-8">
	<style type="text/css">
	body{
		margin: 0;
		padding: 0;
		background-color: #c1d1d6
	}
	.header{
		width: 100%;
		display: block;
		background-color: pink;
		min-height: 50px;
		text-align: center;
		padding-top: 20px;
	}
	.main{
		width: 100%;
		display: block;
		background-color:#7a8487;
		min-height: 50px;
		text-align: left;
		padding-top: 2px;
		color:black;
	}
	form{
		display: block;
		height: 30px;
		text-align: center;
	}
	</style>
</head>
<body>
<div class="header">Liên hệ với chúng tôi </div><br><br>
<div class="main">
Chăm sóc khách hàng<br>
<br>
Giaohangtietkiem<br>
<br> <a target="_top" href="code2.html">Return</a>
</div><br>
<br>	
	<form>
		 <p>
		 	<label>Nhập Họ và Tên</label><br>
		 	<input type="nhaphovaten" name="name" size="50" maxlength="50" placeholder="enter name">
		 </p>
		 <p>
		 	<label>Nhập email</label><br>
		 	<input type="nhapemail" name="email" size="50" maxlength="50" placeholder="enter email">
		 </p>	
		 <p>
		 	<label>Nhập số điện thoại</label><br>
		 	<input type="nhapphone" name="phone"size="50" maxlength="12" placeholder="enter phone">
		 </p>	
         <p>
         	<label>Nhập Điạ chỉ</label><br>
         	<input type="nhapadd" name="add" placeholder="enter add" size="50">
         </p>	
         <button>save</button>
	     <button>reset</button>
	</form>

</body>
</html>


#maincode.html


<!DOCTYPE html>
<html>
<head>
    <title>shop online</title>
    <meta charset="utf-8">
    <style type="text/css">
      body{
        margin: 0px;
      }
      .header{
            width: 100%;
            display: block;
            background-color: pink;
            min-height: 30px;
            text-align: center;
            padding-top: 15px;
          }
      .menu{
        width: 100%;
        display: block;
        background-color: white;
        min-height: 100px;
      }  
      ul{
        list-style: none;
        list-style-type: none;
            display: flex;
            padding: 0px;
            margin: 0px;        
      }
      li{
        float: left;
        padding-left: 60px; 
        margin-right:60px;
      }
      form{
        text-align: center;
      }
       .column {
      float: left;
      width: 33.33%;
        }

       .row:after {
      content: "";
      display: table;
      clear: both;
        }
       

      @media screen and (max-width: 600px) {
      .column {
      width: 100%;
        }
      }
      .footer{
        padding-top: 10px;
        text-align: center;
        background: grey;
        height: 400px
      }
      .box{
        width: 100px;
        height: 20px;
        border: 1px none black;
        color: red;
        margin-left: 100px
      }
      



    </style>
</head>
<body> 

<div class="header">HÀNG ĐẸP - UY TÍN - CHẤT LƯỢNG </div>

<form>
    <input type="SEARCH" name="Hôm nay bạn tìm gì ?" placeholder="Hôm nay bạn tìm gì ?">
     <select name="option">
       <option value="option ">option  </option>
        <option value="giày thể thao ">áo thể thao </option>
         <option value="áo hoodile ">áo hoodile</option>
          <option value="quần thể thao sọc đỏ/trắng  ">quần thể thao sọc đỏ/trắng</option>
           <option value="tay cầm chơi game  ">tay cầm chơi game</option>
            <option value="áo thi đấu đá bóng ">áo thi đấu đá bóng</option>
             <option value="áo gió nhật bản  ">áo gió nhật bản</option>
              <option value="bộ túi xách dụng cụ ">bộ túi xách dụng cụ và mỹ phẩm </option>
               <option value="everything">.......</option><br>
    </select>
</form>
<br>
<br>
<br>    
<div class="menu">
    <ul>
        <li> <a target="_blank" href="giaohangtietkiem.html" style="text-decoration-line: none;">GIAO HÀNG NHANH </a></li>
        <li> <a target="_self" href="sanphambanchay.html" style="text-decoration-line: none;">BÁN CHẠY </a></li>
        <li><a target="_self" href="functionalfood.html" style="text-decoration-line: none;" >THỰC PHẨM CHỨC NĂNG</a></li>
        <li><a target="_self" href="cacmausanphamhot.html" style="text-decoration-line: none;">CÁC MẪU SP HOT</a></li>
        <li><a target="_blank" href="dangnhap.html" style="text-decoration-line: none;">ĐĂNG NHẬP</a> </li>
        <li><a target="_blank" href="dangki.html" style="text-decoration-line: none;">ĐĂNG KÍ</a> </li>
    </ul>
</div>


<div>
  <img width="100%" src="https://dienmaynguoiviet.vn/media/news/2479_101789049_big_sale_on_paint_brush_strokes__________stock_vector.jpg">
</div>


<div class="row">

  <div class="column">
    <img src="https://image.yes24.vn/Upload/ProductImage/amorepacific/2096722_M.jpg"><p>LANEIGE -15%<br>
Combo Chống Oxy Hóa Và Ngừa Da Xỉn Màu Laneige  <br>Radian C 30ml</p>
    <div class="box"><h2>229k</h2></div>
    
    <img src="https://image.yes24.vn/Upload/ProductImage/VENUSINC2020/2103518_M.jpg"><p>ANESSA -39%<br>
[Tặng bao da Passport] Bộ Đôi Chống Nắng Bảo Vệ <br>Hoàn Hảo Anessa Perfect UV Sunscreen Skincare Milk <br>60ML Và 20ML 16152 + 16170
</p>
    <div class="box"><h2>229k</h2></div>
    <img src="https://image.yes24.vn/Upload/ProductImage/amorepacific/2106381_M.jpg"><p>LANEIGE -15%<br>
[Bản giới hạn] Kem dưỡng ẩm Laneige Water <br>Bank Hydro Cream EX 50ML Tặng bộ dưỡng ẩm</p>
    <div class="box"><h2>229k</h2></div> 
    <img src="https://image.yes24.vn/Upload/ProductImage/sutrang2018/2046775_M.jpg"><p>SYO FASHION<br>
Đầm suông Syo Fashion Butterfly gấu 2 tầng D1919</p>
    <div class="box"><h2>229k</h2></div> 
    <img src="https://image.yes24.vn/Upload/ProductImage/sutrang2018/2046787_M.jpg"><p>SYO FASHION<br>
Đầm ren rập ly thân Syo Fashion Peaches D1930</p>
    <div class="box"><h2>229k</h2></div>

    </div>

<br>

  <div class="column" class="product-block">
    <img src="https://image.yes24.vn/Upload/ProductImage/amorepacific/2096721_M.jpg"><p>LANEIGE -15%<br>
Combo Dưỡng Sáng, Làm Mờ Đốm Nâu Và Bảo Vệ <br> Làn Da Laneige Radian C 30ml</p><div class="box"><h2>229k</h2></div>
    <img src="https://image.yes24.vn/Upload/ProductImage/dailinh/1717437_M.jpg"><p>DERMAL<br>
Mặt nạ dưỡng da tinh chất lô hội Sodico</p> <div class="box"><h2>229k</h2></div>
    <img src="https://image.yes24.vn/Upload/ProductImage/HQ2019/2038851_M.jpg"><p>OHUI -80% <br>
Combo 10 gói tinh chất chống lão hóa <br> Ohui Prime Advancer Ampoule Serum 1ml</p><div class="box"><h2>229k</h2></div>
    <img src="https://image.yes24.vn/Upload/ProductImage/PHUNGVANTUAN2020/2117848_M.jpg"><p>TRALI<br>
Áo kiểu nữ TRALI họa tiết tinh tế Đen 10102</p><div class="box"><h2>229k</h2></div>
    <img src="https://image.yes24.vn/Upload/ProductImage/thecosmo/2104623_M.jpg"><p>THE COSMO <br>
Áo sơ mi nam The Cosmo NOAH SHIRT màu xanh <br> TC1022086R1NA</p><div class="box"><h2>229k</h2></div>

   </div>


<br><br>

  <div class="column" class="product-block">
    <img src="https://image.yes24.vn/Upload/ProductImage/HQ2019/2070642_M.jpg"><P>OHUI -84%<br>
Combo 4 chai sữa dưỡng tái sinh da chống lão hóa OHUI The First  Geniture Emulsion 5ml</P> <div class="box"><h2>229k</h2></div>
    <img src="https://image.yes24.vn/Upload/ProductImage/amorepacific/2109164_M.jpg"><p>LANEIGE -30%<br>
[Phiên bản tiết kiệm Mặt nạ ngủ  dưỡng ẩm LANEIGE Water Sleeping Mask <br> 100ML</p> <div class="box"><h2>229k</h2></div>
    <img src="https://image.yes24.vn/Upload/ProductImage/amorepacific/1314713_M.jpg"><p>LANEIGE -20% <br>
Tinh chất ngăn ngừa lão hóa da <br> Laneige Time Freeze Essence 40ml
</p><div class="box"><h2>229k</h2></div>
    <img src="https://image.yes24.vn/Upload/ProductImage/TRANGLINH2020/2117354_M.jpg"><p>NAVALI<br>
Đầm thun body tết dây hông Navali <br> xẻ tà cá tính Đen 20016</p><div class="box"><h2>229k</h2></div>
    <img src="https://image.yes24.vn/Upload/ProductImage/eden201709/1980376_M.jpg"><p>EDEN <br>
Đầm công sở thời trang Eden cổ vest tay ngắn D323XA</p><div class="box"><h2>229k</h2></div>
    
   </div>
</div>
<div class="footer">
   
  <div class="row">
    <div class="column">THÔNG TIN
    <h3>Yes24.vn Việt Nam </h3>
    <h3>(028) 5411 9000</h3>
    <h5>Thứ hai đến thứ sáu 08:00 – 20:00</h5>
    <h5>Thứ bảy 08:00 – 17:00</h5>
    <h5>Nghỉ vào các ngày Lễ và Chủ nhật</h5>
    <h5>cskh@yes24.vn</h5>
    (028) 5411 0009
  </div>
    <div class="column">THÔNG TIN

    <h3><b>CHUYỂN KHOẢN</b></h3>
    <h3>Chủ tài khoản:</h3>
    <h5> <b>Công ty TNHH DOMINHQUAN VINA:</b></h5>
    <h5>Vietcombank 0181-003-023-502</h5>
    <h5>Agribank  624-020-100-53-90</h5>
    <h5>Techcombank 140-223-077-280-16</h5>
    <h5>Shinhan 750-500-093-912</h5>
    <h5>Á châu  715-195-19</h5>
    <h5> Vietinbank  1170-0005-1891</h5>
  </div>
    <div class="column">

    <h3><b>THÔNG BÁO</b></h3>
    <h3><b>Danh sách trúng thưởng</b></h3>  
    <h5>10/14/2020 4:50:59 PM Danh sách nhận quà membership tháng 09/2020</h5>
    <h5>10/8/2020 1:11:51 PM KẾT QUẢ EVENT ĐẤU GIÁ NGƯỢC NGÀY 6-7/10/2020</h5>
    <h5>8/21/2020 10:55:34 AM Danh sách nhận quà membership tháng 07/2020</h5>
    <h5>8/21/2020 10:24:00 AM KẾT QUẢ EVENT "ĐẤU GIÁ NGƯỢC TỪ 1000" ngày 21/08/2020</h5>
    <h5>7/17/2020 10:44:59 AM Kết quả event "ĐẤU GIÁ NGƯỢC TỪ 1000"</h5>
    <h5>7/4/2020 9:06:49 AM Danh sách nhận quà membership tháng 06/2020</h5>
    <h5>6/18/2020 9:22:46 AM Danh sách nhận quà </div>
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fprofile.php%3Fid%3D100008638815072&tabs=timeline&width=0&height=0&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="0" height="0" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>

  </div>



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


#sanphambanchay.html


<!DOCTYPE html>
<html>
<head>
	<title>sanphambanchay</title>
	<meta charset="utf-8">
	<style type="text/css"> 
	 body{
        margin: 0px;
      }
      .header{
            width: 100%;
            display: block;
            background-color: pink;
            min-height: 30px;
            text-align: center;
            padding-top: 15px;
          }
      .menu{
        width: 100%;
        display: block;
        background-color: white;
        min-height: 100px;
      }  
      ul{
        list-style: none;
        list-style-type: none;
            display: flex;
            padding: 0px;
            margin: 0px;        
      }
     li{
        float: left;
        padding-left: 60px; 
        margin-right:60px;
      }
      form{
        text-align: center;
      }
      .row{
      	width: 100%;
      	height: 700px;
      	background-color: grey;
      	float: left;
      }
      .row1-1{
      	width: 20%;
      	height:350px;
      	float: left;
      	background-color: #fafcfb;
      }
      .row1-2{
      	width: 20%;
      	height:350px;     	
      	float: left;
      	background-color: #fafcfb;
      }
      .row1-3{
      	width: 20%;
      	height:350px;      	
      	float: left;
      	background-color: #fafcfb;
      }
      .row1-4{
      	width: 20%;
      	height:350px;     	
      	float: left;
      	background-color: #fafcfb;
      }
      .row1-5{
      	width: 20%;
      	height:350px;     	
      	float: left;
      	background-color: #fafcfb;
      }
      .box{
      	width: 50%;
      	height: 20px;
      	border: 1px none black;
      	color: red;
      }
      .rowmenu{
      	width: 100%;
      	height: 70px;
      	background-color:#ed7e15;
      	text-align: center;
      	padding-top:5px 

      }
  </style>

</head>
<body>
<div class="header">HÀNG ĐẸP - UY TÍN - CHẤT LƯỢNG </div>

<form>
    <input type="SEARCH" name="Hôm nay bạn tìm gì ?" placeholder="Hôm nay bạn tìm gì ?">
     <select name="option">
       <option value="option ">option  </option>
        <option value="giày thể thao ">áo thể thao </option>
         <option value="áo hoodile ">áo hoodile</option>
          <option value="quần thể thao sọc đỏ/trắng  ">quần thể thao sọc đỏ/trắng</option>
           <option value="tay cầm chơi game  ">tay cầm chơi game</option>
            <option value="áo thi đấu đá bóng ">áo thi đấu đá bóng</option>
             <option value="áo gió nhật bản  ">áo gió nhật bản</option>
              <option value="bộ túi xách dụng cụ ">bộ túi xách dụng cụ và mỹ phẩm </option>
               <option value="everything">.......</option><br>
    </select>
</form>
<br>
<br>
<br>    
<div class="menu">
    <ul>
        <li> <a target="_blank" href="giaohangtietkiem.html" style="text-decoration-line: none;">GIAO HÀNG NHANH </a></li>
        <li> <a target="_self" href="sanphambanchay.html" style="text-decoration-line: none;">BÁN CHẠY</a> </li>
        <li> <a target="_self" href="functionalfood.html" style="text-decoration-line: none;" >THỰC PHẨM CHỨC NĂNG</a> </li>
        <li>CÁC MẪU SP HOT</li>
        <li>ĐĂNG NHẬP </li>
        <li>ĐĂNG KÍ </li>
    </ul>
</div>
<img width="100%" src="https://i.pinimg.com/originals/b9/66/59/b966591fabf5b639dc0d19821cb99ad7.jpg">
<div class="rowmenu"><h1>TOP 10 SẢN PHẨM BÁN CHẠY</h1></div><br>
<div class="row"><!--all-->
	<div class="row1-1"><img width="100%" src="https://image.yes24.vn/Upload/ProductImage/hanacobivina/1948905_M.jpg">
		<p>Ly giữ nhiệt Lock&Lock Clip Tumbler 540ml LHC4151BLK màu đen</p>
		<div class="box"><h3>414k</h3></div>
	</div>
	<div class="row1-2"><img width="100%" src="https://image.yes24.vn/Upload/ProductImage/hanacobivina/1948904_M.jpg">
        <p>Ly giữ nhiệt Lock&Lock Clip Tumbler 540ml LHC4151BLK màu bạc</p>
		<div class="box"><h3>414k</h3></div> 
	</div>
	<div class="row1-3"><img width="100%" src="https://image.yes24.vn/Upload/ProductImage/vietsaomai201608/1647106_M.jpg">
        <p>Bộ 30 gói Hồng sâm nước 6 năm tuổi Chong Kun Dang (70ml x 30 gói)</p>
		<div class="box"><h3>399k</h3></div>  
	</div>
	<div class="row1-4"><img width="100%" src="https://image.yes24.vn/Upload/ProductImage/2019/2008844_M.jpg">
        <p>Sữa Rửa Mặt Cetaphil Gentle Skin Cleaner (59ml)</p>
		<div class="box"><h3>61k</h3></div>  
	</div>
	<div class="row1-5"><img width="100%" src="https://image.yes24.vn/Upload/ProductImage/giadungbuying2013/862199_M.jpg">
        <p>Bình Giữ Nhiệt Thép Không Gỉ Vacuum Bottle </p>
		<div class="box"><h3>528k</h3></div>  
	</div>
	<div class="row1-1"><img width="100%" src="https://image.yes24.vn/Upload/ProductImage/triumph20160108/2001335_M.jpg">
		<p>Quần lót Triumph Sloggi Comfort Midi Q.Sloggi.Midi.Da</p>
		<div class="box"><h3>109k</h3></div>
	</div>
	<div class="row1-2"><img width="100%" src="https://image.yes24.vn/Upload/ProductImage/hanacobivina/2002831_L.jpg?width=550&height=550">
        <p>Máy xay thịt Lock&Lock EJM171 2L xay thịt thật nhừ </p>
		<div class="box"><h3>1149k</h3></div> 
	</div>
	<div class="row1-3"><img width="100%" src="https://image.yes24.vn/Upload/ProductImage/hanacobivina/1880094_L.jpg?width=550&height=550">
        <p>Gối Memory foam 50D Lock&Lock hình cong - White - HLW111</p>
		<div class="box"><h3>351k</h3></div>  
	</div>
	<div class="row1-4"><img width="100%" src="https://image.yes24.vn/Upload/ProductImage/dinhdiemlinh/2045679_L.jpg?width=550&height=550">
        <p>Bộ dài mặc nhà EMMA cam lá trắng ETLU.9017.08</p>
		<div class="box"><h3>149k</h3></div>  
	</div>
	<div class="row1-5"><img width="100%" src="https://image.yes24.vn/Upload/ProductImage/dksh/1828204_L.jpg?width=550&height=550">
        <p>Sữa dưỡng ẩm Cetaphil Baby Daily Lotion 400ml</p>
		<div class="box"><h3>211k</h3></div>  
	</div>


</div><!--all-->
</body>
</html>


#tuyendung.html


<!DOCTYPE html>
<html>
<head>
	<title>Tuyendung</title>
	<meta charset="utf-8">
	<style type="text/css">
		body{
			margin: 0px
		}
		#header{
			width: 800px;
			height: 80px;
			background-color: #F39;
		}
        .left{
		 width: 580px;
		 height: 800px;
		 float: left;
		}
		.right{
		 width: 800px;
		 height: 3000px;		
		 float: left;
		 background-color: #f0eee9;
		 padding-top: 0px;
        }
       

	</style>
</head>
<body>
	<img width="1263" src="https://giaohangtietkiem.vn/wp-content/uploads/2016/05/banner2-21.jpg">

	<div class="header"><h3> <a target="_self" href="code2.html" style="text-decoration-line: none;" >Trang chủ</a> > tuyển dụng </h3></div>
	<div class="left">  <br>
        <h3> <u><> CÁC VỊ TRÍ ĐANG TUYỂN DỤNG</u></h3><br>
        <h5>  <> SENIOR ACCOUNTANT (VAS/IFRS REPORTING) (1000$ – 1200$/ MONTH)</h5>
        <h5>  <>IT PROJECT MANAGER (TRƯỞNG DỰ ÁN)</h5>
        <h5>  <>GOLANG DEVELOPER</h5>
        <h5>  <>[HN] PROJECT MANAGER ($500 – $1500)</h5>
		<h5>  <>TRƯỞNG BỘ PHẬN NHÂN SỰ (HRM)</h5>
		<h5>  <>[HN] MARKETING LEADER</h5>
		<h5>  <>[HN/HCM/ĐN] CHUYÊN VIÊN BAN ĐIỀU HÀNH BỘ PHẬN NHÂN SỰ</h5>
		<h5>  <>[HN/HCM/ĐN] CHUYÊN VIÊN BAN ĐIỀU HÀNH HÀNH CHÍNH</h5>   
        <h5>  <>[HCM] Kỹ thuật viên Vận hành dây chuyền
	    <h5>  <>[Củ Chi] Chuyên viên Nhân sự
	    <h5>  <>[HCM Chuyên viên Tuyển dụng
		<h5>  <>[HN] JUNIOR/ SENIOR OPERATIONS OPTIMIZATION (PRODUCT OWNER) (UP TO 2000$/MONTH)
		<h5>  <>Key Tập Sự – Quản lý Vận hành
	    <h5>  <>[HCM] Trưởng cụm Hành chính Nhân sự (HR&GA Leader)
		<h5>  <>[HCM] Chuyên viên C&B
	    <h5>  <>[HN] HÀNH CHÍNH ĐỜI SỐNG (ADMIN SUPERVISOR)
	    <h5>  <>[HCM] TRƯỞNG NHÓM THI CÔNG – MẶT BẰNG
		</div>
	<div class="right">
		<h1><b><u>SENIOR ACCOUNTANT (VAS/IFRS REPORTING) (1000$ – 1200$/ MONTH)</u></b></h1><br>
		<h4>Giaohangtietkiem is one of the leading firms in e-Logistics which significantly grows in Vietnam in recent years. We provide a fast and high-quality last-mile delivery service and take millions of transactions every day, which encourages us to find an expert and talented Senior Accountants (VAS/IFRS Reporting)</h4><br>

		<b>1/ A Senior Accountant (VAS/IFRS Reporting) at GHTK, you will be responsible for:</b><br>

		<b>– Review accounting entries;<br>
		– Prepare monthly financial reports: P&L, BS under VAS, IFRS;<br>
		– Prepare accounting management reports as assigned by Managers /team leaders;<br>
		– Recommend & improve efficiency of accounting activities towards systematization and reduce manual jobs.</b>
		<h4><b>2/ You will receive:</b><br>

		– Official salary: <u>1000$ – 1200$ per month</u>, salary is reviewed on a periodical basis and consistent with capacity without limit;<br>
		– We have an amazing culture – A young and dynamic working environment with a lot of promotion opportunities, unlimited space, and challenges for self-development;<br>
		– You’ll work with the best – We only hire great people;<br>
		– We truly care about you and your experience at GHTK. Rewards and Promotions are available on special occasions;<br>
		– Special and worthy welfare regimes – 12 days off per year, yearly Kick-off & Team-building events with various bonding activities at the workplace;<br>
		– Attractive insurance package – the prestigious Insurance package for leader/manager positions along with other benefits in accordance with Vietnam Labour Law: Health Insurance, Social Insurance, …</h4>
		<h4>3/ You are expected to have:<br>

		– Bachelor degree with major in Accounting, Finance or Auditing;<br>
		– At least 3-year experience in reporting, month-end closing, Financial Statement preparation;<br>
		– Good knowledge of IFRS and VAS;<br>
		– Member of a professional accounting body is an advantage;<br>
		– Experience in using Oracle, SAP is preferred;<br>
		– Good analysis skills, reporting skills, presentation skills;<br>
		– Strengths such as highly organized, detail-oriented;<br>
		– Willingness to learn and adapt to any circumstances.</h4>
		<h4>4/ How to apply:<br>

		Please send us your CV to email: talent.acquisition@ghtk.vn/ anhntt3@ghtk.vn with the subject: Senior Accountant_YourName
		Hotline: 0246 651 9243 <br>
		Skype: tuanhnguyenthi234 (Ms. Tú Anh)<br>
		Address: VTV – Giaohangtietkiem Building, No Thang Long number one, Me Tri ward, Nam Tu Liem district, Hanoi.</h4>
		<h1><b><u>IT PROJECT MANAGER (TRƯỞNG DỰ ÁN)</u></b></h1><br>
		<h4>Công ty Cổ phần Giao hàng tiết kiệm (GHTK) là đơn vị vận chuyển chuyên nghiệp dành cho thương mại điện tử (E-Logistics), chuyên cung cấp các dịch vụ vận tải nhanh chóng, chất lượng cao. GHTK có hơn 550 chi nhánh tại 63 tỉnh thành với hơn 27.000 nhân viên và đang tiếp tục tăng trưởng mạnh mẽ trong năm 2020.
		Trung tâm Công nghệ GHTK đang tìm kiếm ứng viên cho vị trí PROJECT MANAGER với các thông tin về vị trí như sau:</h4>
		<b>1. MÔ TẢ CÔNG VIỆC:</b>	<br><br>
		<b>– Phụ trách, quản lý và chịu trách nhiệm chung toàn bộ dự án về tiến độ, chất lượng, nhân sự…<br>
		– Chủ động đề xuất các phương án xử lý chức năng trong dự án.<br>
		– Xây dựng team, lên kế hoạch, đảm bảo dự án theo kế hoạch đã đề ra.</b>
		<b><h4>2. YÊU CẦU:</h4></b>
		<b>– Ít nhất 02 năm kinh nghiệm ở vị trí tương đương.<br>
		– Có kiến thức nền tảng về phát triển phần mềm và kinh nghiệm ở vị trí developer.<br>
		– Kỹ năng quản lý công việc, giám sát quy trình tốt và linh hoạt trong giải quyết vấn đề.<br>
		– Có khả năng build team và training nhân sự.<br>
		– Tính chủ động cao trong công việc và chịu áp lực tốt.<br>
		– Có kinh nghiệm làm việc với mô hình Agile/Scrum là một lợi thế.</b>

		<b><h4>3. QUYỀN LỢI ĐƯỢC HƯỞNG:</h4></b>
		<b>– Lương: 1000 – 2500 NET<br>
		– Bảo hiểm full lương, bảo hiểm sức khỏe cao cấp Generali<br>
		– Đánh giá tăng lương theo năng lực định kỳ (6 tháng/lần)<br>
		– Môi trường làm việc trẻ trung, năng động<br>
		– Làm việc cùng đội ngũ công nghệ giỏi chuyên môn, có cơ hội để phát huy tối đa năng lực của bản thân.<br>
		– Liên tục được đào tạo về kiến thức, kỹ năng liên quan đến các lĩnh vực hoạt động của Công ty<br>
		– Được cung cấp đầy đủ phương tiện làm việc theo yêu cầu của tính chất công việc.<br>
		– Các hoạt động tập thể, giải trí đa dạng (CLB Bóng đá, game, bi lắc, …); sự kiện team-building hàng năm.</b>
		<b><h4>4. CÁCH THỨC ỨNG TUYỂN:</h4></b>
		<b>Ứng viên có thể nộp hồ sơ trực tiếp bằng cách gửi CV qua Email: talent.acquisition@ghtk.vn/ diepdn@ghtk.vn với cú pháp:<br> Golang <Họ và tên><br>
		Địa chỉ:<br>
		Hà Nội: Tòa nhà VTV, số 8 Phạm Hùng, phường Mễ Trì, quận Nam Từ Liêm, Hà Nội.<br>
		Hồ Chí Minh: Tòa Nhà Pico Plaza, Số 20 Cộng Hòa, Phường 12, Quận Tân Bình, TP Hồ Chí Minh<br></Họ>
		<h1><b><u>[HN] PROJECT MANAGER ($500 – $1500)</b></u></h1>
		<h4>Giaohangtietkiem JSC. (GHTK) is a professional delivery company specializing in E-Logistics, providing fast and high-quality delivery service. GHTK currently has over 550 branches in 63 provinces, more than 27.000 employees and will continue to grow in 2020 with many breakthrough projects.
		We are looking for a Project Manager who is dynamic with the ability to multitask to take charge of different operational projects. This position reports to the Hanoi’s Operations Director.
		For the first 1- 3 months, you will be involved in current projects in order to learn and deepen how to build and implement a project in the E-Logistics firm Then you will be responsible for exploring and building new projects, providing recommendations to optimize the GHTK operations systems, and control delivery service’s quality.</h4>
		<b><h4>1/ What will you do?</b></h4>

		– You will work as a Project Manager with key responsibilities as follows:<br>
		– Supervise current projects in HN, HCM to ensure the quality of GHTK delivery service;<br>
		– Lead a team to run new strategic projects received from the Board of Directors in order to upgrade the service‘s quality.<br>
		– Build and manage your team that works well together; Set up KPIs; Support, inspire and motivate the team towards function goals;<br>
		– Work with data and extract insights by analyzing data in order to propose initiatives to improve and optimize operation processes, technology, ensuring delivery quality while the output scale continues to increase and help GHTK maintain a competitive advantage in the industry responsible for risk management, directly solving problems arising flexibly and quickly, giving necessary measures to improve operations results in the assigned provinces;<br>
		– Research to understand the current trends of E-Logistics industry in general and customer insights in specific;<br>
		– Have the chance to work with different departments, such as Product Development, IT, Business Development, Customer Service, HR,… This chance will help you to broaden your knowledge, skills, and learn from E-Logistics experts in GHTK;<br>
		– Other ad-hoc tasks assigned by the Operations Director.

		<h4><b>2/ What you are required</b></h4>

		– Graduates in majors: Logistics, Supply chain, Economics, Management, Finance,… from universities in Hanoi, Danang, or HCM City, such as FTU, NEU, BA, AOF, DAV, RMIT, FPT,… at least 1 years of relevant experiences.<br>
		– Great management skills with the ability to cooperate well with other people;<br>
		– Operational and systems thinking, decision-making skills to solve unexpected problems in operations at GHTK then provide solutions;<br>
		– Analytical thinking and open-minded thinking for innovation and creativity;<br>
		– Ability to go on regular business trips to different provinces.<br>

		<h4><b>3/ Benefits for you</b></h4>

		– Starting Salary: <br>
		+ For Junior (At least 1 year of experience): $500 – $700 (negotiable);<br>
		+ For Senior (At least 3 years of experience): $800 – $1500 (negotiable);<br>
		– Salary is periodically reviewed inconsistent with capacity after 4 – 6 months;<br>
		– Work in a young and dynamic environment;<br>
		– Be empowered, self-determined and have enough space with various challenges for self-development;<br>
		– Receive practical training to understand thoroughly the operating process and customer service to support the works;<br>
		– Many promotion opportunities to develop a career path;<br>
		– Welfare regimes in accordance with current law and company policies: health insurance, social insurance packages….<br>
	</div>

</body>
</html>


#vechungtoi.html


<!DOCTYPE html>
<html>
<head>
	<title>Gioithieu </title>
	<meta charset="utf-8">
	<style type="text/css">
		body{
			margin: 0px;
		}

		.header{
			width: 100%;
			min-height: 100px;
			display: block;
			text-align: center;
			background-color: green;
	        padding-top: 30px;
	        color: white

		}


		.column {
	    float: left;
	    width: 33.33%;
     		}

     .row:after {
	    content: "";
	    display: table;
	    clear: both;
	        }
     
	 .column {
	    width: 100%;
	      }
	      
	</style>
</head>
<body>
<div class="header"><h1>VỀ CHÚNG TÔI</h1> </div>	
<div class="row">
	<div class="column"><h2>Chúng tôi tin rằng dịch vụ này hữu ích cho xã hội nói chung... Người bán hàng bán được nhiều hơn, khách hàng mua sắm thoải mái hơn, và người giao hàng có thêm nhiều công việc và thu nhập xứng đáng.</h2></div>
	<div class="column">  <h4>NGƯỜI TRẺ, TƯƠI MỚI
GHTK tin rằng những người trẻ, không có kinh nghiệm sẽ tiếp thu và học hỏi nhanh. Không bị gò bó bởi khuôn mẫu cũ cũng khiến cho tư duy sáng tạo được phát triển
...
ĐA DẠNG BẢN SẮC
GHTK coi trọng sự khác biệt, khuyến khích mỗi cá nhân thể hiện sự cá tính của mình. Năng lực cá nhân không bị phán xét qua cách thức làm việc mà nó khẳng định qua kết quả công việc thực tế và giá trị cốt lõi được đảm bảo
...</h4></div>
	<div class="column"><h4>Ở GHTK chúng tôi cam kết từng cá nhân có đủ không gian, được trao quyền để làm việc độc lập đồng thời tự học hỏi qua nhiều trải nghiệm để hoàn thiện bản thân.</h4></div>
</div>
    <div class="column"> <h3>Kết thúc chuyến thăm và làm việc của Bộ Thông tin và Truyền thông (TT&TT) tại trụ sở, các kho cũng như chi nhánh của GHTK, Bộ đánh giá cao sự minh bạch cũng như việc chấp hành đúng Pháp luật của Công ty. Cùng với đó, Bộ TT&TT công nhận GHTK là Công ty Công nghệ chuyên nghiệp trong lĩnh vực bưu chính:

“Công ty Cổ phần Giao hàng tiết kiệm (gọi tắt là Công ty) là một Công ty công nghệ hoạt động kinh doanh trong lĩnh vực dịch vụ bưu chính và chuyển phát, là đơn vị vận chuyển chuyên nghiệp dành cho thương mại điện tử (eLogistics); chuyên cung cấp dịch vụ giao hàng tận nơi (Last-Mile Delivery) và thu tiền tận nơi (Cash-on Delivery) cho các cá nhân, doanh nghiệp, tổ chức kinh doanh trực tuyến. Ưu thế của Công ty là tốc độ nhanh, mạng lưới phủ sóng rộng trên toàn quốc và đặc biệt là thế mạnh trong việc nghiên cứu và ứng dụng công nghệ mới phục vụ cho hoạt động bưu chính và chuyển phát.”

Được thành lập năm 2013, trải qua 6 năm hình thành và phát triển, hiện nay, GHTK đã có mặt tại 63 tỉnh thành và 11.000+ huyện xã trên cả nước với quy mô hơn 20 trung tâm vận hành, số lượng xe tải đường bộ hơn 1.000++ xe, trên 700 chi nhánh với tổng diện tích hạ tầng kho bãi lên đến trên 220.000m2. Số lượng nhân viên và CTV hiện đang làm việc tại GHTK đã đạt mốc hơn 20.000 nhân viên.

Là Công ty hoạt động dựa trên nền tảng công nghệ, xuyên suốt 6 năm qua, mục tiêu của GHTK không chỉ thân thiện ở con người, mà còn ở hệ thống công nghệ và quy trình vận hành một cách đơn giản, dễ hiểu, dễ sử dụng nhất. Cho đến nay, GHTK vẫn không ngừng nghiên cứu, hoàn thiện và cải tiến hơn nữa. Bởi, GHTK tin rằng những sản phẩm công nghệ là động lực cho sự phát triển, không chỉ của riêng hoạt động vận hành mà còn của cả đội ngũ nhân sự tại Công ty.

ߑ頓ự đánh giá và ghi nhận này của Bộ TT&TT thực sự là niềm tự hào, là động lực lớn lao để GHTK duy trì và phát triển hơn nữa nhằm xây dựng ngành bưu chính ngày một phát triển và hiện đại hơn.</h3> </div>
</body>
</html>



nguyễn Sử [T2008A]
nguyễn Sử

2020-10-28 09:18:34


#OMO.html


	<!DOCTYPE html>
	<html>
	<head>
		<title> OMO </title>
		<meta charset="utf-8">
		<style type="text/css">
			ul li a{
				display: flex;
				list-style: none;
				padding-left: 110px;
				color:#3480eb;
				text-decoration: none;
				text-transform: uppercase;
				margin-top: -40px;
				font-size: 18px;
			}
			ul{
				display: flex;
				list-style: none;
			}
			.menu{
				border: solid 1px;
			}
			.abc{
				border: solid 1px;
			}
			h3{
				font-size: 21px;
				border: solid 1px;
				background-color: #e0e0eb;
				height:60px;
			}
			h4{
				font-size: 20px;
			}
		</style>
	</head>
	<body>
		<div class="menu">	
			<div class="up">
				<a href="">
					<img src="https://www.omo.com/content/dam/unilever/dirt_is_good/global/logo/laundry/fabrics_cleaning/dig_global_brand_marques_omo_brazil_vietnam_south_africa_logonav-816997.jpg" height="70px" width="100px">
				</a>
			</div>
			<div>
				<ul>
					<li><a href=""> SẢN PHẨM GIẶT </a></li>
					<li><a href=""> BÍ QUYẾT CHĂM SÓC QUẦN ÁO </a></li>
					<li><a href=""> LẤM BẨN VÀ TRẢI NHIỆM  </a></li>
					<li><a href=""> SỨ MỆNH CỘNG ĐỒNG  </a></li>
				</ul>
			</div>
			<div class="abc">
				<img src="https://www.omo.com/content/dam/unilever/omo/vietnam/general_image/banner_-_trang_ch%E1%BB%A7-1740328-jpg.jpg" height="400px" width="1380px">

				<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQwzp2nUrL0zjydTTjDm-SpS0Y78eEOkaOXrw&usqp=CAU" height="200px" width="240px">

				<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcR8KhbThQMM3BWurCRsYDNluo736jm9DpWn5w&usqp=CAU" height="200px" width="250px">

				<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTcYqXmbsPBMxhfGTKWtCOqoaejjUX82uS6sg&usqp=CAU"height="200px" width="350px">

				<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcSHYpFfuM8V6imbmpDrDDl2h9fUuqwuWmohcw&usqp=CAU" height="200px" width="230px">

				<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQWSUZ2fEmfiuFn4_viw17OdYpQBtbUFslqUg&usqp=CAU" height="200px" width="230px">

				<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRaef1Q7Oum33ROKQ4EDel2gm56QOZfk-MwWA&usqp=CAU" height="200px" width="300px">

				<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcSJNu78H8E99euGyx5vLiBozdF3xVWKGOLiQQ&usqp=CAU" height="200px" width="250px">

				<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcSBtevmTZtPPvl2Ebv2R1eXgKPfE7uLdstXBA&usqp=CAU" height="200px" width="250px">

				<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcROR5X2CdScNeVAuDP_IS1U-YH6GW7a-gpkeg&usqp=CAU" height="200px" width="250px">

				<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcR3f_FdhFqAebwWAkGu5IWZnLNRq8O0U0yo2w&usqp=CAU" height="200px" width="250px">

			</div>
			<div class="">
				<center><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQnmb7z2osyq120nydgNSkyFdbBsWS5oNtyNA&usqp=CAU" height="180px" width="450px"></center>
				<center><h3> Những mẹo vặt rửa cho bất cứ nhu cầu nội trợ nào. Dù bạn có đang cố gắng xóa những vết bẩn cứng đầu, hãy nhấp chuột vào đấy và tìm cho mình giải pháp giặt rửa hầu hết tất cả mọi thứ </h3></center>
				<h4><center> Hãy đến với Cleanipedia </center></h4>

				<img src="https://blog.logoart.vn/wp-content/uploads/2012/08/univer-logo.jpg" height="200px" width="230px">

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

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

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

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

		</body>
		</html>													



Trần Văn Lâm [T2008A]
Trần Văn Lâm

2020-10-28 07:58:36


#assesment.html


<!DOCTYPE html>
<html>
<head>
	<title>Web Bán Hàng</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<div class="container">
		<div class="menu">
			<div class="up">
				<ul>
					<li>
						<a href="">
							<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcSEQQJeJqW3gEfCdySRkUfIwoncMEnxj4ARPA&usqp=CAU" style="width: 45%">
						</a>
					</li>
					<li>
						<a href="">
							Trang Chủ
						</a>
					</li>
					<li>
						<a href="">
							Cá Nhân
						</a>
					</li>
					<li>
						<a href="">
							Thông Báo
						</a>
					</li>
					<li>
						<a href="">
							Giỏ Hàng
						</a>
					</li>
					<li>
						<a href="">
						    Ưa Thích
						</a>
					</li>
				</ul>
				<img src="https://www.elleman.vn/wp-content/uploads/2016/01/21/B%C3%AD-quy%E1%BA%BFt-tr%E1%BB%9F-th%C3%A0nh-qu%C3%BD-%C3%B4ng-l%E1%BB%8Bch-l%C3%A3m-%C4%82n-m%E1%BA%B7c-tr%C6%B0%E1%BB%9Fng-th%C3%A0nh-h%C6%A1n-e1453369335961.jpg" style="width: 15%; float: right; margin-left: 65px;">
			</div>
			<div class="down">
				<div class="search">
					<input type="" name="fullname" placeholder="Tìm Kiếm Sản Phẩm Tại Đây">
				</div>
			</div>
		</div>
		<div>
			<center><img src="https://static.yeah1.com/uploads/editors/38/2019/04/05/79MrO2keN9DfUZtagnHEEQxVZ7QQ6nS3dkwsmx0g.jpeg" style="width: 97%; padding-top: 7px;"></center>
		</div>
		<div class="content">
			<div class="gucci">
				<li style="font-weight: bold; font-size: 20px; list-style-type: none;">4 GUCCI HOT TREND:</li>
				<div class="loai1">
					<a href="#">
						<img src="https://sobyn.com/wp-content/uploads/2019/10/%C3%81o-h%C3%A0ng-hi%E1%BB%87u-nam-n%E1%BB%AF-Gucci-Tomorrow.jpeg" style="width: 80%">
						<p>350,000 $</p>
					</a>
				</div>
				<div class="loai1">
					<a href="#">
						<img src="https://bizweb.dktcdn.net/100/043/869/products/q14-33-1-den.jpg?v=1583659072770" style="width: 80%">
						<p>400,000 $</p>
					</a>
				</div>
				<div class="loai1">
					<a href="#">
						<img src="https://minhluxury.com/wp-content/uploads/2019/11/dfbda0935563b33dea72.jpg" style="width: 80%">
						<p>399,000 $</p>
					</a>
				</div>
				<div class="loai1">
					<a href="#">
						<img src="https://vidatuixachlouiskimmi.com/wp-content/uploads/2020/01/%C3%A1o-thun-nam-n%E1%BB%AF-mickey-gucci-h%C3%A0ng-hi%E1%BB%87u.jpg" style="width: 80%">
						<p>999,000 $</p>
					</a>
				</div>
            </div>
		</div>
	</div>

</body>
</html>


#style.css


.container {
	width: 100%;
	height: auto;
}
.menu {
	width: 100%;
	height: 150px;
    background-color: #91b4ed;
}
.up {
	height: 100px;
	width :80%;
	padding-top: 10px;
}
.up ul {
	list-style: none;
}
.up ul li {
	float: left;
}
.up ul li a {
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	color: black;
	margin-left: 15px;
}
.down {
	height: 50px;
	width: 80%;
}
.search {
	height: 30px;
	width: 400px;
	background-color: white;
	float: right;
    padding-right: 80px;
}

.search input {
	width: 500px;
	height: 25px;
}
.loai1 {
	float: left;
	margin-left: 50px;
	max-width: 20%;
	text-align: center;
	padding-top: 15px;
}
.content {
	margin-top: 20px; 
}
p {
	color: black;
}