Skip to content

Instantly share code, notes, and snippets.

@WanderGink

WanderGink/index.html

Last active October 23, 2016 03:14
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save WanderGink/377f2a10b6d34bd215e60eded44cf664 to your computer and use it in GitHub Desktop.
Save WanderGink/377f2a10b6d34bd215e60eded44cf664 to your computer and use it in GitHub Desktop.
Download ZIP
Promo
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="ico/favicon.png">
<title>Jumbotron Template for Bootstrap</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<header>
<div class="top-bar">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="pull-left">
<div class="lang">
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle no-border" data-toggle="dropdown">
Tiếng Việt <span class="caret"></span>
</button>
<ul class="dropdown-menu no-border" role="menu">
<li><a href="#">English</a></li>
</ul>
</div>
</div>
</div>
<div class="pull-right">
<ul class="list-unstyled top-links">
<li><a href="#">Tài khoản</a></li>
<li><a href="#">Tặng sách</a></li>
<li><a href="#">Thanh toán</a></li>
<li><a href="#">Đăng Nhập</a></li>
<li><a href="#">Tạo tài khoản mới</a></li>
</ul>
</div>
</div>
</div>
</div>
</div><!--end .top-bar-->
<div class="main-header">
<div class="container">
<div class="row">
<div class="col-sm-4 search-w">
<div class="input-group">
<input type="text" class="form-control" placeholder="Nhập từ cần tìm">
<span class="input-group-btn">
<button class="btn btn-default" type="button"><i class="glyphicon glyphicon-search"></i></button>
</span>
</div>
</div>
<div class="col-sm-4">
<div class="logo text-center">
<a href="#"><img src="img/logo-new.jpg" alt="Logo" /></a>
</div>
</div>
<div class="col-sm-4">
<div class="pull-right">
<div class="cart-wish-w">
<div class="cart-w">
<div class="cart-info">
<span>
<strong>0 item</strong>
<strong>0 quantity</strong>
</span>
<a href="#" class="btn-cart">
<i class="glyphicon glyphicon-shopping-cart"></i>
</a>
</div>
</div>
<div class="wishlist-w">
<div class="wishlist-info">
<span>
<strong>0 product</strong>
</span>
<a href="#" class="btn-cart">
<i class="glyphicon glyphicon-heart"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!--end .header-header-->
<div class="row">
<div class="col-sm-2 col-sm-offset-1">
<div class="sidebar-nav">
<div class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="visible-xs navbar-brand">Sidebar menu</span>
</div>
<div class="navbar-collapse collapse sidebar-navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Menu Item 1</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 2</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li class="dropdown-header">Nav header</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul>
<li><a href="#">sub2</a></li>
<li><a href="#">sub2</a></li>
<li><a href="#">sub2</a></li>
</ul>
</li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
<li><a href="#">Menu Item 4</a></li>
<li><a href="#">Reviews <span class="badge">1,118</span></a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
</header>
<div class="row">
<div class="col-sm-8 col-sm-offset-3">
<section class="slider">
<div id="slider-demo" class="carousel slide abc" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#slider-demo" data-slide-to="0" class="active"></li>
<li data-target="#slider-demo" data-slide-to="1"></li>
<li data-target="#slider-demo" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner myslide">
<div class="item active">
<img src="img/slideb1.jpg" alt="Slider 1">
<div class="carousel-caption">
<h3>Demo Slider</h3>
<p>The slideshow below shows a generic plugin and component for cycling through elements like a carousel.</p>
</div>
</div>
<div class="item">
<img src="img/slideb2.jpg" alt="Slider"/>
</div>
<div class="item">
<img src="img/slideb3.jpg" alt="Slider"/>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#slider-demo" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#slider-demo" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
</section><!--end .slider-->
</div>
</div>
<section class="content">
<div class="row">
<div class="col-sm-8 col-sm-offset-3">
<div class="promo">
<div class="row">
<div class="col-lg-12">
<div class="owl-carousel owl-theme">
<div>
<a href="#">
<img src="img/book.jpg" alt="Promo 1" class="img-responsive" />
</a>
</div>
<div>
<a href="#">
<img src="img/book.jpg" alt="Promo 1" class="img-responsive" />
</a>
</div>
<div>
<a href="#">
<img src="img/book.jpg" alt="Promo 1" class="img-responsive" />
</a>
</div>
<div>
<a href="#">
<img src="img/book.jpg" alt="Promo 1" class="img-responsive" />
</a>
</div>
<div>
<a href="#">
<img src="img/book.jpg" alt="Promo 1" class="img-responsive" />
</a>
</div>
<div>
<a href="#">
<img src="img/book.jpg" alt="Promo 1" class="img-responsive" />
</a>
</div>
<div>
<a href="#">
<img src="img/book.jpg" alt="Promo 1" class="img-responsive" />
</a>
</div>
<div>
<a href="#">
<img src="img/book.jpg" alt="Promo 1" class="img-responsive" />
</a>
</div>
<div>
<a href="#">
<img src="img/book.jpg" alt="Promo 1" class="img-responsive" />
</a>
</div>
<div>
<a href="#">
<img src="img/book.jpg" alt="Promo 1" class="img-responsive" />
</a>
</div>
<div>
<a href="#">
<img src="img/book.jpg" alt="Promo 1" class="img-responsive" />
</a>
</div>
</div>
</div>
</div>
</div><!--end .promo-->
<div class="product-lists">
<div class="row">
<div class="col-sm-12">
<h3 class="box-title">Sách Mới</h3>
</div>
</div>
<div class="row">
<div class="col-sm-3 product-item">
<div class="image">
<div class="wishlist">
<a href="#">
<i class="glyphicon glyphicon-heart"></i>
</a>
</div>
<a href="#">
<img src="img/book.jpg" class="img-responsive" alt=""/>
</a>
<div class="line"></div>
</div>
<div class="title">
<h2><a href="#">Flying ninja</a></h2>
</div>
<div class="info">
<div class="pull-left">
<ins>
<span>$20</span>
</ins>
</div>
<div class="pull-right">
<a class="btn-cart" href="#">
<i class="glyphicon glyphicon-shopping-cart"></i>
</a>
</div>
</div>
</div><!--end .product-item-->
<div class="col-sm-3 product-item">
<div class="image">
<div class="wishlist">
<a href="#">
<i class="glyphicon glyphicon-heart"></i>
</a>
</div>
<a href="#">
<img src="img/book.jpg" class="img-responsive" alt=""/>
</a>
<div class="line"></div>
</div>
<div class="title">
<h2><a href="#">By aloha</a></h2>
</div>
<div class="info">
<div class="pull-left">
<ins>
<span>$10</span>
</ins>
</div>
<div class="pull-right">
<a class="btn-cart" href="#">
<i class="glyphicon glyphicon-shopping-cart"></i>
</a>
</div>
</div>
</div><!--end .product-item-->
<div class="col-sm-3 product-item">
<div class="image">
<div class="wishlist">
<a href="#">
<i class="glyphicon glyphicon-heart"></i>
</a>
</div>
<a href="#">
<img src="img/book.jpg" class="img-responsive" alt=""/>
</a>
<div class="line"></div>
</div>
<div class="title">
<h2><a href="#">Toan bk</a></h2>
</div>
<div class="info">
<div class="pull-left">
<ins>
<span>$10</span>
</ins>
</div>
<div class="pull-right">
<a class="btn-cart" href="#">
<i class="glyphicon glyphicon-shopping-cart"></i>
</a>
</div>
</div>
</div><!--end .product-item-->
<div class="col-sm-3 product-item">
<div class="image">
<div class="wishlist">
<a href="#">
<i class="glyphicon glyphicon-heart"></i>
</a>
</div>
<a href="#">
<img src="img/book.jpg" class="img-responsive" alt=""/>
</a>
<div class="line"></div>
</div>
<div class="title">
<h2><a href="#">Andy Pham</a></h2>
</div>
<div class="info">
<div class="pull-left">
<ins>
<span>$04</span>
</ins>
</div>
<div class="pull-right">
<a class="btn-cart" href="#">
<i class="glyphicon glyphicon-shopping-cart"></i>
</a>
</div>
</div>
</div><!--end .product-item-->
</div>
</div><!--end .product-lists-->
<div class="product-lists">
<div class="row">
<div class="col-sm-12">
<h3 class="box-title">Sách Bán chạy</h3>
</div>
</div>
<div class="row">
<div class="col-sm-3 product-item">
<div class="image">
<div class="wishlist">
<a href="#">
<i class="glyphicon glyphicon-heart"></i>
</a>
</div>
<a href="#">
<img src="img/book.jpg" class="img-responsive" alt=""/>
</a>
<div class="line"></div>
</div>
<div class="title">
<h2><a href="#">Flying ninja</a></h2>
</div>
<div class="info">
<div class="pull-left">
<ins>
<span>$20</span>
</ins>
</div>
<div class="pull-right">
<a class="btn-cart" href="#">
<i class="glyphicon glyphicon-shopping-cart"></i>
</a>
</div>
</div>
</div><!--end .product-item-->
<div class="col-sm-3 product-item">
<div class="image">
<div class="wishlist">
<a href="#">
<i class="glyphicon glyphicon-heart"></i>
</a>
</div>
<a href="#">
<img src="img/book.jpg" class="img-responsive" alt=""/>
</a>
<div class="line"></div>
</div>
<div class="title">
<h2><a href="#">By aloha</a></h2>
</div>
<div class="info">
<div class="pull-left">
<ins>
<span>$10</span>
</ins>
</div>
<div class="pull-right">
<a class="btn-cart" href="#">
<i class="glyphicon glyphicon-shopping-cart"></i>
</a>
</div>
</div>
</div><!--end .product-item-->
<div class="col-sm-3 product-item">
<div class="image">
<div class="wishlist">
<a href="#">
<i class="glyphicon glyphicon-heart"></i>
</a>
</div>
<a href="#">
<img src="img/book.jpg" class="img-responsive" alt=""/>
</a>
<div class="line"></div>
</div>
<div class="title">
<h2><a href="#">Toan bk</a></h2>
</div>
<div class="info">
<div class="pull-left">
<ins>
<span>$10</span>
</ins>
</div>
<div class="pull-right">
<a class="btn-cart" href="#">
<i class="glyphicon glyphicon-shopping-cart"></i>
</a>
</div>
</div>
</div><!--end .product-item-->
<div class="col-sm-3 product-item">
<div class="image">
<div class="wishlist">
<a href="#">
<i class="glyphicon glyphicon-heart"></i>
</a>
</div>
<a href="#">
<img src="img/book.jpg" class="img-responsive" alt=""/>
</a>
<div class="line"></div>
</div>
<div class="title">
<h2><a href="#">Andy Pham</a></h2>
</div>
<div class="info">
<div class="pull-left">
<ins>
<span>$04</span>
</ins>
</div>
<div class="pull-right">
<a class="btn-cart" href="#">
<i class="glyphicon glyphicon-shopping-cart"></i>
</a>
</div>
</div>
</div><!--end .product-item-->
</div>
</div><!--end .product-lists2-->
<div class="product-lists">
<div class="row">
<div class="col-sm-12">
<h3 class="box-title">Sách đang giảm giá</h3>
</div>
</div>
<div class="row">
<div class="col-sm-3 product-item">
<div class="image">
<div class="wishlist">
<a href="#">
<i class="glyphicon glyphicon-heart"></i>
</a>
</div>
<a href="#">
<img src="img/book.jpg" class="img-responsive" alt=""/>
</a>
<div class="line"></div>
</div>
<div class="title">
<h2><a href="#">Flying ninja</a></h2>
</div>
<div class="info">
<div class="pull-left">
<del>
<span>$302</span>
</del>
<ins>
<span>$20</span>
</ins>
</div>
<div class="pull-right">
<a class="btn-cart" href="#">
<i class="glyphicon glyphicon-shopping-cart"></i>
</a>
</div>
</div>
</div><!--end .product-item-->
<div class="col-sm-3 product-item">
<div class="image">
<div class="wishlist">
<a href="#">
<i class="glyphicon glyphicon-heart"></i>
</a>
</div>
<a href="#">
<img src="img/book.jpg" class="img-responsive" alt=""/>
</a>
<div class="line"></div>
</div>
<div class="title">
<h2><a href="#">By aloha</a></h2>
</div>
<div class="info">
<div class="pull-left">
<del>
<span>$12</span>
</del>
<ins>
<span>$10</span>
</ins>
</div>
<div class="pull-right">
<a class="btn-cart" href="#">
<i class="glyphicon glyphicon-shopping-cart"></i>
</a>
</div>
</div>
</div><!--end .product-item-->
<div class="col-sm-3 product-item">
<div class="image">
<div class="wishlist">
<a href="#">
<i class="glyphicon glyphicon-heart"></i>
</a>
</div>
<a href="#">
<img src="img/book.jpg" class="img-responsive" alt=""/>
</a>
<div class="line"></div>
</div>
<div class="title">
<h2><a href="#">Toan bk</a></h2>
</div>
<div class="info">
<div class="pull-left">
<del>
<span>$09</span>
</del>
<ins>
<span>$10</span>
</ins>
</div>
<div class="pull-right">
<a class="btn-cart" href="#">
<i class="glyphicon glyphicon-shopping-cart"></i>
</a>
</div>
</div>
</div><!--end .product-item-->
<div class="col-sm-3 product-item">
<div class="image">
<div class="wishlist">
<a href="#">
<i class="glyphicon glyphicon-heart"></i>
</a>
</div>
<a href="#">
<img src="img/book.jpg" class="img-responsive" alt=""/>
</a>
<div class="line"></div>
</div>
<div class="title">
<h2><a href="#">Andy Pham</a></h2>
</div>
<div class="info">
<div class="pull-left">
<del>
<span>$07</span>
</del>
<ins>
<span>$04</span>
</ins>
</div>
<div class="pull-right">
<a class="btn-cart" href="#">
<i class="glyphicon glyphicon-shopping-cart"></i>
</a>
</div>
</div>
</div><!--end .product-item-->
</div>
</div><!--end .product-lists3-->
<div class="about">
<div class="row">
<div class="col-sm-3 about-w">
<h3>Tác giả tiêu biểu</h3>
<img src="img/tacgia.jpg" alt="Tác giả">
</div>
<div class="col-sm-9 shop-about">
<p>
Ayn Rand (2 tháng 2 năm 1905 – 6 tháng 3 năm 1982) là một nhà tiểu thuyết và lý luận quốc tịch Mỹ sinh tại Nga. Bà nổi tiếng vì đã phát triển học thuyết Chủ nghĩa khách quan và vì đã viết một số tác phẩm như We the Living (Chúng ta những kẻ sống), The Fountainhead (Suối nguồn), Atlas Shrugged (Người khổng lồ nghiêng vai), For the new Intellectual (Vì giới tri thức mới) và tiểu thuyết ngắn Anthem. Là người gây ảnh hưởng rộng lớn tới nước Mỹ hậu chiến tranh thế giới thứ 2, các tác phẩm của Ayn Rand đã tạo nên sự mến mộ nhiệt thành cũng như phê phán nghiêm khắc.
</p>
</div>
</div>
</div><!--end .about-->
<div class="new-lists">
<div class="row">
<div class="col-sm-12">
<h3 class="box-title">News</h3>
</div>
</div>
<div class="row">
<div class="col-sm-3 news-item">
<span class="date">
<i class="glyphicon glyphicon-dashboard"></i>
09/05/2016
</span>
<h2><a href="#">Praesent faucibus ligula</a></h2>
<p class="excerpt">
Praesent faucibus ligula luctus dolor. Suspendisse nec nibh id mi fringilla porta. Mauris turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames…
</p>
<a href="#" class="read-more">Read more</a>
</div><!--end .news-item-->
<div class="col-sm-3 news-item">
<span class="date">
<i class="glyphicon glyphicon-dashboard"></i>
17/01/2016
</span>
<h2><a href="#">Etiam nulla nisl</a></h2>
<p class="excerpt">
Curabitur rutrum. Nunc semper lorem eget sapien luctus tristique. Nam aliquam lobortis lectus. Aliquam at nisl at odio auctor pretium. Aenean mollis. Ut venenatis…
</p>
<a href="#" class="read-more">Read more</a>
</div><!--end .news-item-->
<div class="col-sm-3 news-item">
<span class="date">
<i class="glyphicon glyphicon-dashboard"></i>
31/01/2016
</span>
<h2><a href="#">Lorem ipsum dolor sit</a></h2>
<p class="excerpt">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus velit sem, commodo a, viverra eu, dignissim sed, nunc. Phasellus gravida vestibulum arcu. Sed ac…
</p>
<a href="#" class="read-more">Read more</a>
</div><!--end .news-item-->
<div class="col-sm-3 news-item">
<span class="date">
<i class="glyphicon glyphicon-dashboard"></i>
09/05/2016
</span>
<h2><a href="#">Etiam eu urna eget dolor</a></h2>
<p class="excerpt">
Etiam eu urna eget dolor imperdiet vehicula. Phasellus dictum ipsum vel neque. Mauris interdum iaculis risus. Aliquam vitae lectus in nulla faucibus varius. Curabitur…
</p>
<a href="#" class="read-more">Read more</a>
</div><!--end .news-item-->
</div>
</div><!--end .new-lists-->
</div>
</div>
</section><!--end .content-->
</div>
<!-- endrowmain -->
<footer class="footer">
<div class="footer-custom">
<div class="container">
<div class="row">
<div class="col-sm-3">
<div class="title">
<h3>About us</h3>
<div class="line"></div>
</div>
<div class="content">
<p>
This is a CMS block edited from admin panel. You can insert any content here.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas odio arcu, feugiat vel congue feugiat, laoreet vitae diam.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque non dui at sapien tempor gravida ut vel arcu.
</p>
</div>
</div>
<div class="col-sm-3 contact-us">
<div class="title">
<h3>Contact US</h3>
<div class="line"></div>
</div>
<div class="content">
<div class="item">
<div class="icon">
<i class="glyphicon glyphicon-map-marker"></i>
</div>
<div class="info">
Lingeries Store 34 New Clity 5655, Excel Tower OPG Rpad, 4538FH
</div>
</div>
<div class="item">
<div class="icon">
<i class="glyphicon glyphicon-phone-alt"></i>
</div>
<div class="info">
+1 800 123 1234
</div>
</div>
<div class="item">
<div class="icon">
<i class="glyphicon glyphicon-envelope"></i>
</div>
<div class="info">
<a href="#">support@smooththemes.com</a>
</div>
</div>
<div class="item">
<div class="icon">
<i class="glyphicon glyphicon-user"></i>
</div>
<div class="info">
<a href="#">SmoothThemes</a>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="title">
<h3>Twitter</h3>
<div class="line"></div>
</div>
<div class="content">
<div class="tweet-content">
At refreshed
<a target="_blank" href="http://t.co/eNvqKTup1d">http://t.co/eNvqKTup1d</a>, personalize your profile w/ accent color:
<a target="_blank" href="http://t.co/vxt1P3BDxq&gt;web">http://t.co/vxt1P3BDxq&gt;web</a> design.
<a target="_blank" href="http://t.co/y7r1a6jqxl">http://t.co/y7r1a6jqxl</a>
<span class="time">
<a target="_blank" title="" href="http://twitter.com/783214/status/422841285339131904"> about 2 days ago</a>
</span>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="title">
<h3>Facebook</h3>
<div class="line"></div>
</div>
<div class="content">
</div>
</div>
</div>
</div>
</div>
<div class="footer-links">
<div class="container">
<div class="row">
<div class="col-sm-3">
<h3>Meta</h3>
<ul class="list-unstyled">
<li><a href="#">Register</a></li>
<li><a href="#">Log in</a></li>
<li>
<a href="#" title="Syndicate this site using RSS 2.0">Entries <abbr title="Really Simple Syndication">RSS</abbr></a>
</li>
<li>
<a href="#" title="The latest comments to all posts in RSS">Comments <abbr title="Really Simple Syndication">RSS</abbr>
</a>
</li>
<li>
<a href="#" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress.org</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<h3>Information</h3>
<ul class="list-unstyled">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Delivery</a></li>
<li><a href="#">Secure payment</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
</div>
<div class="col-sm-3">
<h3>Support</h3>
<ul class="list-unstyled">
<li><a href="#">Specials</a></li>
<li><a href="#">New products</a></li>
<li><a href="#">Top sellers</a></li>
<li><a href="#">Our stores</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
<div class="col-sm-3">
<h3>My account</h3>
<ul class="list-unstyled">
<li><a href="#">My orders</a></li>
<li><a href="#">My credit slips</a></li>
<li><a href="#">My personal info</a></li>
<li><a href="#">My vouchers</a></li>
<li><a href="#">My addresses</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
<div class="row">
<div class="col-sm-12">
<p>&copy; 2016 | Theme custom by Toankd</p>
</div>
</div>
</div>
</div>
</footer><!--end .footer-->
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment