0% found this document useful (0 votes)
26 views4 pages

Div Class

The document is the header section of an e-commerce website. It includes the logo, language and currency selectors, top navigation menu, search and cart functionality, and main navigation menu. The navigation menu includes links to home, hot trends, best sellers, fashion categories, sales, blog, and contact pages. The cart functionality displays the number of items and total price for two sample items in the cart.

Uploaded by

Nguyệt Minh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
26 views4 pages

Div Class

The document is the header section of an e-commerce website. It includes the logo, language and currency selectors, top navigation menu, search and cart functionality, and main navigation menu. The navigation menu includes links to home, hot trends, best sellers, fashion categories, sales, blog, and contact pages. The cart functionality displays the number of items and total price for two sample items in the cart.

Uploaded by

Nguyệt Minh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

<div class="header">

<div class="container">
<div class="row">
<div class="col-md-2 col-sm-2">
<div class="logo"><a href="index.html"><img
src="images/logo-toridori.png" alt="FlatShop"></a></div>
</div>
<div class="col-md-10 col-sm-10">
<div class="header_top">
<div class="row">
<div class="col-md-3">
<ul class="option_nav">
<li class="dorpdown">
<a href="#">Eng</a>
<ul class="subnav">
<li><a href="#">Eng</a></li>
<li><a href="#">Vns</a></li>
<li><a href="#">Fer</a></li>
<li><a href="#">Gem</a></li>
</ul>
</li>
<li class="dorpdown">
<a href="#">USD</a>
<ul class="subnav">
<li><a href="#">USD</a></li>
<li><a href="#">UKD</a></li>
<li><a href="#">FER</a></li>
</ul>
</li>
</ul>
</div>
<div class="col-md-6">
<ul class="topmenu">
<li><a href="#">Về chúng tôi</a></li>
<li><a href="#">Tin tức</a></li>
<li><a href="#">Dịch vụ</a></li>
<li><a href="#">Tuyển dụng</a></li>
<li><a href="#">Truyền thông</a></li>
<li><a href="#">Hỗ trợ</a></li>
</ul>
</div>
<div class="col-md-3">
<ul class="usermenu">
<li><a href="checkout.html" class="log">Đăng
nhập</a></li>
<li><a href="checkout2.html" class="reg">Đăng
kí</a></li>
</ul>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="header_bottom">
<ul class="option">
<li id="search" class="search">
<form><input class="search-submit" type="submit"
value=""><input class="search-input"
placeholder="Sản Phẩm Tìm Kiếm..."
type="text" value="" name="search"></form>
</li>
<li class="option-cart">
<a href="#" class="cart-icon">cart <span
class="cart_no">02</span></a>
<ul class="option-cart-item">
<li>
<div class="cart-item">
<div class="image"><img
src="images/products/thum/products-01.jpg" alt=""></div>
<div class="item-description">
<p class="name">Áo thun Understand</p>
<p>Size: <span class="light-red">One
size</span><br>Số lượng: <span
class="light-red">01</span></p>
</div>
<div class="right">
<p class="price">250.000</p>
<a href="#" class="remove"><img
src="images/remove.png" alt="remove"></a>
</div>
</div>
</li>
<li>
<div class="cart-item">
<div class="image"><img
src="images/products/thum/products-02.jpg" alt=""></div>
<div class="item-description">
<p class="name">Áo thun GenT đen</p>
<p>Size: <span class="light-red">One
size</span><br>Số lượng: <span
class="light-red">01</span></p>
</div>
<div class="right">
<p class="price">200.000</p>
<a href="#" class="remove"><img
src="images/remove.png" alt="remove"></a>
</div>
</div>
</li>
<li><span class="total">Tổng cộng
<strong>450.000</strong></span><button class="checkout"

onClick="location.href='checkout.html'">Phương Thức Thanh Toán </button></li>


</ul>
</li>
</ul>
<div class="navbar-header"><button type="button"
class="navbar-toggle" data-toggle="collapse"
data-target=".navbar-collapse"><span class="sr-
only">Chuyển đổi điều hướng thành</span><span
class="icon-bar"></span><span class="icon-
bar"></span><span
class="icon-bar"></span></button></div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active dropdown">
<a href="#" class="dropdown-toggle" data-
toggle="dropdown">Trang Chủ</a>
<div class="dropdown-menu">
<ul class="mega-menu-links">
<li><a href="index.html">Trang
Chủ</a></li>
<li><a href="productlitst.html">Sản
phẩm</a></li>
<li><a href="productgird.html">GIFT sản
phẩm</a></li>
<li><a href="details.html">Chi
tiết</a></li>
<li><a href="cart.html">Giỏ hàng</a></li>
<li><a href="checkout.html">Thanh
toán</a></li>
<li><a href="contact.html">Liên
lạc</a></li>
</ul>
</div>
</li>
<li><a href="productgird.html">Hot Trend</a></li>
<li><a href="productlitst.html">Bán Chạy</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-
toggle="dropdown">Thời trang</a>
<div class="dropdown-menu mega-menu">
<div class="row">
<div class="col-md-6 col-sm-6">
<ul class="mega-menu-links">
<li><a href="productgird.html">Bộ
sưu tập mới</a></li>
<li><a
href="productgird.html">Shirts & tops</a></li>
<li><a
href="productgird.html">Laptop & Brie</a></li>
<li><a
href="productgird.html">Dresses</a></li>
<li><a
href="productgird.html">Blazers & Jackets</a></li>
<li><a
href="productgird.html">Shoulder Bags</a></li>
</ul>
</div>
<div class="col-md-6 col-sm-6">
<ul class="mega-menu-links">
<li><a href="productgird.html">New
Collection</a></li>
<li><a
href="productgird.html">Shirts & tops</a></li>
<li><a
href="productgird.html">Laptop & Brie</a></li>
<li><a
href="productgird.html">Dresses</a></li>
<li><a
href="productgird.html">Blazers & Jackets</a></li>
<li><a
href="productgird.html">Shoulder Bags</a></li>
</ul>
</div>
</div>
</div>
</li>
<li><a href="productgird.html">Giảm giá</a></li>
<li><a href="productgird.html">Blog</a></li>
<li><a href="contact.html">Liên hệ chúng
tôi</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>

You might also like