gramps
373ebc8c93
952 days continuous production uptime, 40k+ tp/s single node. Original corpo Bitbucket history not included — clean archive commit.
1414 lines
68 KiB
HTML
1414 lines
68 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<!-- Required meta tags always come first -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
<title>Material Design Bootstrap Template</title>
|
|
|
|
<!-- Font Awesome -->
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
|
|
|
|
<!-- Bootstrap core CSS -->
|
|
<link href="../../../css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
<!-- Material Design Bootstrap -->
|
|
<link href="../../../css/mdb.min.css" rel="stylesheet">
|
|
|
|
<style>
|
|
|
|
/* Carousel and pictures */
|
|
.view:not(.hm-zoom) {
|
|
overflow:visible;
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body class="fixed-sn mdb-skin">
|
|
|
|
<!--Double navigation-->
|
|
<header>
|
|
<!-- Sidebar navigation -->
|
|
<ul id="slide-out" class="side-nav fixed sn-bg-1 custom-scrollbar">
|
|
<!-- Logo -->
|
|
<li>
|
|
<div class="logo-wrapper waves-light">
|
|
<a href="#"><img src="https://mdbootstrap.com/img/logo/mdb-transparent.png" class="img-fluid flex-center"></a>
|
|
</div>
|
|
</li>
|
|
<!--/. Logo -->
|
|
<!--Social-->
|
|
<li>
|
|
<ul class="social">
|
|
<li><a class="icons-sm fb-ic"><i class="fa fa-facebook"> </i></a></li>
|
|
<li><a class="icons-sm pin-ic"><i class="fa fa-pinterest"> </i></a></li>
|
|
<li><a class="icons-sm gplus-ic"><i class="fa fa-google-plus"> </i></a></li>
|
|
<li><a class="icons-sm tw-ic"><i class="fa fa-twitter"> </i></a></li>
|
|
</ul>
|
|
</li>
|
|
<!--/Social-->
|
|
<!--Search Form-->
|
|
<li>
|
|
<form class="search-form" role="search">
|
|
<div class="form-group waves-light">
|
|
<input type="text" class="form-control" placeholder="Search">
|
|
</div>
|
|
</form>
|
|
</li>
|
|
<!--/.Search Form-->
|
|
<!-- Side navigation links -->
|
|
<li>
|
|
<ul class="collapsible collapsible-accordion">
|
|
<li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-heart"></i> New Arrivals<i class="fa fa-angle-down rotate-icon"></i></a>
|
|
<div class="collapsible-body">
|
|
<ul>
|
|
<li><a href="#" class="waves-effect">Handbags</a>
|
|
</li>
|
|
<li><a href="#" class="waves-effect">Shoes</a>
|
|
</li>
|
|
<li><a href="#" class="waves-effect">Dresses</a>
|
|
</li>
|
|
<li><a href="#" class="waves-effect">Skirts</a>
|
|
</li>
|
|
<li><a href="#" class="waves-effect">Jeans</a>
|
|
</li>
|
|
<li><a href="#" class="waves-effect">Outerwear</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-diamond"></i> Accessories<i class="fa fa-angle-down rotate-icon"></i></a>
|
|
<div class="collapsible-body">
|
|
<ul>
|
|
<li><a href="#" class="waves-effect">Jewelry</a>
|
|
</li>
|
|
<li><a href="#" class="waves-effect">Wallets & Purses</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-gitlab"></i> For kids<i class="fa fa-angle-down rotate-icon"></i></a>
|
|
<div class="collapsible-body">
|
|
<ul>
|
|
<li><a href="#" class="waves-effect">Girls</a>
|
|
</li>
|
|
<li><a href="#" class="waves-effect">Boys</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-sun-o"></i> Summer<i class="fa fa-angle-down rotate-icon"></i></a>
|
|
<div class="collapsible-body">
|
|
<ul>
|
|
<li><a href="#" class="waves-effect">Swimsuits</a>
|
|
</li>
|
|
<li><a href="#" class="waves-effect">Sandals</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-briefcase"></i> Fall / Winter<i class="fa fa-angle-down rotate-icon"></i></a>
|
|
<div class="collapsible-body">
|
|
<ul>
|
|
<li><a href="#" class="waves-effect">Coats</a>
|
|
</li>
|
|
<li><a href="#" class="waves-effect">Boots</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-coffee "></i> Spring<i class="fa fa-angle-down rotate-icon"></i></a>
|
|
<div class="collapsible-body">
|
|
<ul>
|
|
<li><a href="#" class="waves-effect">Denim jackets</a>
|
|
</li>
|
|
<li><a href="#" class="waves-effect">Sneakers</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<!--/. Side navigation links -->
|
|
<div class="sidenav-bg mask-strong"></div>
|
|
</ul>
|
|
<!--/. Sidebar navigation -->
|
|
|
|
<!--Navbar-->
|
|
<nav class="navbar fixed-top navbar-toggleable-md navbar-dark scrolling-navbar double-nav">
|
|
|
|
<!-- SideNav slide-out button -->
|
|
<div class="float-left">
|
|
<a href="#" data-activates="slide-out" class="button-collapse"><i class="fa fa-bars"></i></a>
|
|
</div>
|
|
|
|
<!-- Breadcrumb-->
|
|
<div class="breadcrumb-dn mr-auto">
|
|
<p>MDB E-commerce Homepage</p>
|
|
</div>
|
|
|
|
<ul class="nav navbar-nav nav-flex-icons ml-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link"> <span class="badge red z-depth-1">2</span> <i class="fa fa-shopping-cart"></i> <span class="hidden-sm-down">Cart</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link"><i class="fa fa-envelope"></i> <span class="hidden-sm-down">Contact</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link"><i class="fa fa-comments-o"></i> <span class="hidden-sm-down">Support</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link"><i class="fa fa-sign-in"></i> <span class="hidden-sm-down">Register</span></a>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="fa fa-user"></i> <span class="hidden-sm-down">Profile</span>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
|
|
<a class="dropdown-item" href="#">Logout</a>
|
|
<a class="dropdown-item" href="#">My account</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<!--/.Navbar-->
|
|
</header>
|
|
<!--/Double navigation-->
|
|
|
|
<!--Main layout-->
|
|
<main>
|
|
<div class="container-fluid">
|
|
|
|
<!--Section: Main carousel-->
|
|
<section>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
|
|
<!--Carousel Wrapper-->
|
|
<div id="carousel-example-2" class="carousel slide carousel-fade" data-ride="carousel">
|
|
<!--Indicators-->
|
|
<ol class="carousel-indicators">
|
|
<li data-target="#carousel-example-2" data-slide-to="0" class="active"></li>
|
|
<li data-target="#carousel-example-2" data-slide-to="1"></li>
|
|
<li data-target="#carousel-example-2" data-slide-to="2"></li>
|
|
</ol>
|
|
<!--/.Indicators-->
|
|
|
|
<!--Slides-->
|
|
<div class="carousel-inner" role="listbox">
|
|
<!--First slide-->
|
|
<div class="carousel-item active">
|
|
<!--Mask color-->
|
|
<div class="view hm-black-light">
|
|
<img src="https://mdbootstrap.com/images/slides/slide%20(25).jpg" class="img-fluid" alt="">
|
|
<div class="full-bg-img">
|
|
</div>
|
|
</div>
|
|
<!--Caption-->
|
|
<div class="carousel-caption">
|
|
<div class="animated fadeInDown">
|
|
<h3 class="h3-responsive">New Fall / Winter handbags</h3>
|
|
<p>Take a look at our Trends and prepare for Fall Season</p>
|
|
</div>
|
|
</div>
|
|
<!--Caption-->
|
|
</div>
|
|
<!--/First slide-->
|
|
|
|
<!--Second slide-->
|
|
<div class="carousel-item">
|
|
<!--Mask color-->
|
|
<div class="view hm-black-light">
|
|
<img src="https://mdbootstrap.com/images/slides/slide%20(26).jpg" class="img-fluid" alt="">
|
|
<div class="full-bg-img">
|
|
</div>
|
|
</div>
|
|
<!--Caption-->
|
|
<div class="carousel-caption">
|
|
<div class="animated fadeInDown">
|
|
<h3 class="h3-responsive">Best sweaters for winter</h3>
|
|
<p>Choose your favourite one and you're never be cold</p>
|
|
</div>
|
|
</div>
|
|
<!--Caption-->
|
|
</div>
|
|
<!--/Second slide-->
|
|
|
|
<!--Third slide-->
|
|
<div class="carousel-item">
|
|
<!--Mask color-->
|
|
<div class="view hm-black-light">
|
|
<img src="https://mdbootstrap.com/images/slides/slide%20(27).jpg" class="img-fluid" alt="">
|
|
<div class="full-bg-img">
|
|
</div>
|
|
</div>
|
|
<!--Caption-->
|
|
<div class="carousel-caption">
|
|
<div class="animated fadeInDown">
|
|
<h3 class="h3-responsive">New arrivals for summer</h3>
|
|
<p>Go for holidays with our shirts and sunglasses</p>
|
|
</div>
|
|
</div>
|
|
<!--Caption-->
|
|
</div>
|
|
<!--/Third slide-->
|
|
</div>
|
|
<!--/.Slides-->
|
|
|
|
<!--Controls-->
|
|
<a class="carousel-control-prev" href="#carousel-example-2" role="button" data-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</a>
|
|
<a class="carousel-control-next" href="#carousel-example-2" role="button" data-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Next</span>
|
|
</a>
|
|
<!--/.Controls-->
|
|
</div>
|
|
<!--/.Carousel Wrapper-->
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!--/Section: Main carousel-->
|
|
|
|
<!--Divider-->
|
|
<div class="divider-new">
|
|
<h2 class="h2-responsive">What's new?</h2>
|
|
</div>
|
|
|
|
<!--Section: Products v.1-->
|
|
<section class="section">
|
|
|
|
<!--Section heading-->
|
|
<h1 class="section-heading wow fadeIn" data-wow-delay="0.2s">Our bestsellers v.1</h1>
|
|
<!--Section sescription-->
|
|
<p class="section-description wow fadeIn" data-wow-delay="0.4s">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam voluptas nostrum quisquam eum porro a pariatur accusamus veniam. Quia, minima?</p>
|
|
|
|
<!--First row-->
|
|
<div class="row">
|
|
|
|
<!--First column-->
|
|
<div class="col-lg-4 col-md-6 mb-r wow fadeIn" data-wow-delay="0.2s">
|
|
|
|
<!--Card-->
|
|
<div class="card card-cascade wider">
|
|
|
|
<!--Card image-->
|
|
<div class="view overlay hm-white-slight">
|
|
<img src="https://mdbootstrap.com/images/ecommerce/vertical/img%20(9).jpg" class="img-fluid" alt="">
|
|
<a>
|
|
<div class="mask"></div>
|
|
</a>
|
|
</div>
|
|
<!--/.Card image-->
|
|
|
|
<!--Card content-->
|
|
<div class="card-block text-center">
|
|
<!--Category & Title-->
|
|
<h5>Shorts</h5>
|
|
<h4 class="card-title"><a href="">Denim light shorts</a></h4>
|
|
|
|
<!--Rating-->
|
|
<ul class="rating">
|
|
<li><i class="fa fa-star"></i></li>
|
|
<li><i class="fa fa-star"></i></li>
|
|
<li><i class="fa fa-star"></i></li>
|
|
<li><i class="fa fa-star"></i></li>
|
|
<li><i class="fa fa-star-o"></i></li>
|
|
</ul>
|
|
|
|
<!--Description-->
|
|
<p class="card-text">Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe voluptates.
|
|
</p>
|
|
|
|
<!--Card footer-->
|
|
<div class="card-footer">
|
|
<span class="left">49$</span>
|
|
<span class="right">
|
|
<a data-toggle="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
|
|
<a data-toggle="tooltip" data-placement="top" title="Share"><i class="fa fa-share-alt"></i></a>
|
|
<a class="active" data-toggle="tooltip" data-placement="top" title="Added to Wishlist"><i class="fa fa-heart"></i></a>
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
<!--/.Card content-->
|
|
|
|
</div>
|
|
<!--/.Card-->
|
|
|
|
</div>
|
|
<!--/First column-->
|
|
|
|
<!--Second column-->
|
|
<div class="col-lg-4 col-md-6 mb-r wow fadeIn" data-wow-delay="0.3s">
|
|
|
|
<!--Card-->
|
|
<div class="card card-cascade wider">
|
|
|
|
<!--Card image-->
|
|
<div class="view overlay hm-white-slight">
|
|
<img src="https://mdbootstrap.com/images/ecommerce/vertical/img%20(6).jpg" class="img-fluid" alt="">
|
|
<a>
|
|
<div class="mask"></div>
|
|
</a>
|
|
</div>
|
|
<!--/.Card image-->
|
|
|
|
<!--Card content-->
|
|
<div class="card-block text-center">
|
|
<!--Category & Title-->
|
|
<h5>Shoes</h5>
|
|
<h4 class="card-title"><a href="">Nike sneakers</a></h4>
|
|
|
|
<!--Rating-->
|
|
<ul class="rating">
|
|
<li><i class="fa fa-star"></i></li>
|
|
<li><i class="fa fa-star"></i></li>
|
|
<li><i class="fa fa-star"></i></li>
|
|
<li><i class="fa fa-star"></i></li>
|
|
<li><i class="fa fa-star"></i></li>
|
|
</ul>
|
|
|
|
<!--Description-->
|
|
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam incidunt eius est voluptatibus.
|
|
</p>
|
|
|
|
<!--Card footer-->
|
|
<div class="card-footer">
|
|
<span class="left">89$</span>
|
|
<span class="right">
|
|
<a data-toggle="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
|
|
<a data-toggle="tooltip" data-placement="top" title="Share"><i class="fa fa-share-alt"></i></a>
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
<!--/.Card content-->
|
|
|
|
</div>
|
|
<!--/.Card-->
|
|
|
|
</div>
|
|
<!--/Second column-->
|
|
|
|
<!--Third column-->
|
|
<div class="col-lg-4 col-md-6 mb-r wow fadeIn" data-wow-delay="0.4s">
|
|
|
|
<!--Card-->
|
|
<div class="card card-cascade wider">
|
|
|
|
<!--Card image-->
|
|
<div class="view overlay hm-white-slight">
|
|
<img src="https://mdbootstrap.com/images/ecommerce/vertical/img%20(11).jpg" class="img-fluid" alt="">
|
|
<a>
|
|
<div class="mask"></div>
|
|
</a>
|
|
</div>
|
|
<!--/.Card image-->
|
|
|
|
<!--Card content-->
|
|
<div class="card-block text-center">
|
|
<!--Category & Title-->
|
|
<h5>Accessories</h5>
|
|
<h4 class="card-title"><a href="">Urban jewelry</a></h4>
|
|
|
|
<!--Rating-->
|
|
<ul class="rating">
|
|
<li><i class="fa fa-star"></i></li>
|
|
<li><i class="fa fa-star"></i></li>
|
|
<li><i class="fa fa-star"></i></li>
|
|
<li><i class="fa fa-star"></i></li>
|
|
<li><i class="fa fa-star-half-o"></i></li>
|
|
</ul>
|
|
|
|
<!--Description-->
|
|
<p class="card-text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur adipisci sed velit.
|
|
</p>
|
|
|
|
<!--Card footer-->
|
|
<div class="card-footer">
|
|
<span class="left">59$</span>
|
|
<span class="right">
|
|
<a data-toggle="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
|
|
<a data-toggle="tooltip" data-placement="top" title="Share"><i class="fa fa-share-alt"></i></a>
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
<!--/.Card content-->
|
|
|
|
</div>
|
|
<!--/.Card-->
|
|
|
|
</div>
|
|
<!--/Third column-->
|
|
|
|
</div>
|
|
<!--/First row-->
|
|
|
|
</section>
|
|
<!--/Section: Products v.1-->
|
|
|
|
<hr class="between-sections">
|
|
|
|
<!--Section: Products v.2-->
|
|
<section class="section">
|
|
|
|
<!--Section heading-->
|
|
<h1 class="section-heading wow fadeIn" data-wow-delay="0.2s">Our bestsellers v.2</h1>
|
|
<!--Section sescription-->
|
|
<p class="section-description wow fadeIn" data-wow-delay="0.4s">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam voluptas nostrum quisquam eum porro a pariatur accusamus veniam. Quia, minima?</p>
|
|
|
|
<!--First row-->
|
|
<div class="row">
|
|
|
|
<!--First column-->
|
|
<div class="col-lg-4 col-md-6 mb-r wow fadeInLeft" data-wow-delay="0.4s">
|
|
|
|
<!--Card-->
|
|
<div class="card card-cascade narrower">
|
|
|
|
<!--Card image-->
|
|
<div class="view overlay hm-white-slight">
|
|
<img src="https://mdbootstrap.com/images/ecommerce/reg/reg%20(7).jpg" class="img-fluid" alt="">
|
|
<a>
|
|
<div class="mask"></div>
|
|
</a>
|
|
</div>
|
|
<!--/.Card image-->
|
|
|
|
<!--Card content-->
|
|
<div class="card-block text-center">
|
|
<!--Category & Title-->
|
|
<h5>Shoes</h5>
|
|
<h4 class="card-title"><a href="">Pink sneakers</a></h4>
|
|
|
|
<!--Description-->
|
|
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing minima veniam elit. Nam incidunt eius est voluptatibus.
|
|
</p>
|
|
|
|
<!--Card footer-->
|
|
<div class="card-footer">
|
|
<span class="left">39$</span>
|
|
<span class="right">
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Quick Look"><i class="fa fa-eye"></i></a>
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
<!--/.Card content-->
|
|
|
|
</div>
|
|
<!--/.Card-->
|
|
|
|
</div>
|
|
<!--/First column-->
|
|
|
|
<!--Second column-->
|
|
<div class="col-lg-4 col-md-6 mb-r wow fadeInLeft" data-wow-delay="0.3s">
|
|
|
|
<!--Card-->
|
|
<div class="card card-cascade narrower">
|
|
|
|
<!--Card image-->
|
|
<div class="view overlay hm-white-slight">
|
|
<img src="https://mdbootstrap.com/images/ecommerce/reg/reg%20(6).jpg" class="img-fluid" alt="">
|
|
<a>
|
|
<div class="mask"></div>
|
|
</a>
|
|
</div>
|
|
<!--/.Card image-->
|
|
|
|
<!--Card content-->
|
|
<div class="card-block text-center">
|
|
<!--Category & Title-->
|
|
<h5>Accessories</h5>
|
|
<h4 class="card-title"><a href="">Blue summer hat</a></h4>
|
|
|
|
<!--Description-->
|
|
<p class="card-text">Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates.
|
|
</p>
|
|
|
|
<!--Card footer-->
|
|
<div class="card-footer">
|
|
<span class="left">49$</span>
|
|
<span class="right">
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Quick Look"><i class="fa fa-eye"></i></a>
|
|
<a class="active" data-toggle="tooltip" data-placement="top" title="Added to Wishlist"><i class="fa fa-heart"></i></a>
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
<!--/.Card content-->
|
|
|
|
</div>
|
|
<!--/.Card-->
|
|
|
|
</div>
|
|
<!--/Second column-->
|
|
|
|
<!--Third column-->
|
|
<div class="col-lg-4 col-md-6 mb-r wow fadeInLeft" data-wow-delay="0.2s">
|
|
|
|
<!--Card-->
|
|
<div class="card card-cascade narrower">
|
|
|
|
<!--Card image-->
|
|
<div class="view overlay hm-white-slight">
|
|
<img src="https://mdbootstrap.com/images/ecommerce/reg/reg%20(8).jpg" class="img-fluid" alt="">
|
|
<a>
|
|
<div class="mask"></div>
|
|
</a>
|
|
</div>
|
|
<!--/.Card image-->
|
|
|
|
<!--Card content-->
|
|
<div class="card-block text-center">
|
|
<!--Category & Title-->
|
|
<h5>Clothes</h5>
|
|
<h4 class="card-title"><a href="">White long sweater</a></h4>
|
|
|
|
<!--Description-->
|
|
<p class="card-text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur adipisci sed velit.
|
|
</p>
|
|
|
|
<!--Card footer-->
|
|
<div class="card-footer">
|
|
<span class="left">69$</span>
|
|
<span class="right">
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Quick Look"><i class="fa fa-eye"></i></a>
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
<!--/.Card content-->
|
|
|
|
</div>
|
|
<!--/.Card-->
|
|
|
|
</div>
|
|
<!--/Third column-->
|
|
|
|
</div>
|
|
<!--/First row-->
|
|
|
|
</section>
|
|
<!--/Section: Products v.2-->
|
|
|
|
<hr class="between-sections">
|
|
|
|
<!--Section: Products v.3-->
|
|
<section class="section">
|
|
|
|
<!--Section heading-->
|
|
<h1 class="section-heading wow fadeIn" data-wow-delay="0.2s">Our bestsellers v.3</h1>
|
|
<!--Section sescription-->
|
|
<p class="section-description wow fadeIn" data-wow-delay="0.4s">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam voluptas nostrum quisquam eum porro a pariatur accusamus veniam. Quia, minima?</p>
|
|
|
|
<!--First row-->
|
|
<div class="row">
|
|
|
|
<!--First column-->
|
|
<div class="col-lg-4 col-md-6 mb-r wow fadeInRight" data-wow-delay="0.2s">
|
|
|
|
<!--Card-->
|
|
<div class="card">
|
|
|
|
<!--Card image-->
|
|
<div class="view overlay hm-white-slight z-depth-1">
|
|
<img src="https://mdbootstrap.com/images/ecommerce/vertical/img%20(4).jpg" class="img-fluid" alt="">
|
|
<a>
|
|
<div class="mask"></div>
|
|
</a>
|
|
</div>
|
|
<!--/.Card image-->
|
|
|
|
<!--Card content-->
|
|
<div class="card-block text-center">
|
|
<!--Category & Title-->
|
|
<h5>Shoes</h5>
|
|
<h4 class="card-title"><a href="">White high heels</a></h4>
|
|
|
|
<!--Description-->
|
|
<p class="card-text">Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates.
|
|
</p>
|
|
|
|
<!--Card footer-->
|
|
<div class="card-footer">
|
|
<span class="left">59$ <span class="discount">199$</span></span>
|
|
<span class="right"><a class="" data-toggle="tooltip" data-placement="top" title="Add to Wishlist"><i class="fa fa-heart"></i></a></span>
|
|
</div>
|
|
|
|
</div>
|
|
<!--/.Card content-->
|
|
|
|
</div>
|
|
<!--/.Card-->
|
|
|
|
</div>
|
|
<!--/First column-->
|
|
|
|
<!--Second column-->
|
|
<div class="col-lg-4 col-md-6 mb-r wow fadeInRight" data-wow-delay="0.3s">
|
|
|
|
<!--Card-->
|
|
<div class="card">
|
|
|
|
<!--Card image-->
|
|
<div class="view overlay hm-white-slight z-depth-1">
|
|
<img src="https://mdbootstrap.com/images/ecommerce/vertical/img%20(14).jpg" class="img-fluid" alt="">
|
|
<a>
|
|
<div class="mask"></div>
|
|
</a>
|
|
</div>
|
|
<!--/.Card image-->
|
|
|
|
<!--Card content-->
|
|
<div class="card-block text-center">
|
|
<!--Category & Title-->
|
|
<h5>Accessories</h5>
|
|
<h4 class="card-title"><a href="">Bracelets</a></h4>
|
|
|
|
<!--Description-->
|
|
<p class="card-text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur adipisci sed velit.
|
|
</p>
|
|
|
|
<!--Card footer-->
|
|
<div class="card-footer">
|
|
<span class="left">39$ <span class="discount">99$</span></span>
|
|
<span class="right"><a class="" data-toggle="tooltip" data-placement="top" title="Add to Wishlist"><i class="fa fa-heart"></i></a></span>
|
|
</div>
|
|
|
|
</div>
|
|
<!--/.Card content-->
|
|
|
|
</div>
|
|
<!--/.Card-->
|
|
|
|
</div>
|
|
<!--/Second column-->
|
|
|
|
<!--Third column-->
|
|
<div class="col-lg-4 col-md-6 mb-r wow fadeInRight" data-wow-delay="0.4s">
|
|
|
|
<!--Card-->
|
|
<div class="card">
|
|
|
|
<!--Card image-->
|
|
<div class="view overlay hm-white-slight z-depth-1">
|
|
<img src="https://mdbootstrap.com/images/ecommerce/vertical/img%20(17).jpg" class="img-fluid" alt="">
|
|
<a>
|
|
<div class="mask"></div>
|
|
</a>
|
|
</div>
|
|
<!--/.Card image-->
|
|
|
|
<!--Card content-->
|
|
<div class="card-block text-center">
|
|
<!--Category & Title-->
|
|
<h5>Shoes</h5>
|
|
<h4 class="card-title"><a href="">Black boots</a></h4>
|
|
|
|
<!--Description-->
|
|
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing minima veniam elit. Nam incidunt eius est voluptatibus.
|
|
</p>
|
|
|
|
<!--Card footer-->
|
|
<div class="card-footer">
|
|
<span class="left">79$ <span class="discount">299$</span></span>
|
|
<span class="right"><a class="" data-toggle="tooltip" data-placement="top" title="Add to Wishlist"><i class="fa fa-heart"></i></a></span>
|
|
</div>
|
|
|
|
</div>
|
|
<!--/.Card content-->
|
|
|
|
</div>
|
|
<!--/.Card-->
|
|
|
|
</div>
|
|
<!--/Third column-->
|
|
|
|
</div>
|
|
<!--/First row-->
|
|
|
|
</section>
|
|
<!--/Section: Products v.3-->
|
|
|
|
<hr class="between-sections">
|
|
|
|
<!--Section: Products v.4-->
|
|
<section class="section">
|
|
|
|
<!--Section heading-->
|
|
<h1 class="section-heading wow fadeIn" data-wow-delay="0.2s">Our bestsellers v.4</h1>
|
|
<!--Section sescription-->
|
|
<p class="section-description wow fadeIn" data-wow-delay="0.4s">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam voluptas nostrum quisquam eum porro a pariatur accusamus veniam. Quia, minima?</p>
|
|
|
|
<!--First row-->
|
|
<div class="row">
|
|
|
|
<!--First column-->
|
|
<div class="col-lg-3 col-md-6 mb-r wow fadeInUp" data-wow-delay="0.2s">
|
|
|
|
<!--Collection card-->
|
|
<div class="card collection-card z-depth-1-half">
|
|
<!--Card image-->
|
|
<div class="view hm-zoom">
|
|
<img src="https://mdbootstrap.com/images/ecommerce/vertical/img%20(5).jpg" class="img-fluid" alt="">
|
|
<div class="stripe dark">
|
|
<a>
|
|
<p>Tops <i class="fa fa-chevron-right"></i></p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!--/.Card image-->
|
|
</div>
|
|
<!--/.Collection card-->
|
|
|
|
</div>
|
|
<!--/First column-->
|
|
|
|
<!--Second column-->
|
|
<div class="col-lg-3 col-md-6 mb-r wow fadeInDown" data-wow-delay="0.2s">
|
|
|
|
<!--Collection card-->
|
|
<div class="card collection-card z-depth-1-half">
|
|
<!--Card image-->
|
|
<div class="view hm-zoom">
|
|
<img src="https://mdbootstrap.com/images/ecommerce/vertical/img%20(7).jpg" class="img-fluid" alt="">
|
|
<div class="stripe light">
|
|
<a>
|
|
<p>Shorts <i class="fa fa-chevron-right"></i></p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!--/.Card image-->
|
|
</div>
|
|
<!--/.Collection card-->
|
|
|
|
</div>
|
|
<!--/Second column-->
|
|
|
|
<!--Third column-->
|
|
<div class="col-lg-3 col-md-6 mb-r wow fadeInUp" data-wow-delay="0.2s">
|
|
|
|
<!--Collection card-->
|
|
<div class="card collection-card z-depth-1-half">
|
|
<!--Card image-->
|
|
<div class="view hm-zoom">
|
|
<img src="https://mdbootstrap.com/images/ecommerce/vertical/img%20(10).jpg" class="img-fluid" alt="">
|
|
<div class="stripe dark">
|
|
<a>
|
|
<p>Dresses <i class="fa fa-chevron-right"></i></p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!--/.Card image-->
|
|
</div>
|
|
<!--/.Collection card-->
|
|
|
|
</div>
|
|
<!--/Third column-->
|
|
|
|
<!--Fourth column-->
|
|
<div class="col-lg-3 col-md-6 mb-r wow fadeInDown" data-wow-delay="0.2s">
|
|
|
|
<!--Collection card-->
|
|
<div class="card collection-card z-depth-1-half">
|
|
<!--Card image-->
|
|
<div class="view hm-zoom">
|
|
<img src="https://mdbootstrap.com/images/ecommerce/vertical/img%20(12).jpg" class="img-fluid" alt="">
|
|
<div class="stripe light">
|
|
<a>
|
|
<p>Accessories <i class="fa fa-chevron-right"></i></p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!--/.Card image-->
|
|
</div>
|
|
<!--/.Collection card-->
|
|
|
|
</div>
|
|
<!--/Fourth column-->
|
|
|
|
</div>
|
|
<!--/First row-->
|
|
|
|
</section>
|
|
<!--/Section: Products v.4-->
|
|
|
|
<hr class="between-sections">
|
|
|
|
<!--Section: Products v.5-->
|
|
<section class="section">
|
|
|
|
<!--Section heading-->
|
|
<h1 class="section-heading wow fadeIn" data-wow-delay="0.2s">Our bestsellers v.5</h1>
|
|
<!--Section sescription-->
|
|
<p class="section-description wow fadeIn" data-wow-delay="0.4s">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam voluptas nostrum quisquam eum porro a pariatur accusamus veniam. Quia, minima?</p>
|
|
|
|
|
|
<!--Carousel Wrapper-->
|
|
<div id="multi-item-example" class="carousel slide carousel-multi-item" data-ride="carousel">
|
|
|
|
<!--Controls-->
|
|
<div class="controls-top">
|
|
<a class="btn-floating btn-small primary-color" href="#multi-item-example" data-slide="prev"><i class="fa fa-chevron-left"></i></a>
|
|
<a class="btn-floating btn-small primary-color" href="#multi-item-example" data-slide="next"><i class="fa fa-chevron-right"></i></a>
|
|
</div>
|
|
<!--/.Controls-->
|
|
|
|
<!--Indicators-->
|
|
<ol class="carousel-indicators">
|
|
<li class="primary-color" data-target="#multi-item-example" data-slide-to="0" class="active"></li>
|
|
<li class="primary-color" data-target="#multi-item-example" data-slide-to="1"></li>
|
|
<li class="primary-color" data-target="#multi-item-example" data-slide-to="2"></li>
|
|
</ol>
|
|
<!--/.Indicators-->
|
|
|
|
<!--Slides-->
|
|
<div class="carousel-inner" role="listbox">
|
|
|
|
<!--First slide-->
|
|
<div class="carousel-item active">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<!--Card-->
|
|
<div class="card card-cascade narrower">
|
|
|
|
<!--Card image-->
|
|
<div class="view overlay hm-white-slight">
|
|
<img src="https://mdbootstrap.com/images/ecommerce/reg/reg%20(21).jpg" class="img-fluid" alt="">
|
|
<a>
|
|
<div class="mask"></div>
|
|
</a>
|
|
</div>
|
|
<!--/.Card image-->
|
|
|
|
<!--Card content-->
|
|
<div class="card-block text-center">
|
|
<!--Category & Title-->
|
|
<h5>Shoes</h5>
|
|
<h4 class="card-title"><a href="">White sneakers</a></h4>
|
|
|
|
<!--Description-->
|
|
<p class="card-text">Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates.
|
|
</p>
|
|
|
|
<!--Card footer-->
|
|
<div class="card-footer">
|
|
<span class="left">69$</span>
|
|
<span class="right">
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Quick Look"><i class="fa fa-eye"></i></a>
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
<!--/.Card content-->
|
|
|
|
</div>
|
|
<!--/.Card-->
|
|
|
|
</div>
|
|
|
|
<div class="col-md-4 hidden-sm-down">
|
|
|
|
<!--Card-->
|
|
<div class="card card-cascade narrower">
|
|
|
|
<!--Card image-->
|
|
<div class="view overlay hm-white-slight">
|
|
<img src="https://mdbootstrap.com/images/ecommerce/reg/reg%20(22).jpg" class="img-fluid" alt="">
|
|
<a>
|
|
<div class="mask"></div>
|
|
</a>
|
|
</div>
|
|
<!--/.Card image-->
|
|
|
|
<!--Card content-->
|
|
<div class="card-block text-center">
|
|
<!--Category & Title-->
|
|
<h5>Jeans</h5>
|
|
<h4 class="card-title"><a href="">Slim jeans</a></h4>
|
|
|
|
<!--Description-->
|
|
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing minima veniam elit. Nam incidunt eius est voluptatibus.
|
|
</p>
|
|
|
|
<!--Card footer-->
|
|
<div class="card-footer">
|
|
<span class="left">99$</span>
|
|
<span class="right">
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Quick Look"><i class="fa fa-eye"></i></a>
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
<!--/.Card content-->
|
|
|
|
</div>
|
|
<!--/.Card-->
|
|
|
|
</div>
|
|
|
|
<div class="col-md-4 hidden-sm-down">
|
|
|
|
<!--Card-->
|
|
<div class="card card-cascade narrower">
|
|
|
|
<!--Card image-->
|
|
<div class="view overlay hm-white-slight">
|
|
<img src="https://mdbootstrap.com/images/ecommerce/reg/reg%20(24).jpg" class="img-fluid" alt="">
|
|
<a>
|
|
<div class="mask"></div>
|
|
</a>
|
|
</div>
|
|
<!--/.Card image-->
|
|
|
|
<!--Card content-->
|
|
<div class="card-block text-center">
|
|
<!--Category & Title-->
|
|
<h5>Shorts</h5>
|
|
<h4 class="card-title"><a href="">Denim shorts</a></h4>
|
|
|
|
<!--Description-->
|
|
<p class="card-text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur adipisci sed velit.
|
|
</p>
|
|
|
|
<!--Card footer-->
|
|
<div class="card-footer">
|
|
<span class="left">49$</span>
|
|
<span class="right">
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Quick Look"><i class="fa fa-eye"></i></a>
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
<!--/.Card content-->
|
|
|
|
</div>
|
|
<!--/.Card-->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!--/.First slide-->
|
|
|
|
<!--Second slide-->
|
|
<div class="carousel-item">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<!--Card-->
|
|
<div class="card card-cascade narrower">
|
|
|
|
<!--Card image-->
|
|
<div class="view overlay hm-white-slight">
|
|
<img src="https://mdbootstrap.com/images/ecommerce/reg/reg%20(29).jpg" class="img-fluid" alt="">
|
|
<a>
|
|
<div class="mask"></div>
|
|
</a>
|
|
</div>
|
|
<!--/.Card image-->
|
|
|
|
<!--Card content-->
|
|
<div class="card-block text-center">
|
|
<!--Category & Title-->
|
|
<h5>Accessories</h5>
|
|
<h4 class="card-title"><a href="">Summer hat</a></h4>
|
|
|
|
<!--Description-->
|
|
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing minima veniam elit. Nam incidunt eius est voluptatibus.
|
|
</p>
|
|
|
|
<!--Card footer-->
|
|
<div class="card-footer">
|
|
<span class="left">39$</span>
|
|
<span class="right">
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Quick Look"><i class="fa fa-eye"></i></a>
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
<!--/.Card content-->
|
|
|
|
</div>
|
|
<!--/.Card-->
|
|
|
|
</div>
|
|
|
|
<div class="col-md-4 hidden-sm-down">
|
|
|
|
<!--Card-->
|
|
<div class="card card-cascade narrower">
|
|
|
|
<!--Card image-->
|
|
<div class="view overlay hm-white-slight">
|
|
<img src="https://mdbootstrap.com/images/ecommerce/reg/reg%20(30).jpg" class="img-fluid" alt="">
|
|
<a>
|
|
<div class="mask"></div>
|
|
</a>
|
|
</div>
|
|
<!--/.Card image-->
|
|
|
|
<!--Card content-->
|
|
<div class="card-block text-center">
|
|
<!--Category & Title-->
|
|
<h5>Shoes</h5>
|
|
<h4 class="card-title"><a href="">Black high heels</a></h4>
|
|
|
|
<!--Description-->
|
|
<p class="card-text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur adipisci sed velit.
|
|
</p>
|
|
|
|
<!--Card footer-->
|
|
<div class="card-footer">
|
|
<span class="left">79$</span>
|
|
<span class="right">
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Quick Look"><i class="fa fa-eye"></i></a>
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
<!--/.Card content-->
|
|
|
|
</div>
|
|
<!--/.Card-->
|
|
|
|
</div>
|
|
|
|
<div class="col-md-4 hidden-sm-down">
|
|
|
|
<!--Card-->
|
|
<div class="card card-cascade narrower">
|
|
|
|
<!--Card image-->
|
|
<div class="view overlay hm-white-slight">
|
|
<img src="https://mdbootstrap.com/images/ecommerce/reg/reg%20(31).jpg" class="img-fluid" alt="">
|
|
<a>
|
|
<div class="mask"></div>
|
|
</a>
|
|
</div>
|
|
<!--/.Card image-->
|
|
|
|
<!--Card content-->
|
|
<div class="card-block text-center">
|
|
<!--Category & Title-->
|
|
<h5>Outerwear</h5>
|
|
<h4 class="card-title"><a href="">Black jacket</a></h4>
|
|
|
|
<!--Description-->
|
|
<p class="card-text">Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates.
|
|
</p>
|
|
|
|
<!--Card footer-->
|
|
<div class="card-footer">
|
|
<span class="left">149$</span>
|
|
<span class="right">
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Quick Look"><i class="fa fa-eye"></i></a>
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
<!--/.Card content-->
|
|
|
|
</div>
|
|
<!--/.Card-->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!--/.Second slide-->
|
|
|
|
<!--Third slide-->
|
|
<div class="carousel-item">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<!--Card-->
|
|
<div class="card card-cascade narrower">
|
|
|
|
<!--Card image-->
|
|
<div class="view overlay hm-white-slight">
|
|
<img src="https://mdbootstrap.com/images/ecommerce/reg/reg%20(35).jpg" class="img-fluid" alt="">
|
|
<a>
|
|
<div class="mask"></div>
|
|
</a>
|
|
</div>
|
|
<!--/.Card image-->
|
|
|
|
<!--Card content-->
|
|
<div class="card-block text-center">
|
|
<!--Category & Title-->
|
|
<h5>Accessories</h5>
|
|
<h4 class="card-title"><a href="">Gold earrings</a></h4>
|
|
|
|
<!--Description-->
|
|
<p class="card-text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur adipisci sed velit.
|
|
</p>
|
|
|
|
<!--Card footer-->
|
|
<div class="card-footer">
|
|
<span class="left">29$</span>
|
|
<span class="right">
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Quick Look"><i class="fa fa-eye"></i></a>
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
<!--/.Card content-->
|
|
|
|
</div>
|
|
<!--/.Card-->
|
|
|
|
</div>
|
|
|
|
<div class="col-md-4 hidden-sm-down">
|
|
|
|
<!--Card-->
|
|
<div class="card card-cascade narrower">
|
|
|
|
<!--Card image-->
|
|
<div class="view overlay hm-white-slight">
|
|
<img src="https://mdbootstrap.com/images/ecommerce/reg/reg%20(3).jpg" class="img-fluid" alt="">
|
|
<a>
|
|
<div class="mask"></div>
|
|
</a>
|
|
</div>
|
|
<!--/.Card image-->
|
|
|
|
<!--Card content-->
|
|
<div class="card-block text-center">
|
|
<!--Category & Title-->
|
|
<h5>Accessories</h5>
|
|
<h4 class="card-title"><a href="">Black leather belt</a></h4>
|
|
|
|
<!--Description-->
|
|
<p class="card-text">Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates.
|
|
</p>
|
|
|
|
<!--Card footer-->
|
|
<div class="card-footer">
|
|
<span class="left">89$</span>
|
|
<span class="right">
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Quick Look"><i class="fa fa-eye"></i></a>
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
<!--/.Card content-->
|
|
|
|
</div>
|
|
<!--/.Card-->
|
|
|
|
</div>
|
|
|
|
<div class="col-md-4 hidden-sm-down">
|
|
|
|
<!--Card-->
|
|
<div class="card card-cascade narrower">
|
|
|
|
<!--Card image-->
|
|
<div class="view overlay hm-white-slight">
|
|
<img src="https://mdbootstrap.com/images/ecommerce/reg/reg%20(12).jpg" class="img-fluid" alt="">
|
|
<a>
|
|
<div class="mask"></div>
|
|
</a>
|
|
</div>
|
|
<!--/.Card image-->
|
|
|
|
<!--Card content-->
|
|
<div class="card-block text-center">
|
|
<!--Category & Title-->
|
|
<h5>Shoes</h5>
|
|
<h4 class="card-title"><a href="">Converse sneakers</a></h4>
|
|
|
|
<!--Description-->
|
|
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing minima veniam elit. Nam incidunt eius est voluptatibus.
|
|
</p>
|
|
|
|
<!--Card footer-->
|
|
<div class="card-footer">
|
|
<span class="left">129$</span>
|
|
<span class="right">
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Quick Look"><i class="fa fa-eye"></i></a>
|
|
<a class="" data-toggle="tooltip" data-placement="top" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
<!--/.Card content-->
|
|
|
|
</div>
|
|
<!--/.Card-->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!--/.Third slide-->
|
|
|
|
</div>
|
|
<!--/.Slides-->
|
|
|
|
</div>
|
|
<!--/.Carousel Wrapper-->
|
|
|
|
|
|
</section>
|
|
<!--/Section: Products v.5-->
|
|
|
|
|
|
</div>
|
|
</main>
|
|
<!--/Main layout-->
|
|
|
|
|
|
<!--Footer-->
|
|
<footer class="page-footer center-on-small-only">
|
|
|
|
<!--Footer Links-->
|
|
<div class="container-fluid">
|
|
<div class="row wow fadeIn" data-wow-delay="0.3s">
|
|
|
|
<!--First column-->
|
|
<div class="col-md-3 offset-md-1">
|
|
<h5 class="title">Footer Content</h5>
|
|
<p>Here you can use rows and columns here to organize your footer content.</p>
|
|
</div>
|
|
<!--/.First column-->
|
|
|
|
<hr class="hidden-md-up">
|
|
|
|
<!--Second column-->
|
|
<div class="col-md-2 offset-md-1">
|
|
<h5 class="title">Links</h5>
|
|
<ul>
|
|
<li><a href="#!">Link 1</a></li>
|
|
<li><a href="#!">Link 2</a></li>
|
|
<li><a href="#!">Link 3</a></li>
|
|
<li><a href="#!">Link 4</a></li>
|
|
</ul>
|
|
</div>
|
|
<!--/.Second column-->
|
|
|
|
<hr class="hidden-md-up">
|
|
|
|
<!--Third column-->
|
|
<div class="col-md-2">
|
|
<h5 class="title">Links</h5>
|
|
<ul>
|
|
<li><a href="#!">Link 1</a></li>
|
|
<li><a href="#!">Link 2</a></li>
|
|
<li><a href="#!">Link 3</a></li>
|
|
<li><a href="#!">Link 4</a></li>
|
|
</ul>
|
|
</div>
|
|
<!--/.Third column-->
|
|
|
|
<hr class="hidden-md-up">
|
|
|
|
<!--Fourth column-->
|
|
<div class="col-md-2">
|
|
<h5 class="title">Links</h5>
|
|
<ul>
|
|
<li><a href="#!">Link 1</a></li>
|
|
<li><a href="#!">Link 2</a></li>
|
|
<li><a href="#!">Link 3</a></li>
|
|
<li><a href="#!">Link 4</a></li>
|
|
</ul>
|
|
</div>
|
|
<!--/.Fourth column-->
|
|
|
|
</div>
|
|
</div>
|
|
<!--/.Footer Links-->
|
|
|
|
<hr>
|
|
|
|
<!--Call to action-->
|
|
<div class="call-to-action wow fadeIn" data-wow-delay="0.3s">
|
|
<ul>
|
|
<li>
|
|
<h5>Register for free</h5></li>
|
|
<li><a href="" class="btn btn-danger">Sign up!</a></li>
|
|
</ul>
|
|
</div>
|
|
<!--/.Call to action-->
|
|
|
|
<hr>
|
|
|
|
<!--Social buttons-->
|
|
<div class="social-section wow fadeIn" data-wow-delay="0.3s">
|
|
<ul>
|
|
<li><a href="https://www.facebook.com/mdbootstrap" target="_blank" class="btn-floating btn-small btn-fb"><i class="fa fa-facebook"> </i></a></li>
|
|
<li><a href="https://twitter.com/MDBootstrap" target="_blank" class="btn-floating btn-small btn-tw"><i class="fa fa-twitter"> </i></a></li>
|
|
<li><a href="https://plus.google.com/u/0/+Mdbootstrap" target="_blank" class="btn-floating btn-small btn-gplus"><i class="fa fa-google-plus"> </i></a></li>
|
|
<li><a href="https://pl.linkedin.com/in/dawid-adach-97435534/pl" target="_blank" class="btn-floating btn-small btn-li"><i class="fa fa-linkedin"> </i></a></li>
|
|
<li><a class="btn-floating btn-small btn-git"><i class="fa fa-github"> </i></a></li>
|
|
<li><a href="https://pl.pinterest.com/materialdesignf/" target="_blank" class="btn-floating btn-small btn-pin"><i class="fa fa-pinterest"> </i></a></li>
|
|
<li><a href="https://www.instagram.com/material_design_for_bootstrap/" target="_blank" class="btn-floating btn-small btn-ins"><i class="fa fa-instagram"> </i></a></li>
|
|
</ul>
|
|
</div>
|
|
<!--/.Social buttons-->
|
|
|
|
<!--Copyright-->
|
|
<div class="footer-copyright">
|
|
<div class="container-fluid">
|
|
© 2015 Copyright: <a href="http://www.MDBootstrap.com"> MDBootstrap.com </a>
|
|
|
|
</div>
|
|
</div>
|
|
<!--/.Copyright-->
|
|
|
|
</footer>
|
|
<!--/.Footer-->
|
|
|
|
|
|
<!-- SCRIPTS -->
|
|
|
|
<!-- JQuery -->
|
|
<script type="text/javascript" src="../../../js/jquery-3.1.1.min.js"></script>
|
|
|
|
<!-- Tooltips -->
|
|
<script type="text/javascript" src="../../../js/tether.min.js"></script>
|
|
|
|
<!-- Bootstrap core JavaScript -->
|
|
<script type="text/javascript" src="../../../js/bootstrap.min.js"></script>
|
|
|
|
<!-- MDB core JavaScript -->
|
|
<script type="text/javascript" src="../../../js/mdb.min.js"></script>
|
|
|
|
<script>
|
|
// SideNav init
|
|
$(".button-collapse").sideNav();
|
|
var el = document.querySelector('.custom-scrollbar');
|
|
Ps.initialize(el);
|
|
</script>
|
|
|
|
<script>
|
|
new WOW().init();
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html> |