文章目录
- 1.设计来源
- 1.1 主界面
- 1.2 界面效果1
- 1.3 界面效果2
- 1.4 界面效果3
- 1.5 界面效果4
- 1.6 界面效果5
- 1.7 界面效果6
- 1.8 界面效果7
- 2.效果和源码
- 2.1 动态效果
- 2.2 源代码
- 源码下载
- 万套模板，程序开发，在线开发，在线沟通
作者：xcLeigh
文章地址：https://blog.csdn.net/weixin_43151418/article/details/141812874
HTML5好看的花店商城源码1，花店商城源码，花店模板，一款大气的网上花店/鲜花店购物商城HTML模板，酷炫的界面效果，简易的整体风格，实现了花店的所需功能，轮播图，表单，导航菜单，购物车，列表等，注释完整，代码规范，各种风格都有，代码上手简单，代码独立，可以直接运行使用。也可直接预览效果。
1.设计来源
花店商城系列的第一个风格版，总共有三个版本，三种风格。
- 该系列所有文章源码【三种风格，总有一款适合你】
- HTML5好看的花店商城源码1(附源码)【当前文章】
- HTML5好看的花店商城源码2(附源码)
- HTML5好看的花店商城源码3(附源码)
1.1 主界面
1.2 界面效果1
1.3 界面效果2
1.4 界面效果3
1.5 界面效果4
1.6 界面效果5
1.7 界面效果6
1.8 界面效果7
2.效果和源码
2.1 动态效果
这里是完整的效果演示，可在此代码基础上更加完善功能，支持扩展自己的风格，可以删减内容，打造属于自己的花店商城。
HTML5好看的花店商城源码1
2.2 源代码
这里是主界面的代码，其他图片、js、css等代码，见下面的 源码下载 ，里面有所有代码资源和相关说明。
<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>心仪花店</title>
<meta name="description" content="心仪花店">
<meta name="keywords" content="心仪花店">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="style.css">
</head>
<body class="cms-index-index cms-home-page">
<div id="page">
<!-- Header -->
<header>
<div class="header-container">
<div class="header-top">
<div class="container">
<div class="row">
<!-- Header Language -->
<div class="col-xs-12 col-sm-6">
<div class="welcome-msg hidden-xs">欢迎光临心仪花店! </div>
<div class="dropdown jtv-language-box"> <a role="button" data-toggle="dropdown" data-target="#" class="block-language dropdown-toggle" href="#"> <img src="images/flag-english.jpg" alt="language"> English <span class="caret"></span> </a>
<ul class="dropdown-menu" role="menu">
<li> <a class="selected" href="#"> <img src="images/flag-english.jpg" alt="flag"> <span>English</span> </a> </li>
<li> <a href="#"> <img src="images/flag-default.jpg" alt="flag"> <span>French</span> </a> </li>
<li> <a href="#"> <img src="images/flag-german.jpg" alt="flag"> <span>German</span> </a> </li>
<li> <a href="#"> <img src="images/flag-brazil.jpg" alt="flag"> <span>Brazil</span> </a> </li>
<li> <a href="#"> <img src="images/flag-chile.jpg" alt="flag"> <span>Chile</span> </a> </li>
<li> <a href="#"> <img src="images/flag-spain.jpg" alt="flag"> <span>Spain</span> </a> </li>
</ul>
</div>
<!-- End Header Language -->
<!-- Header Currency -->
<div class="dropdown jtv-currency-box"> <a role="button" data-toggle="dropdown" data-target="#" class="block-currency dropdown-toggle" href="#"> USD <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#"> ￥ - 人名币 </a> </li>
<li><a href="#"> $ - 美元 </a> </li>
<li><a href="#"> £ - 英镑 </a> </li>
<li><a href="#"> € - 欧元 </a> </li>
</ul>
</div>
<!-- End Header Currency -->
</div>
<div class="col-xs-6 hidden-xs">
<!-- Header Top Links -->
<div class="jtv-top-links">
<div class="links">
<ul>
<li> <a title="My Account" href="#"><span class="hidden-xs">我的账户</span></a> </li>
<li> <a title="Wishlist" href="#">愿望列表</a> </li>
<li> <a title="Checkout" href="#"><span class="hidden-xs">结算</span></a> </li>
<li>
<div class="dropdown block-company-wrapper hidden-xs"> <a role="button" data-toggle="dropdown" data-target="#" class="block-company dropdown-toggle" href="#"> 更多 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#"> 关于我们 </a> </li>
<li><a href="#"> 客户服务 </a> </li>
<li><a href="#"> 隐私政策 </a> </li>
<li><a href="#">站点地图 </a> </li>
<li><a href="#">搜索条件 </a> </li>
<li><a href="#">高级搜索 </a> </li>
</ul>
</div>
</li>
<li> <a href="#"><span class="hidden-xs">账户登录</span></a> </li>
</ul>
</div>
</div>
<!-- End Header Top Links -->
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
<div class="jtv-top-cart-box">
<!-- Top Cart -->
<div class="mini-cart">
<div data-toggle="dropdown" data-hover="dropdown" class="basket dropdown-toggle"> <a href="#"> <span class="cart_count">3</span><span class="price">件商品 / $259.00</span> </a> </div>
<div>
<div class="jtv-top-cart-content">
<!--block-subtitle-->
<ul class="mini-products-list" id="cart-sidebar">
<li class="item first">
<div class="item-inner"> <a class="product-image" title="Product Title Here" href="single_product.html"><img alt="Product Title Here" src="images/products/img01.jpg"> </a>
<div class="product-details">
<div class="access"><a class="jtv-btn-remove" title="移除" href="#">移除</a> <a class="btn-edit" title="编辑" href="#"><i class="icon-pencil"></i><span class="hidden">编辑</span></a> </div>
<p class="product-name"><a href="#">产品名称1</a> </p>
<strong>1</strong> x <span class="price">$79.99</span> </div>
</div>
</li>
<li class="item">
<div class="item-inner"> <a class="product-image" title="Product Title Here" href="single_product.html"><img alt="Product Title Here" src="images/products/img02.jpg"> </a>
<div class="product-details">
<div class="access"><a class="jtv-btn-remove" title="移除" href="#">移除</a> <a class="btn-edit" title="编辑" href="#"><i class="icon-pencil"></i><span class="hidden">编辑</span></a> </div>
<p class="product-name"><a href="#">产品名称2</a> </p>
<strong>1</strong> x <span class="price">$88.89</span> </div>
</div>
</li>
<li class="item last">
<div class="item-inner"> <a class="product-image" title="Product Title Here" href="single_product.html"><img alt="Product Title Here" src="images/products/img04.jpg"> </a>
<div class="product-details">
<div class="access"><a class="jtv-btn-remove" title="移除" href="#">移除</a> <a class="btn-edit" title="编辑" href="#"><i class="icon-pencil"></i><span class="hidden">编辑</span></a> </div>
<p class="product-name"><a href="#">产品名称3</a> </p>
<strong>1</strong> x <span class="price">$85.99</span> </div>
</div>
</li>
</ul>
<!--actions-->
<div class="actions">
<button class="btn-checkout" title="Checkout" type="button" onClick=""><span>结帐</span> </button>
<a href="#" class="view-cart"><span>查看购物车</span></a> </div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-4 col-sm-4 col-xs-12 jtv-logo-box">
<!-- Header Logo -->
<div class="logo">
<a title="eCommerce" href="index.html">
<img alt="eCommerce" src="images/logo.png">
</a>
</div>
<!-- End Header Logo -->
</div>
<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12 hidden-xs">
<div class="search-box">
<form action="cat" method="POST" id="search_mini_form" name="Categories">
<input type="text" placeholder="查询内容..." maxlength="70" name="search" id="search">
<button type="button" class="search-btn-bg"><span class="glyphicon glyphicon-search"></span> </button>
</form>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- end header -->
<!-- Navigation -->
<nav>
<div class="container">
<div class="mm-toggle-wrap">
<div class="mm-toggle"><i class="fa fa-align-justify"></i><span class="mm-label">菜单</span> </div>
</div>
<div class="nav-inner">
<!-- BEGIN NAV -->
<ul id="nav" class="hidden-xs">
<li class="drop-menu"><a href="index.html" class="level-top active"><span>首页</span></a></li>
<li class="drop-menu"><a href="shop_grid.html"><span>商店网格</span></a></li>
<li class="drop-menu"><a href="single_product.html"><span>产品列表</span></a></li>
<li class="mega-menu"> <a class="level-top" href="shop_grid.html"><span>爱情与浪漫</span></a>
<div class="jtv-menu-block-wrapper">
<div class="jtv-menu-block-wrapper2">
<div class="nav-block jtv-nav-block-center">
<div class="col-1">
<ul class="level0">
<li class="parent item"> <a href="shop_grid.html"><span>婚礼鲜花</span></a>
<ul class="level1">
<li> <a href="shop_grid.html"><span>活动鲜花</span></a> </li>
<li> <a href="shop_grid.html"><span>手捧鲜花</span></a> </li>
<li> <a href="shop_grid.html"><span>酒店鲜花</span></a> </li>
<li> <a href="shop_grid.html"><span>婚房鲜花</span></a> </li>
</ul>
</li>
<li class="parent item"> <a href="shop_grid.html"><span>生日鲜花</span></a>
<ul class="level1">
<li> <a href="shop_grid.html"><span>玫瑰花系列</span></a> </li>
<li> <a href="shop_grid.html"><span>百合花系列</span></a> </li>
<li> <a href="shop_grid.html"><span>康乃馨系列</span></a> </li>
<li> <a href="shop_grid.html"><span>栀子花系列</span></a> </li>
</ul>
</li>
<li class="parent item"> <a href="shop_grid.html"><span>冬天鲜花</span></a>
<ul class="level1">
<li> <a href="shop_grid.html"><span>冬天鲜花</span></a> </li>
<li> <a href="shop_grid.html"><span>冬天鲜花</span></a> </li>
<li> <a href="shop_grid.html"><span>冬天鲜花</span></a> </li>
<li> <a href="shop_grid.html"><span>冬天鲜花</span></a> </li>
</ul>
</li>
<li class="parent item"> <a href="shop_grid.html"><span>聚会鲜花</span></a>
<ul class="level1">
<li> <a href="shop_grid.html"><span>玫瑰花系列</span></a> </li>
<li> <a href="shop_grid.html"><span>百合花系列</span></a> </li>
<li> <a href="shop_grid.html"><span>康乃馨系列</span></a> </li>
<li> <a href="shop_grid.html"><span>栀子花系列</span></a> </li>
</ul>
</li>
<li class="parent item"> <a href="shop_grid.html"><span>节日鲜花</span></a>
<ul class="level1">
<li> <a href="shop_grid.html"><span>玫瑰花系列</span></a> </li>
<li> <a href="shop_grid.html"><span>百合花系列</span></a> </li>
<li> <a href="shop_grid.html"><span>康乃馨系列</span></a> </li>
<li> <a href="shop_grid.html"><span>栀子花系列</span></a> </li>
</ul>
</li>
<li class="parent item"> <a href="shop_grid.html"><span>情人节鲜花</span></a>
<ul class="level1">
<li> <a href="shop_grid.html"><span>玫瑰花系列</span></a> </li>
<li> <a href="shop_grid.html"><span>百合花系列</span></a> </li>
<li> <a href="shop_grid.html"><span>康乃馨系列</span></a> </li>
<li> <a href="shop_grid.html"><span>栀子花系列</span></a> </li>
</ul>
</li>
</ul>
</div>
<div class="col-2">
<div class="jtv-nav-image1"> <a title="" href="#"><img alt="menu_image" src="images/menu-img1.jpg"> </a> </div>
</div>
</div>
</div>
</div>
</li>
<li class="mega-menu"> <a class="level-top" href="shop_grid.html"><span>用花场地</span></a>
<div class="jtv-menu-block-wrapper">
<div class="jtv-menu-block-wrapper2">
<div class="nav-block jtv-nav-block-center">
<ul class="level0">
<li class="parent item"> <a href="shop_grid.html"><span>Flower types</span></a>
<ul class="level1">
<li> <a href="shop_grid.html"><span>Elegant </span></a> </li>
<li> <a href="shop_grid.html"><span>sassy & chic</span></a> </li>
<li> <a href="shop_grid.html"><span>Women's Satchel</span></a> </li>
<li> <a href="shop_grid.html"><span>Shoulder Bag</span></a> </li>
</ul>
</li>
<li class="parent item"> <a href="shop_grid.html"><span>Kinds of flowers</span></a>
<ul class="level1">
<li> <a href="shop_grid.html"><span>fashion Backpack</span></a> </li>
<li> <a href="shop_grid.html"><span>Rose Gold Saffiano</span></a> </li>
<li> <a href="shop_grid.html"><span>Black Velvet</span></a> </li>
<li> <a href="shop_grid.html"><span>Leather Handbags</span></a> </li>
</ul>
</li>
<li class="parent item"> <a href="shop_grid.html"><span>Annual plants</span></a>
<ul class="level1">
<li> <a href="shop_grid.html"><span>Sling Bag</span></a> </li>
<li> <a href="shop_grid.html"><span>Diaper Bags</span></a> </li>
<li> <a href="shop_grid.html"><span>Laptop Backpack</span></a> </li>
<li> <a href="shop_grid.html"><span>Benetton Black </span></a> </li>
</ul>
</li>
<li class="parent item"> <a href="shop_grid.html"><span>Modern roses</span></a>
<ul class="level1">
<li> <a href="shop_grid.html"><span>Graphite Croco</span></a> </li>
<li> <a href="shop_grid.html"><span>Swiss Military Red</span></a> </li>
<li> <a href="shop_grid.html"><span>Hidesign</span></a> </li>
<li> <a href="shop_grid.html"><span>Benetton</span></a> </li>
</ul>
</li>
<li class="parent item"> <a href="shop_grid.html"><span>Asiatic Lily</span></a>
<ul class="level1">
<li> <a href="shop_grid.html"><span>Travel Blue</span></a> </li>
<li> <a href="shop_grid.html"><span>Charles & Keith</span></a> </li>
<li> <a href="shop_grid.html"><span>Clutches</span></a> </li>
<li> <a href="shop_grid.html"><span>wristlets</span></a> </li>
</ul>
</li>
<li class="parent item"> <a href="shop_grid.html"><span>Corporate</span></a>
<ul class="level1">
<li> <a href="shop_grid.html"><span>Annual plants</span></a> </li>
<li> <a href="shop_grid.html"><span>Orchids</span></a> </li>
<li> <a href="shop_grid.html"><span>NeoStrata</span></a> </li>
<li> <a href="shop_grid.html"><span>GoodSkin Labs</span></a> </li>
</ul>
</li>
</ul>
</div>
<div class="jtv-nav-banner">
<div class="jtv-banner-box">
<div class="jtv-nav-banner-img"> <a href="#"><img src="images/menu-img2.jpg" alt="Handbag"> </a> </div>
</div>
<div class="jtv-banner-box">
<div class="jtv-nav-banner-img"> <a href="#"><img src="images/menu-img3.jpg" alt="Handbag"> </a> </div>
</div>
<div class="jtv-banner-box jtv-banner-box_last">
<div class="jtv-nav-banner-img"> <a href="#"><img src="images/menu-img4.jpg" alt="Handbag"> </a> </div>
</div>
</div>
</div>
</div>
</li>
<li class="mega-menu"> <a class="level-top" href="shop_grid.html"><span>上新鲜花</span></a>
<div class="jtv-menu-block-wrapper">
<div class="jtv-menu-block-wrapper2">
<div class="nav-block jtv-nav-block-center">
<ul class="level0">
<li class="parent item"> <a href="shop_grid.html"><span>Christmas Bouquets</span></a>
<ul class="level1">
<li> <a href="shop_grid.html"><span>Funeral</span></a> </li>
<li> <a href="shop_grid.html"><span>Get Well</span></a> </li>
<li> <a href="shop_grid.html"><span>Lady Dior Mascara</span></a> </li>
<li> <a href="shop_grid.html"><span>GoodSkin Labs</span></a> </li>
</ul>
</li>
<li class="parent item"> <a href="shop_grid.html"><span>Birthday Flowers</span></a>
<ul class="level1">
<li> <a href="shop_grid.html"><span>Popular Belief</span></a> </li>
<li> <a href="shop_grid.html"><span>Window plants</span></a> </li>
<li> <a href="shop_grid.html"><span>Bushes</span></a> </li>
<li> <a href="shop_grid.html"><span>Trees</span></a> </li>
</ul>
</li>
<li class="parent item"> <a href="shop_grid.html"><span>Anniversary Flowers</span></a>
<ul class="level1">
<li> <a href="shop_grid.html"><span>Aliquam congue</span></a> </li>
<li> <a href="shop_grid.html"><span>Sit amet conse</span></a> </li>
<li> <a href="shop_grid.html"><span>Sed do eiusmod</span></a> </li>
<li> <a href="shop_grid.html"><span>Labore et dolore</span></a> </li>
</ul>
</li>
<li class="parent item"> <a href="shop_grid.html"><span>Family flowers</span></a>
<ul class="level1">
<li> <a href="shop_grid.html"><span>Herbarium</span></a> </li>
<li> <a href="shop_grid.html"><span>Tulips</span></a> </li>
<li> <a href="shop_grid.html"><span>Green roses</span></a> </li>
<li> <a href="shop_grid.html"><span>Kinds of flowers</span></a> </li>
</ul>
</li>
<li class="parent item"> <a href="shop_grid.html"><span>Corporate</span></a>
<ul class="level1">
<li> <a href="shop_grid.html"><span>Lily</span></a> </li>
<li> <a href="shop_grid.html"><span>Orchids</span></a> </li>
<li> <a href="shop_grid.html"><span>Asiatic Lily</span></a> </li>
<li> <a href="shop_grid.html"><span>Modern roses</span></a> </li>
</ul>
</li>
<li class="parent item"> <a href="shop_grid.html"><span>Congratulation</span></a>
<ul class="level1">
<li> <a href="shop_grid.html"><span>Toaster Crossbody</span></a> </li>
<li> <a href="shop_grid.html"><span>Piper Bag</span></a> </li>
<li> <a href="shop_grid.html"><span>Leather Bag</span></a> </li>
<li> <a href="shop_grid.html"><span>Canvas Bag</span></a> </li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="mega-menu"> <a class="level-top" href="shop_grid.html"><span>活动鲜花</span></a>
<div class="jtv-menu-block-wrapper">
<div class="jtv-menu-block-wrapper2">
<div class="nav-block jtv-nav-block-center jtv-menu-box-left">
<ul class="level0">
<li class="parent item"> <a href="shop_grid.html"><span>Green roses</span></a>
<ul class="level1">
<li> <a href="shop_grid.html"><span>Sed in dui</span></a> </li>
<li> <a href="shop_grid.html"><span>Proin lobortis</span></a> </li>
<li> <a href="shop_grid.html"><span>Ut vitae neque</span></a> </li>
<li> <a href="shop_grid.html"><span>Ac egestas neque</span></a> </li>
</ul>
</li>
<li class="parent item"> <a href="shop_grid.html"><span>Herbarium</span></a>
<ul class="level1">
<li> <a href="shop_grid.html"><span>Vivamus molesite</span></a> </li>
<li> <a href="shop_grid.html"><span>Fusce condimentum</span></a> </li>
<li> <a href="shop_grid.html"><span>Nulla dapibus</span></a> </li>
<li> <a href="shop_grid.html"><span>Litora torquent</span></a> </li>
</ul>
</li>
<li class="parent item"> <a href="shop_grid.html"><span>Tulips</span></a>
<ul class="level1">
<li> <a href="shop_grid.html"><span>Dui ac pretium</span></a> </li>
<li> <a href="shop_grid.html"><span>Phasellus tempus</span></a> </li>
<li> <a href="shop_grid.html"><span>Incididunt ut</span></a> </li>
<li> <a href="shop_grid.html"><span>Elit sed do</span></a> </li>
</ul>
</li>
<li class="parent item"> <a href="shop_grid.html"><span>Annual plants</span></a>
<ul class="level1">
<li> <a href="shop_grid.html"><span>Proin viverra</span></a> </li>
<li> <a href="shop_grid.html"><span>Curabitur rhoncus</span></a> </li>
<li> <a href="shop_grid.html"><span>Lacus volutpat</span></a> </li>
<li> <a href="shop_grid.html"><span>Conse ctetur</span></a> </li>
</ul>
</li>
</ul>
</div>
<div class="nav-block nav-block-right std jtv-menu-box-right"><img src="images/menu-img5.jpg" alt="menu img"> </div>
</div>
</div>
</li>
<li class="mega-menu"> <a class="level-top" href="#"><span>鲜花博客</span></a> </li>
<li class="nav-custom-link mega-menu"> <a href="#" class="level-top"> <span>特价鲜花</span> </a>
<div class="jtv-menu-block-wrapper custom-menu">
<div class="header-nav-dropdown-wrapper">
<div class="jtv-custom-box"> <i class="fa fa-laptop"></i>
<h4 class="heading">100% Responsive Design</h4>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
</div>
<div class="jtv-custom-box"> <i class="fa fa-book"></i>
<h4 class="heading">Easy Document</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dignissim erat ut laoreet pharetra.</p>
</div>
<div class="jtv-custom-box"> <i class="fa fa-fort-awesome"></i>
<h4 class="heading">Awesome Icon Fonts</h4>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div class="jtv-custom-box"> <i class="fa fa-home"></i>
<h4 class="heading">2 Layout Home Pages</h4>
<p>Duis aute irure dolor in reprehenderit in voluptate velit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</nav>
<!-- end nav -->
<!-- Slideshow -->
<div id="slider">
<!--
#################################
- THEMEPUNCH BANNER -
#################################
-->
<div class="tp-banner-container">
<div class="tp-banner" >
<ul>
<li id="slide1" data-transition="3dcurtain-vertical" data-slotamount="7" data-masterspeed="500" data-thumb="images/slider/slide1.jpg" data-title="Second Slide">
<!-- MAIN IMAGE -->
<img src="images/dummy.png" alt="laptopmockup_sliderdy" data-lazyload="images/slider/slide1.jpg" data-bgposition="right bottom" data-kenburns="on" data-duration="12000" data-ease="Power0.easeInOut" data-bgfit="115" data-bgfitend="100" data-bgpositionend="center top">
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption text1 skewfromrightshort fadeout"
data-x="380"
data-y="150"
data-speed="800"
data-start="1000"
data-easing="Power3.easeInOut"
data-splitin="words"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-endspeed="300"
style="z-index: 3; white-space: nowrap;">Flowers</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption text2 skewfromrightshort fadeout"
data-x="380"
data-y="250"
data-speed="500"
data-start="1500"
data-easing="Power3.easeInOut"
data-splitin="chars"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-endspeed="300"
style="z-index: 4; white-space: nowrap;">A Wide Range of Flowers<br>
For Everyones Need</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption text3 skewfromrightshort fadeout hidden-xs"
data-x="380"
data-y="360"
data-speed="1000"
data-start="4200"
data-easing="Power3.easeInOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-endspeed="300"
style="z-index: 5; white-space: nowrap;"><a href="#">Order Today</a></div>
</li>
<!-- SLIDE -->
<li id="slide2" data-transition="3dcurtain-vertical" data-slotamount="7" data-masterspeed="500" data-thumb="images/slider/slide2.jpg" data-title="First Slide">
<!-- MAIN IMAGE -->
<img src="images/dummy.png" alt="laptopmockup_sliderdy" data-lazyload="images/slider/slide2.jpg" data-bgposition="right top" data-kenburns="on" data-duration="12000" data-ease="Power0.easeInOut" data-bgfit="115" data-bgfitend="100" data-bgpositionend="center bottom">
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption text5 skewfromrightshort fadeout"
data-x="1080"
data-y="150"
data-speed="800"
data-start="1000"
data-easing="Power3.easeInOut"
data-splitin="words"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-endspeed="300"
style="z-index: 3; white-space: nowrap;">A Perfect </div>
<!-- LAYER NR. 2 -->
<div class="tp-caption text4 skewfromleftshort fadeout"
data-x="1110"
data-y="230"
data-speed="500"
data-start="1500"
data-easing="Power3.easeInOut"
data-splitin="chars"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-endspeed="300"
style="z-index: 4; white-space: nowrap;">Bouquet</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption text2 skewfromrightshort fadeout"
data-x="1050"
data-y="350"
data-speed="1000"
data-start="4200"
data-easing="Power3.easeInOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-endspeed="300"
style="z-index: 5; white-space: nowrap;">The Best Choice on the Template</div>
</li>
<!-- SLIDE -->
<li id="slide3" data-transition="3dcurtain-vertical" data-slotamount="7" data-masterspeed="500" data-thumb="images/slider/slide3.jpg" data-title="Third Slide">
<!-- MAIN IMAGE -->
<img src="images/dummy.png" alt="laptopmockup_sliderdy" data-lazyload="images/slider/slide3.jpg" data-bgposition="right top" data-kenburns="on" data-duration="12000" data-ease="Power0.easeInOut" data-bgfit="115" data-bgfitend="100" data-bgpositionend="left center">
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption text7 skewfromrightshort fadeout"
data-x="650"
data-y="150"
data-speed="800"
data-start="1000"
data-easing="Power3.easeInOut"
data-splitin="words"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-endspeed="300"
style="z-index: 3; white-space: nowrap;">Special for your</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption text5 skewfromleftshort fadeout"
data-x="610"
data-y="280"
data-speed="500"
data-start="1500"
data-easing="Power3.easeInOut"
data-splitin="chars"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-endspeed="300"
style="z-index: 4; white-space: nowrap;">Valentine's Day</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption text6 skewfromrightshort fadeout"
data-x="740"
data-y="390"
data-speed="1000"
data-start="3500"
data-easing="Power3.easeInOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-endspeed="300"
style="z-index: 5; white-space: nowrap;">Love is to give. Love is to Remember.</div>
</li>
</ul>
<!-- <div class="tp-bannertimer"></div>
--> </div>
</div>
</div>
<!-- END REVOLUTION SLIDER -->
<!-- jtv bottom banner section -->
<div class="jtv-bottom-banner-section">
<div class="container">
<div class="row">
<div class="col-sm-4">
<div class="jtv-img-box"> <a href="#"> <img src="images/jtv-banner1.jpg" alt="bottom banner">
<div class="jtv-banner-info"> <span>Special Offer 2o18</span>
<h3>Birthday Flowers</h3>
</div>
</a> </div>
</div>
<div class="col-sm-4">
<div class="jtv-img-box"> <a href="#"> <img src="images/jtv-banner2.jpg" alt="bottom banner">
<div class="jtv-banner-info"> <span>Get up to 25% off</span>
<h3>Wedding Flowers</h3>
</div>
</a> </div>
</div>
<div class="col-sm-4">
<div class="jtv-img-box"> <a href="#"> <img src="images/jtv-banner3.jpg" alt="bottom banner">
<div class="jtv-banner-info"> <span>Valentine`s Day</span>
<h3>Exclusive Bouquets</h3>
</div>
</a> </div>
</div>
</div>
</div>
</div>
<div class="content-page">
<div class="container">
<!-- Product Tabs-->
<div class="category-product">
<div class="navbar nav-menu">
<div class="navbar-collapse">
<div class="jtv-title">
<h2>Best Seller</h2>
</div>
<ul class="nav navbar-nav">
<li class="active"><a data-toggle="tab" href="#tab-1">Party Flower</a> </li>
<li><a data-toggle="tab" href="#tab-2">Valentine</a> </li>
<li><a data-toggle="tab" href="#tab-3">Birthday</a> </li>
<li><a data-toggle="tab" href="#tab-4">Anniversary</a> </li>
<li><a data-toggle="tab" href="#tab-5">New Baby</a> </li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<div class="tab-container">
<!-- tab product -->
<div class="tab-panel active" id="tab-1">
<div class="category-products">
<ul class="products-grid">
<li class="item col-lg-3 col-md-3 col-sm-4 col-xs-6">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img10.jpg"> </a>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$155.00</span> </span> </div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="item col-lg-3 col-md-3 col-sm-4 col-xs-6">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img01.jpg"> </a>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$225.00</span> </span> </div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="item col-lg-3 col-md-3 col-sm-4 col-xs-6">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img02.jpg"> </a>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$99.00</span> </span> </div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="item col-lg-3 col-md-3 col-sm-4 col-xs-6">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img03.jpg"> </a>
<div class="new-label new-top-left">new</div>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box">
<p class="special-price"> <span class="price-label">Special Price</span> <span class="price"> $156.00 </span> </p>
<p class="old-price"> <span class="price-label">Regular Price:</span> <span class="price"> $167.00 </span> </p>
</div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- tab product -->
<div class="tab-panel" id="tab-2">
<div class="category-products">
<ul class="products-grid">
<li class="item col-lg-3 col-md-3 col-sm-4 col-xs-6">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img12.jpg"> </a>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$155.00</span> </span> </div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="item col-lg-3 col-md-3 col-sm-4 col-xs-6">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img11.jpg"> </a>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$225.00</span> </span> </div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="item col-lg-3 col-md-3 col-sm-4 col-xs-6">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img05.jpg"> </a>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$99.00</span> </span> </div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="item col-lg-3 col-md-3 col-sm-4 col-xs-6">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img06.jpg"> </a>
<div class="new-label new-top-left">new</div>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box">
<p class="special-price"> <span class="price-label">Special Price</span> <span class="price"> $156.00 </span> </p>
<p class="old-price"> <span class="price-label">Regular Price:</span> <span class="price"> $167.00 </span> </p>
</div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="tab-panel" id="tab-3">
<div class="category-products">
<ul class="products-grid">
<li class="item col-lg-3 col-md-3 col-sm-4 col-xs-6">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img07.jpg"> </a>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$155.00</span> </span> </div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="item col-lg-3 col-md-3 col-sm-4 col-xs-6">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img08.jpg"> </a>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$225.00</span> </span> </div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="item col-lg-3 col-md-3 col-sm-4 col-xs-6">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img09.jpg"> </a>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$99.00</span> </span> </div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="item col-lg-3 col-md-3 col-sm-4 col-xs-6">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img10.jpg"> </a>
<div class="new-label new-top-left">new</div>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box">
<p class="special-price"> <span class="price-label">Special Price</span> <span class="price"> $156.00 </span> </p>
<p class="old-price"> <span class="price-label">Regular Price:</span> <span class="price"> $167.00 </span> </p>
</div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="tab-panel" id="tab-4">
<div class="category-products">
<ul class="products-grid">
<li class="item col-lg-3 col-md-3 col-sm-4 col-xs-6">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img11.jpg"> </a>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$155.00</span> </span> </div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="item col-lg-3 col-md-3 col-sm-4 col-xs-6">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img12.jpg"> </a>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$225.00</span> </span> </div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="item col-lg-3 col-md-3 col-sm-4 col-xs-6">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img13.jpg"> </a>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$99.00</span> </span> </div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="item col-lg-3 col-md-3 col-sm-4 col-xs-6">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img14.jpg"> </a>
<div class="new-label new-top-left">new</div>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box">
<p class="special-price"> <span class="price-label">Special Price</span> <span class="price"> $156.00 </span> </p>
<p class="old-price"> <span class="price-label">Regular Price:</span> <span class="price"> $167.00 </span> </p>
</div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="tab-panel" id="tab-5">
<div class="category-products">
<ul class="products-grid">
<li class="item col-lg-3 col-md-3 col-sm-4 col-xs-6">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img15.jpg"> </a>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$155.00</span> </span> </div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="item col-lg-3 col-md-3 col-sm-4 col-xs-6">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img16.jpg"> </a>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$225.00</span> </span> </div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="item col-lg-3 col-md-3 col-sm-4 col-xs-6">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img17.jpg"> </a>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$99.00</span> </span> </div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="item col-lg-3 col-md-3 col-sm-4 col-xs-6">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img08.jpg"> </a>
<div class="new-label new-top-left">new</div>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box">
<p class="special-price"> <span class="price-label">Special Price</span> <span class="price"> $156.00 </span> </p>
<p class="old-price"> <span class="price-label">Regular Price:</span> <span class="price"> $167.00 </span> </p>
</div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Special Product slider -->
<section class="special-products">
<div class="container">
<div class="slider-items-products">
<div class="jtv-special-block">
<div class="jtv-block-inner">
<div class="block-title">
<h2>Hot Product</h2>
</div>
<div class="jtv-decs-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</div>
<a href="shop_grid.html" class="jtv-more-bnt">More Products</a>
<div class="jtv-box-timer">
<div class="countbox_1 timer-grid"></div>
</div>
</div>
<div id="special-slider" class="product-flexslider hidden-buttons">
<div class="slider-items slider-width-col4 products-grid block-content">
<div class="item">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img19.jpg"> </a>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$155.00</span> </span> </div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img20.jpg"> </a>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$225.00</span> </span> </div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img21.jpg"> </a>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$99.00</span> </span> </div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img04.jpg"> </a>
<div class="new-label new-top-left">new</div>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box">
<p class="special-price"> <span class="price-label">Special Price</span> <span class="price"> $156.00 </span> </p>
<p class="old-price"> <span class="price-label">Regular Price:</span> <span class="price"> $167.00 </span> </p>
</div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Brand Logo -->
<div class="brand-logo">
<div class="container">
<div class="slider-items-products">
<div id="brand-logo-slider" class="product-flexslider hidden-buttons">
<div class="slider-items slider-width-col6">
<!-- Item -->
<div class="item"> <a href="#"><img src="images/brand1.png" alt="brand logo"> </a> </div>
<!-- End Item -->
<!-- Item -->
<div class="item"> <a href="#"><img src="images/brand2.png" alt="brand logo"> </a> </div>
<!-- End Item -->
<!-- Item -->
<div class="item"> <a href="#"><img src="images/brand3.png" alt="Image"> </a> </div>
<!-- End Item -->
<!-- Item -->
<div class="item"> <a href="#"><img src="images/brand4.png" alt="brand logo"> </a> </div>
<!-- End Item -->
<!-- Item -->
<div class="item"> <a href="#"><img src="images/brand5.png" alt="brand logo"> </a> </div>
<!-- End Item -->
<!-- Item -->
<div class="item"> <a href="#"><img src="images/brand6.png" alt="brand logo"> </a> </div>
<!-- End Item -->
<!-- Item -->
<div class="item"> <a href="#"><img src="images/brand7.png" alt="brand logo"> </a> </div>
<!-- End Item -->
<!-- Item -->
<div class="item"> <a href="#"><img src="images/brand8.png" alt="brand logo"> </a> </div>
<!-- End Item -->
<!-- Item -->
<div class="item"> <a href="#"><img src="images/brand9.png" alt="brand logo"> </a> </div>
<!-- End Item -->
<!-- Item -->
<div class="item"> <a href="#"><img src="images/brand10.png" alt="brand logo"> </a> </div>
<!-- End Item -->
</div>
</div>
</div>
</div>
</div>
<!-- bestsell Slider -->
<section class="jtv-bestsell-section">
<div class="container">
<div class="slider-items-products">
<div class="bestsell-block">
<div class="jtv-block-inner">
<div class="block-title">
<h2>New Products</h2>
</div>
</div>
<div id="bestsell-slider" class="product-flexslider hidden-buttons">
<div class="slider-items slider-width-col4 products-grid block-content">
<div class="item">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img15.jpg"> </a>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$225.00</span> </span> </div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img14.jpg"> </a>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$99.00</span> </span> </div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img13.jpg"> </a>
<div class="new-label new-top-left">new</div>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box">
<p class="special-price"> <span class="price-label">Special Price</span> <span class="price"> $156.00 </span> </p>
<p class="old-price"> <span class="price-label">Regular Price:</span> <span class="price"> $167.00 </span> </p>
</div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img12.jpg"> </a>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$225.00</span> </span> </div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img11.jpg"> </a>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$99.00</span> </span> </div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="item-inner">
<div class="item-img">
<div class="item-img-info"> <a class="product-image" title="Product Title Here" href="single_product.html"> <img alt="Product Title Here" src="images/products/img10.jpg"> </a>
<div class="new-label new-top-left">new</div>
<div class="jtv-box-hover">
<ul class="add-to-links">
<li><a class="link-quickview" href="#"><i class="icon-magnifier-add icons"></i><span class="hidden">Quick View</span></a></li>
<li><a class="link-wishlist" href="#"><i class="icon-heart icons"></i><span class="hidden">Wishlist</span></a></li>
<li><a class="link-compare" href="#"><i class="icon-shuffle icons"></i><span class="hidden">Compare</span></a></li>
</ul>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product Title Here" href="single_product.html"> Product Title Here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box">
<p class="special-price"> <span class="price-label">Special Price</span> <span class="price"> $156.00 </span> </p>
<p class="old-price"> <span class="price-label">Regular Price:</span> <span class="price"> $167.00 </span> </p>
</div>
</div>
<div class="action">
<button class="button btn-cart" type="button" title="" data-original-title="Add to Cart"><span>Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Bestsell Slider -->
<div class="jtv-testimonial-block">
<div class="container">
<div class="row">
<div class="col-md-12" data-wow-delay="0.2s">
<div class="block-title">
<h2>Testimonials</h2>
</div>
<div class="carousel slide" data-ride="carousel" id="quote-carousel">
<!-- Bottom Carousel Indicators -->
<ol class="carousel-indicators">
<li data-target="#quote-carousel" data-slide-to="0"><img class="img-responsive " src="images/testimonials-img1.jpg" alt=""> </li>
<li data-target="#quote-carousel" data-slide-to="1"><img class="img-responsive" src="images/testimonials-img2.jpg" alt=""> </li>
<li data-target="#quote-carousel" data-slide-to="2" class="active"><img class="img-responsive" src="images/testimonials-img3.jpg" alt=""> </li>
<li data-target="#quote-carousel" data-slide-to="3"><img class="img-responsive" src="images/testimonials-img4.jpg" alt=""> </li>
<li data-target="#quote-carousel" data-slide-to="4"><img class="img-responsive" src="images/testimonials-img5.jpg" alt=""> </li>
</ol>
<!-- Carousel Slides / Quotes -->
<div class="carousel-inner text-center">
<!-- Quote 1 -->
<div class="item">
<blockquote>
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. !</p>
<div class="holder-info"> <strong class="name">Vince Roy</strong> <strong class="designation">CEO, XYZ Softwear</strong></div>
</div>
</div>
</blockquote>
</div>
<!-- Quote 2 -->
<div class="item">
<blockquote>
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p>
<div class="holder-info"><strong class="name">John Doe</strong> <strong class="designation">CEO, ABC Softwear</strong></div>
</div>
</div>
</blockquote>
</div>
<!-- Quote 3 -->
<div class="item active">
<blockquote>
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. .</p>
<div class="holder-info"> <strong class="name">John Doe</strong> <strong class="designation">Managing Director</strong></div>
</div>
</div>
</blockquote>
</div>
<!-- Quote 4 -->
<div class="item">
<blockquote>
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. .</p>
<div class="holder-info"> <strong class="name">Vince Roy</strong> <strong class="designation">CEO, XYZ Softwear</strong></div>
</div>
</div>
</blockquote>
</div>
<!-- Quote 5 -->
<div class="item">
<blockquote>
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. .</p>
<div class="holder-info"><strong class="name">John Doe</strong> <strong class="designation">CEO, ABC Softwear</strong></div>
</div>
</div>
</blockquote>
</div>
</div>
<!-- Carousel Buttons Next/Prev -->
<a data-slide="prev" href="#quote-carousel" class="left carousel-control"><i class="fa fa-chevron-left"></i></a> <a data-slide="next" href="#quote-carousel" class="right carousel-control"><i class="fa fa-chevron-right"></i></a> </div>
</div>
</div>
</div>
</div>
<!-- Latest Blog -->
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="blog-outer-container">
<div class="jtv-title">
<h2>Latest Blog</h2>
</div>
<div class="blog-inner">
<div class="col-sm-4">
<div class="entry-thumb"> <a href="blog_single_post.html"> <img alt="Blog" src="images/blog-img1.jpg"> </a> </div>
<div class="blog-preview_info">
<h4><a href="blog_single_post.html">Winter Morning Petunia</a></h4>
<ul class="post-meta">
<li><i class="fa fa-user"></i><a href="#">admin</a> </li>
<li><i class="fa fa-comments"></i><a href="#">12 comments</a> </li>
<li><i class="fa fa-calendar"></i>2018-02-25</li>
</ul>
<div class="blog-preview_desc">Lorem ipsum dolor sit ame consetur adipisicing elit. Voluptate, consetur adipisicing elit.Lorem ipsum dolor.</div>
<a class="blog-preview_btn" href="blog_single_post.html">Read More <i class="fa fa-long-arrow-right"></i></a> </div>
</div>
<div class="col-sm-4">
<div class="entry-thumb"> <a href="blog_single_post.html"> <img alt="Blog" src="images/blog-img2.jpg"> </a> </div>
<div class="blog-preview_info">
<h4><a href="blog_single_post.html">Perfect for promoting</a></h4>
<ul class="post-meta">
<li><i class="fa fa-user"></i><a href="#">admin</a> </li>
<li><i class="fa fa-comments"></i><a href="#">45 comments</a> </li>
<li><i class="fa fa-calendar"></i>2018-04-05</li>
</ul>
<div class="blog-preview_desc">Lorem ipsum dolor sit ame consetur adipisicing elit. Voluptate, consetur adipisicing elit.Lorem ipsum dolor.</div>
<a class="blog-preview_btn" href="blog_single_post.html">Read More <i class="fa fa-long-arrow-right"></i></a> </div>
</div>
<div class="col-sm-4">
<div class="entry-thumb"> <a href="blog_single_post.html"> <img alt="Blog" src="images/blog-img3.jpg"> </a> </div>
<div class="blog-preview_info">
<h4><a href="blog_single_post.html">Sed do eiusmod sit amet</a></h4>
<ul class="post-meta">
<li><i class="fa fa-user"></i><a href="#">admin</a> </li>
<li><i class="fa fa-comments"></i><a href="#">85 comments</a> </li>
<li><i class="fa fa-calendar"></i>2018-05-05</li>
</ul>
<div class="blog-preview_desc">Lorem ipsum dolor sit ame consetur adipisicing elit. Voluptate, consetur adipisicing elit.Lorem ipsum dolor.</div>
<a class="blog-preview_btn" href="blog_single_post.html">Read More <i class="fa fa-long-arrow-right"></i></a> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Latest Blog -->
<div class="jtv-top-banner">
<div class="container">
<div class="imgbox"><img src="images/banner1.jpg" alt=""></div>
<div class="jtv-cont-box">
<h3>Flower <br>
Collection</h3>
<div class="jtv-line-bg"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
</div>
<div class="imgbox"><img src="images/banner2.jpg" alt=""></div>
<div class="jtv-cont-box2">
<h3>Peony <br>
Collection</h3>
<div class="jtv-line-bg"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
</div>
<div class="imgbox"><img src="images/banner3.jpg" alt=""></div>
<div class="jtv-cont-box3">
<h3>25% Off<br>
New Flower</h3>
<div class="jtv-line-bg"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
</div>
</div>
</div>
<!-- our features -->
<div class="our-features-box">
<div class="container">
<div class="row">
<div class="col-md-3 col-xs-12 col-sm-6">
<div class="feature-box first"> <i class="icon-plane icons"></i>
<div class="content">
<h6>Fast same day delivery</h6>
</div>
</div>
</div>
<div class="col-md-3 col-xs-12 col-sm-6">
<div class="feature-box"> <i class="icon-earphones-alt icons"></i>
<div class="content">
<h6>Support 24/7 For Clients</h6>
</div>
</div>
</div>
<div class="col-md-3 col-xs-12 col-sm-6">
<div class="feature-box"> <i class="icon-like icons"></i>
<div class="content">
<h6>100% Satisfaction Guarantee</h6>
</div>
</div>
</div>
<div class="col-md-3 col-xs-12 col-sm-6">
<div class="feature-box last"> <i class="icon-tag icons"></i>
<div class="content">
<h6>Great Daily Deals Discount</h6>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer>
<div class="footer-inner">
<div class="container">
<div class="row">
<div class="col-sm-4 col-xs-12 col-md-3">
<div class="footer-links">
<h4>Useful links</h4>
<ul class="links">
<li><a href="#" title="Product Recall">Product Recall</a></li>
<li><a href="#" title="Gift Vouchers">Gift Vouchers</a></li>
<li><a href="#" title="Returns & Exchange">Returns & Exchange</a></li>
<li><a href="#" title="Shipping Options">Shipping Options</a></li>
<li><a href="#" title="Help & FAQs">Help & FAQs</a></li>
<li><a href="#" title="Order history">Order history</a></li>
</ul>
</div>
</div>
<div class="col-sm-4 col-xs-12 col-md-3">
<div class="footer-links">
<h4>Service</h4>
<ul class="links">
<li><a href="#">Account</a></li>
<li><a href="#">Wishlist</a></li>
<li><a href="#">Shopping Cart</a></li>
<li><a href="#">Return Policy</a></li>
<li><a href="#">Special</a></li>
<li><a href="#">Lookbook</a></li>
</ul>
</div>
</div>
<div class="col-sm-4 col-xs-12 col-md-2">
<div class="footer-links">
<h4>Information</h4>
<ul class="links">
<li><a href="#">Sites Map </a></li>
<li><a href="#">News</a></li>
<li><a href="#">Trends</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">My Orders</a></li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4">
<div class="footer-links">
<div class="footer-newsletter">
<h4>Subscribe to our news</h4>
<form id="newsletter-validate-detail" method="post" action="#">
<div class="newsletter-inner">
<p>Subscribe to be the first to know about Sales, Events, and Exclusive Offers!</p>
<input class="newsletter-email" name='Email' placeholder='Enter Your Email'>
<button class="button subscribe" type="submit" title="Subscribe">Subscribe</button>
</div>
</form>
</div>
<div class="social">
<h4>Follow Us</h4>
<ul class="inline-mode">
<li class="social-network fb"><a title="Connect us on Facebook" target="_blank" href="#"><i class="fa fa-facebook"></i></a></li>
<li class="social-network googleplus"><a title="Connect us on Google+" target="_blank" href="#"><i class="fa fa-google-plus"></i></a></li>
<li class="social-network tw"><a title="Connect us on Twitter" target="_blank" href="#"><i class="icon-social-twitter icons"></i></a></li>
<li class="social-network linkedin"><a title="Connect us on Linkedin" target="_blank" href="#"><i class="fa fa-linkedin"></i></a></li>
<li class="social-network rss"><a title="Connect us on rss" target="_blank" href="#"><i class="fa fa-rss"></i></a></li>
<li class="social-network instagram"><a title="Connect us on Instagram" target="_blank" href="#"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-top">
<div class="container">
<div class="row">
<div style="text-align:center"> <a href="index.html"><img src="images/footer-logo.png" alt="logo"> </a> </div>
<address>
<p> <i class="fa fa-map-marker"></i>北京市朝阳区花卉路花店 </p>
<p><i class="fa fa-mobile"></i><span>+ 133 1100 1100</span> </p>
<p> <i class="fa fa-envelope"></i><span><a href="mailto:test@126.com">test@126.com</a></span></p>
</address>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="row">
<div class="col-sm-6 col-xs-12 coppyright">Copyright © 2024.Company name All rights reserved.<a href="https://blog.csdn.net/weixin_43151418" target="_blank">xcLeigh</a> |
<a href="https://item.taobao.com/item.htm?id=805108173963" target="_blank">欣晨软件服务</a></div>
<div class="col-sm-6 col-xs-12 payment-accept">
<ul>
<li> <a href="#"><img src="images/payment-1.png" alt="Payment Card"></a> </li>
<li> <a href="#"><img src="images/payment-2.png" alt="Payment Card"></a> </li>
<li> <a href="#"><img src="images/payment-3.png" alt="Payment Card"></a> </li>
<li> <a href="#"><img src="images/payment-4.png" alt="Payment Card"></a> </li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jtv-mobile-menu.js"></script>
<script src="js/countdown.js"></script>
<script src="js/rev-slider.js"></script>
<script src='js/snowfall.min.js'></script>
</body>
</html>
源码下载
HTML5好看的花店商城源码1（源码） 点击下载
万套模板，程序开发，在线开发，在线沟通
- 专业后端大佬在线沟通需求开发
- 专业前端大佬在线沟通需求开发
- 专业网站整套大佬在线沟通需求开发
- 专业毕业设计大佬在线沟通需求开发
- 专业大作业大佬在线沟通需求开发
- 【优惠活动】专属定制，程序在线开发
💢 关注博主 带你实现畅游前后端
🏰 加入社区 带你体验马航不孤单
💯 神秘个人简介 带你体验不一样得介绍
💘 为爱表白 为你那个TA，体验别致的浪漫惊喜
🎀 酷炫邀请函 带你体验高大上得邀请
① 🉑提供云服务部署（有自己的阿里云）；
② 🉑提供前端、后端、应用程序、H5、小程序、公众号、大作业等相关业务；
如🈶合作请联系我，期待您的联系。
注：本文撰写于CSDN平台,作者：xcLeigh（所有权归作者所有），https://blog.csdn.net/weixin_43151418，如果相关下载没有跳转，请查看这个地址，相关链接没有跳转，皆是抄袭本文，转载请备注本文原地址。
亲，码字不易，动动小手，欢迎 点赞 ➕ 收藏，如 🈶 问题请 留言（评论），博主看见后一定及时给您答复，💌💌💌
原文地址：https://blog.csdn.net/weixin_43151418/article/details/141812874（防止抄袭，原文地址不可删除）
