Thank you for purchasing our theme. If you have any questions that are beyond the scope of this documentation file, please feel free to email via our user page contact form. Thank you so much!
We run support 24/7. You can expect a response within 24 hours.
[Note: Need Some Premium Customization Done? Contact Us Via Our User Page Contact Form. ]
The "Kinen" template is a responsive HTML template based on Bootstrap v4.x.x The structure is based on a flexible grid that lets you change HTML pages quickly and logically with a nestable system.
If you would like to edit the layout of any elements in the whole template, you would do the following:
"Kinen" is using the following CSS files:
In our style.css file all the code are well structured as well as well commented. Here is the sample
"Kinen" is using the following Js files:
1. Open up your 'FTP Software' of choice and connect to your hosting
2. Browse to required directory (Usually: ./public_html)
3. Unzip the 'main_files.zip' and choose templates to upload.
4. Upload the template to the server.
Once you finish setup successfully, you can customize it as you want. Some common frequently asked questions are given bellow.
Kinen Supports 02 Different Menu Styles.
<!-- main header -->
<header class="header">
<div class="main-header-wraper main-header">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-6 col-sm-6 col-md-3">
<div class="logo-container">
<!-- Logo -->
<div class="logo">
<a href="index.html">
<img class='default-logo' src="assets/img/logo.png" data-rjs="2" alt="ecommerce">
<img class='sticky-logo' src="assets/img/logo2.png" data-rjs="2" alt="ecommerce">
</a>
</div>
<!-- End of Logo -->
</div>
</div>
<div class="col-6 col-sm-6 col-md-6">
<!-- menu container -->
<div class="menu-container">
<div class="menu-wraper">
<nav>
<!-- Header-menu -->
<div class="header-menu dosis">
<div id="menu-button">
</div>
<ul>
<li class="active"><a href="#">Home</a>
<ul>
<li><a href="index.html">Home v1</a></li>
<li><a href="index-2.html">Home v2</a></li>
<li class="active"><a href="index-3.html">Home v3</a></li>
<li><a href="index-4.html">Home v4</a></li>
</ul>
</li>
<li>
<a href="#">Shop</a>
<ul>
<li><a href="#">Shop Details</a>
<ul>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="shop-details-withbar.html">Shop dtl withbar</a></li>
<li><a href="shop-details-download.html">Shop dtl Download</a></li>
<li><a href="shop-details-external.html">Shop dtl External</a></li>
<li><a href="shop-details-grouped.html">Shop dtl Grouped</a></li>
<li><a href="shop-details-onsale.html">Shop dtl onsale</a></li>
<li><a href="shop-details-outstck.html">Shop dtl Outstck</a></li>
<li><a href="shop-details-variable.html">Shop dtl Variable</a></li>
</ul>
</li>
<li><a href="shop-2col.html">Shop 2 Column</a></li>
<li><a href="shop-2col-withbar.html">Shop 2Col withbar</a></li>
<li><a href="shop-3col.html">Shop 3 Column</a></li>
<li><a href="shop-3col-withbar.html">Shop 3Col withbar</a></li>
<li><a href="shop-4col.html">Shop 4 Column</a></li>
<li><a href="shop-4col-withbar.html">Shop 4Col withbar</a></li>
<li><a href="shop-5col.html">Shop 5 Column</a></li>
<li><a href="shop-6col.html">Shop 6 Column</a></li>
<li><a href="shop-masonary.html">Shop Masonary</a></li>
<li><a href="shop-minimal.html">Shop minimal</a></li>
<li><a href="shop-carousel.html">Shop Carousel</a></li>
</ul>
</li>
<li>
<a href="#">Catagories</a>
<ul>
<li><a href="categories-page1.html">Categories 1</a></li>
<li><a href="categories-page2.html">Categories 2</a></li>
<li><a href="categories-page3.html">Categories 3</a></li>
<li><a href="categories-page4.html">Categories 4</a></li>
</ul>
</li>
<li><a href="#">collection</a>
<ul>
<li><a href="collection-page1.html">Collection 1</a></li>
<li><a href="collection-page2.html">Collection 2</a></li>
<li><a href="collection-page3.html">Collection 3</a></li>
<li><a href="collection-page4.html">Collection 4</a></li>
</ul>
</li>
<li>
<a href="#">Pages</a>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="cart-list.html">Cart List</a></li>
<li><a href="checkout.html">Check Out</a></li>
<li><a href="wish-list.html">Wish List</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="myaccount.html">My Account</a></li>
<li><a href="order-tracking.html">Order Tracking</a></li>
<li><a href="search-result.html">Search Results</a></li>
<li><a href="logout.html">Log Out</a></li>
<li><a href="comming-soon.html">Coming Soon</a></li>
<li><a href="#">404 Page</a>
<ul>
<li><a href="error1.html">404 Page 1</a></li>
<li><a href="error2.html">404 Page 2</a></li>
<li><a href="error3.html">404 Page 3</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">Blog</a>
<ul>
<li><a href="blog-2clumn.html">Blog Layout</a></li>
<li><a href="blog-2clumn-withbar.html">Blog with rightbar</a></li>
<li><a href="blog-pinterest.html">Blog Pinterest</a></li>
<li><a href="blog-pinterest-withbar.html">Blog Pinterest with bar</a></li>
<li><a href="blog-list.html">Blog list</a></li><li><a href="blog-list-withbar.html">Blog list with bar</a></li>
<li><a href="blog-details-withbar.html">Blog Details with bar</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!-- End of Header-menu -->
</nav>
</div>
</div>
</div>
<div class="col-12 col-sm-12 col-md-3 top-order">
<!-- modal menu -->
<div class="modal-menu-container">
<ul class="list-unstyled mb-0">
<li>
<div class="search-btn" title="search">
<a href="#">
<img src="assets/img/icons/search-button.svg" alt="" class="svg">
</a>
</div>
</li>
<li>
<div class="cart-btn" title="Cart list">
<a href="login.html">
<img src="assets/img/icons/add-bag.svg" alt="" class="svg">
</a>
</div>
</li>
<li>
<div class="wishlist-btn-off" title="Wish list">
<a href="#">
<img src="assets/img/icons/wishlist.svg" alt="" class="svg">
</a>
</div>
</li>
<li>
<div class="account-btn" title="account list">
<a href="#">
<img src="assets/img/icons/account.svg" alt="" class="svg">
</a>
</div>
</li>
<li>
<div class="menu-btn" title="Category menu">
<a href="#">
<img src="assets/img/icons/manu-button.svg" alt="" class="svg">
</a>
</div>
</li>
</ul>
</div>
<!-- End of modal menu -->
</div>
</div>
</div>
</div>
</header>
<!-- End of main header -->
<!-- main header -->
<header class="header">
<div class="main-header-wraper main-header header-style3">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-4 col-sm-5 col-md-4">
<div class="catagory-menu-left">
<ul class="list-unstyled mb-0">
<li>
<div class="main-menu-btn" title="main menu">
<a href="#">
<div id="menu-button"><i class="fa fa-bars"></i></div>
</a>
<!-- menu container -->
<div class="menu-container d-none">
<div class="menu-wraper">
<nav>
<!-- Header-menu -->
<div class="header-menu dosis">
<div id="menu-button2"><i class="fa fa-bars"></i></div>
<ul>
<li class="active"><a href="#">Home</a>
<ul>
<li class="active"><a href="index.html">Home v1</a></li>
<li><a href="index-2.html">Home v2</a></li>
<li><a href="index-3.html">Home v3</a></li>
<li><a href="index-4.html">Home v4</a></li>
</ul>
</li>
<li>
<a href="#">Shop</a>
<ul>
<li><a href="#">Shop Details</a>
<ul>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="shop-details-withbar.html">Shop dtl withbar</a></li>
<li><a href="shop-details-download.html">Shop dtl Download</a></li>
<li><a href="shop-details-external.html">Shop dtl External</a></li>
<li><a href="shop-details-grouped.html">Shop dtl Grouped</a></li>
<li><a href="shop-details-onsale.html">Shop dtl onsale</a></li>
<li><a href="shop-details-outstck.html">Shop dtl Outstck</a></li>
<li><a href="shop-details-variable.html">Shop dtl Variable</a></li>
</ul>
</li>
<li><a href="shop-2col.html">Shop 2 Column</a></li>
<li><a href="shop-2col-withbar.html">Shop 2Col withbar</a></li>
<li><a href="shop-3col.html">Shop 3 Column</a></li>
<li><a href="shop-3col-withbar.html">Shop 3Col withbar</a></li>
<li><a href="shop-4col.html">Shop 4 Column</a></li>
<li><a href="shop-4col-withbar.html">Shop 4Col withbar</a></li>
<li><a href="shop-5col.html">Shop 5 Column</a></li>
<li><a href="shop-6col.html">Shop 6 Column</a></li>
<li><a href="shop-masonary.html">Shop Masonary</a></li>
<li><a href="shop-minimal.html">Shop minimal</a></li>
<li><a href="shop-carousel.html">Shop Carousel</a></li>
</ul>
</li>
<li>
<a href="#">Catagories</a>
<ul>
<li><a href="categories-page1.html">Categories 1</a></li>
<li><a href="categories-page2.html">Categories 2</a></li>
<li><a href="categories-page3.html">Categories 3</a></li>
<li><a href="categories-page4.html">Categories 4</a></li>
</ul>
</li>
<li><a href="#">collection</a>
<ul>
<li><a href="collection-page1.html">Collection 1</a></li>
<li><a href="collection-page2.html">Collection 2</a></li>
<li><a href="collection-page3.html">Collection 3</a></li>
<li><a href="collection-page4.html">Collection 4</a></li>
</ul>
</li>
<li>
<a href="#">Pages</a>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="cart-list.html">Cart List</a></li>
<li><a href="checkout.html">Check Out</a></li>
<li><a href="wish-list.html">Wish List</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="myaccount.html">My Account</a></li>
<li><a href="order-tracking.html">Order Tracking</a></li>
<li><a href="search-result.html">Search Results</a></li>
<li><a href="logout.html">Log Out</a></li>
<li><a href="comming-soon.html">Coming Soon</a></li>
<li><a href="#">404 Page</a>
<ul>
<li><a href="error1.html">404 Page 1</a></li>
<li><a href="error2.html">404 Page 2</a></li>
<li><a href="error3.html">404 Page 3</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">Blog</a>
<ul>
<li><a href="blog-2clumn.html">Blog Layout</a></li>
<li><a href="blog-2clumn-withbar.html">Blog with rightbar</a></li>
<li><a href="blog-pinterest.html">Blog Pinterest</a></li>
<li><a href="blog-pinterest-withbar.html">Blog Pinterest with bar</a></li>
<li><a href="blog-list.html">Blog list</a></li><li><a href="blog-list-withbar.html">Blog list with bar</a></li>
<li><a href="blog-details-withbar.html">Blog Details with bar</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!-- End of Header-menu -->
</nav>
</div>
</div>
<!--End of menu container -->
</div>
</li>
<li>
<div class="menu-btn" title="Category menu">
<a href="#">
<img src="assets/img/icons/manu-button.svg" alt="" class="svg">
</a>
</div>
</li>
<li>
<div class="search-btn" title="search">
<a href="#">
<img src="assets/img/icons/search-button.svg" alt="" class="svg">
</a>
</div>
</li>
</ul>
</div>
</div>
<div class="col-5 col-sm-3 col-md-4">
<div class="logo-container text-center">
<!-- Logo -->
<div class="logo">
<a href="index.html">
<img class='default-logo' src="assets/img/logo.png" data-rjs="2" alt="ecommerce">
<img class='sticky-logo' src="assets/img/logo2.png" data-rjs="2" alt="ecommerce">
</a>
</div>
<!-- End of Logo -->
</div>
</div>
<div class="col-3 col-sm-4 col-md-4">
<!-- modal menu -->
<div class="modal-menu-container">
<ul class="list-unstyled mb-0">
<li>
<div class="cart-btn" title="Cart list">
<a href="#">
<img src="assets/img/icons/add-bag.svg" alt="" class="svg">
</a>
</div>
</li>
<li>
<div class="wishlist-btn-off" title="Wish list">
<a href="#">
<img src="assets/img/icons/wishlist.svg" alt="" class="svg">
</a>
</div>
</li>
<li>
<div class="account-btn" title="account list">
<a href="#">
<img src="assets/img/icons/account.svg" alt="" class="svg">
</a>
</div>
</li>
</ul>
</div>
<!-- End of modal menu -->
</div>
</div>
</div>
</div>
</header>
<!-- End of main header -->
BNS Cloud Supports 03 Different Section Title Styles.
<!-- section title -->
<div class="section-title-wrap">
<div class="section-title">
<h2>New Arrival<span>This Season</span></h2>
</div>
</div>
<!-- End of section title -->
<!-- section title -->
<div class="section-title-wrap type2">
<div class="section-title">
<h2>Team Members<span>strength</span></h2>
</div>
</div>
<!-- End of section title -->
Kinen Supports 02 Different Product Plan Styles.
<div class="col-sm-6 col-12 col-lg-3">
<!-- single product -->
<div class="single-product">
<div class="product-item">
<div class="product-thumb">
<!-- Product Image -->
<div class="product-image">
<a href='shop-details.html'>
<img class='normal-state' data-rjs="2" src="assets/img/product/product-1.jpg" alt="">
<img class='hover-state' data-rjs="2" src="assets/img/product/product-1b.jpg" alt="">
</a>
</div>
<!-- End of Product Image -->
<!-- product button -->
<div class="product-buttons">
<div class="quick-btn">
<div class="quick-icon-btn">
<a href="#" class="quick_view">
<span class="product-icon"><i class="fa fa-eye" aria-hidden="true"></i></span>
<span class="icon-title">Quick btn</span>
</a>
</div>
</div>
<div class="addto-cart-btn">
<div class="addto-icon-btn">
<a href="#">
<span class="product-icon"><img src="assets/img/icons/add-bag.svg" alt="" class="svg"></span>
<span class="icon-title">Add To Cart</span>
</a>
</div>
</div>
<div class="wishlist-btn">
<div class="wishlist-icon-btn">
<a href="#">
<span class="product-icon"><img src="assets/img/icons/wishlist.svg" alt="" class="svg"></span>
<span class="icon-title">See Wish List</span>
</a>
</div>
</div>
<div class="copmare-btn">
<div class="compare-icon-btn">
<a href="#">
<span class="product-icon"><img src="assets/img/icons/compare.svg" alt="" class="svg"></span>
<span class="icon-title">Compare</span>
</a>
</div>
</div>
</div>
<!-- End of product button -->
<!-- product title -->
<div class="product-title">
<h4><a href="shop-details.html">Woven Throw Pillow</a></h4>
</div>
<!-- end of product title -->
</div>
<!-- product info -->
<div class="product-info">
<div class="product-price"><h5>$30.1</h5></div>
<div class="product-rating">
<div class="star-rating">
<span></span>
</div>
</div>
</div>
<!-- End of product info -->
</div>
</div>
<!-- End of single product -->
</div>
<div class="col-md-6 col-sm-12 col-lg-4">
<!-- single product -->
<div class="single-product type2">
<div class="product-item">
<div class="product-thumb">
<!-- Product Image -->
<div class="product-image">
<a href="shop-details.html">
<img class='normal-state' data-rjs="2" src="assets/img/product/product-1v2.jpg" alt="">
<img class='hover-state' data-rjs="2" src="assets/img/product/product-1v2b.jpg" alt="">
</a>
</div>
<!-- End of Product Image -->
<!-- product button -->
<div class="product-buttons">
<div class="quick-btn">
<div class="quick-icon-btn">
<a href="#" class="quick_view">
<span class="product-icon"><i class="fa fa-eye" aria-hidden="true"></i></span>
<span class="icon-title">Quick btn</span>
</a>
</div>
</div>
<div class="addto-cart-btn">
<div class="addto-icon-btn">
<a href="#">
<span class="product-icon"><img src="assets/img/icons/add-bag.svg" alt="" class="svg"></span>
<span class="icon-title">Add To Cart</span>
</a>
</div>
</div>
<div class="wishlist-btn">
<div class="wishlist-icon-btn">
<a href="#">
<span class="product-icon"><img src="assets/img/icons/wishlist.svg" alt="" class="svg"></span>
<span class="icon-title">See Wish List</span>
</a>
</div>
</div>
<div class="copmare-btn">
<div class="compare-icon-btn">
<a href="#">
<span class="product-icon"><img src="assets/img/icons/compare.svg" alt="" class="svg"></span>
<span class="icon-title">Compare</span>
</a>
</div>
</div>
</div>
<!-- End of product button -->
</div>
<!-- product info -->
<div class="product-info">
<div class="product-rating">
<div class="star-rating">
<span></span>
</div>
</div>
<!-- product title -->
<div class="product-title">
<h4><a href="shop-details.html">Woven Throw Pillow</a></h4>
</div>
<!-- end of product title -->
<div class="product-price"><h5>$30.1</h5></div>
</div>
<!-- End of product info -->
</div>
</div>
<!-- End of single product -->
</div>
Kinen Supports 01 Testimonial Styles.
<!-- testimonial -->
<section class="secondary-bg">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6">
<!-- testimonial image -->
<div class="testimonial-image">
<img src="assets/img/clients/testimonial.jpg" alt="">
</div>
<!-- End of testimonial image -->
</div>
<div class="col-md-6">
<!-- section title -->
<div class="section-title-wrap">
<div class="section-title">
<h2>Feedback<span>Review</span></h2>
</div>
</div>
<!-- End of section title -->
<!-- testimonial carousel -->
<div class="testimonial-carousel-wrap">
<div class="owl-carousel testimonial-carousel">
<!-- single testimoinal -->
<div class="single-testimonial">
<div class="author-name">
<h4>Wanetta Gagner</h4>
<p>Customer</p>
</div>
<div class="author-comment">
<p>“ There are many variations of passages of available the majority
have suffered alteration in some form, by injected humour, or randomised words slightly believable there isn't anything. ”</p>
</div>
</div>
<!-- End of single testimoinal -->
<!-- single testimoinal -->
<div class="single-testimonial">
<div class="author-name">
<h4>Emma Westren</h4>
<p>Customer</p>
</div>
<div class="author-comment">
<p>“ There are many variations of passages of available the majority
have suffered alteration in some form, by injected humour, or randomised words slightly believable there isn't anything. ”</p>
</div>
</div>
<!-- End of single testimoinal -->
<!-- single testimoinal -->
<div class="single-testimonial">
<div class="author-name">
<h4>Gagner Wanetta</h4>
<p>Customer</p>
</div>
<div class="author-comment">
<p>“ There are many variations of passages of available the majority
have suffered alteration in some form, by injected humour, or randomised words slightly believable there isn't anything. ”</p>
</div>
</div>
<!-- End of single testimoinal -->
</div>
<div class="quote-icon">
<i class="fa fa-quote-right"></i>
</div>
</div>
<!-- End of testimonial carousel -->
</div>
</div>
</div>
</section>
<!-- End of testimonial -->
Kinen Supports 03 Different Categories Styles.
<!-- single category -->
<div class="single-category-wrap">
<div class="row caregoris-animation">
<div class="col-md-1 col-sm-12">
<!-- single categorey title -->
<div class="single-catagory-title">
<div class="catagory-title-wrap">
<h2><a href="shop-2col.html" class="collection-animation">New Arrival</a><span>Collections</span></h2>
</div>
</div>
<!-- single categorey title -->
</div>
<div class="col-md-6 col-sm-12">
<!-- caregory image -->
<div class="category-image hover-effect">
<img src="assets/img/category/catagory-l-1.jpg" data-rjs="2" alt="">
<a href="shop-2col.html" class="btn">Shope Now</a>
</div>
<!--End of caregory image -->
</div>
<div class="col-md-3 col-sm-8">
<div class="category-image hover-effect">
<img src="assets/img/category/catagory-m-1.jpg" data-rjs="2" alt="">
</div>
</div>
<div class="col-md-2 col-sm-4">
<div class="category-image hover-effect">
<img src="assets/img/category/catagory-s-1.jpg" data-rjs="2" alt="">
</div>
</div>
</div>
</div>
<!-- End of single category -->
<!-- single category -->
<div class="single-category-wrap type2">
<div class="row">
<div class="col-md-6 col-sm-12">
<!-- caregory image -->
<div class="category-image hover-effect">
<img src="assets/img/category/catagory2-m-1.jpg" data-rjs="2" alt="">
</div>
<!--End of caregory image -->
</div>
<div class="col-md-6">
<!-- single sub category -->
<div class="single-sub-category">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="category-image hover-effect">
<img src="assets/img/category/catagory2-s-1.jpg" data-rjs="2" alt="">
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="category-image hover-effect">
<img src="assets/img/category/catagory2-s-2.jpg" data-rjs="2" alt="">
</div>
</div>
<div class="col-md-12">
<!--single catagory content -->
<div class="single-category-content">
<h2> <a href="shop-2col.html"> Women’s Collections</a> </h2>
<a href="shop-2col.html" class="btn">Shop Now</a>
</div>
<!--End of single catagory content -->
</div>
</div>
</div>
<!-- single sub category -->
</div>
</div>
</div>
<!-- End of single category -->
<!-- single category -->
<div class="single-category-wrap type4">
<div class="row align-items-center">
<div class="col-lg-5">
<!-- category items content -->
<div class="category-item-content">
<h2><a href="shop-2col-withbar.html">Men’s Collection</a></h2>
<span>150 Items</span>
<p>Trees fully of blind do. Exquisite favourite at do extensive listening. Improve up musical welcome he. Gay attended the vicinity prepared now diverted.</p>
<a href="shop-2col-withbar.html" class="btn category-btn">Shop Now</a>
</div>
<!-- End of category items content -->
</div>
<div class="col-lg-7">
<!-- category image slider -->
<div class="category-image-slider">
<div class="catagory-slider">
<div class="catagory-slider1 owl-carousel" data-owl-items="1" data-owl-responsive='{"0": {"items": "1"},"768": {"items": "1"},"1170": {"items": "1"}}' data-owl-speed= "3000" data-owl-dots = 'true' data-owl-autoplay = 'false'>
<!-- single carousel item -->
<div class="single-carousel-item">
<img src="assets/img/category/category-slider1.jpg" data-rjs="2" alt="">
</div>
<!-- End of single carousel item -->
<!-- single carousel item -->
<div class="single-carousel-item">
<img src="assets/img/category/category-slider2.jpg" data-rjs="2" alt="">
</div>
<!-- End of single carousel item -->
<!-- single carousel item -->
<div class="single-carousel-item">
<img src="assets/img/category/category-slider3.jpg" data-rjs="2" alt="">
</div>
<!-- End of single carousel item -->
</div>
</div>
<!-- End of category image slider -->
</div>
</div>
</div>
</div>
<!-- End of single category -->
Kinen Supports 04 Different Collection Styles.
<section class="pt-100 pb-70">
<div class="container">
<div class="row">
<div class="col-12">
<div class="swiper-container gallery-top">
<div class="swiper-wrapper">
<div class="swiper-slide">
<!-- single collection wrap -->
<div class="single-collection-wrap type4">
<div class="row align-items-center">
<div class="col-md-9">
<div class="collection-image">
<img src="assets/img/collection/collection15.jpg" data-rjs='2' alt="">
<!-- share product -->
<div class="share-social-area">
<ul class="list-unstyled mb-0">
<li><a href="#"><i class="fa fa-facebook"></i> <span>Facebook</span></a></li>
<li><a href="#"><i class="fa fa-twitter"></i><span>Twitter</span></a></li>
<li><a href="#"><i class="fa fa-instagram"></i><span>Instagram</span></a></li>
<li><a href="#"><i class="fa fa-pinterest"></i><span>Pinterest</span></a></li>
</ul>
</div>
<!-- End of share product -->
</div>
</div>
<div class="col-md-3">
<div class="image-caption">
<h2><a href="shop-2col-withbar.html">Trendy Fashion</a></h2>
<a href="shop-2col-withbar.html" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
</div>
<!-- End of single collection wrap -->
</div>
<div class="swiper-slide">
<!-- single collection wrap -->
<div class="single-collection-wrap type4">
<div class="row align-items-center">
<div class="col-md-9">
<div class="collection-image">
<img src="assets/img/collection/collection16.jpg" data-rjs='2' alt="">
<!-- share product -->
<div class="share-social-area">
<ul class="list-unstyled mb-0">
<li><a href="#"><i class="fa fa-facebook"></i> <span>Facebook</span></a></li>
<li><a href="#"><i class="fa fa-twitter"></i><span>Twitter</span></a></li>
<li><a href="#"><i class="fa fa-instagram"></i><span>Instagram</span></a></li>
<li><a href="#"><i class="fa fa-pinterest"></i><span>Pinterest</span></a></li>
</ul>
</div>
<!-- End of share product -->
</div>
</div>
<div class="col-md-3">
<div class="image-caption">
<h2><a href="shop-2col-withbar.html">Trendy Fashion</a></h2>
<a href="shop-2col-withbar.html" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
</div>
<!-- End of single collection wrap -->
</div>
<div class="swiper-slide">
<!-- single collection wrap -->
<div class="single-collection-wrap type4">
<div class="row align-items-center">
<div class="col-md-9">
<div class="collection-image">
<img src="assets/img/collection/collection17.jpg" data-rjs='2' alt="">
<!-- share product -->
<div class="share-social-area">
<ul class="list-unstyled mb-0">
<li><a href="#"><i class="fa fa-facebook"></i> <span>Facebook</span></a></li>
<li><a href="#"><i class="fa fa-twitter"></i><span>Twitter</span></a></li>
<li><a href="#"><i class="fa fa-instagram"></i><span>Instagram</span></a></li>
<li><a href="#"><i class="fa fa-pinterest"></i><span>Pinterest</span></a></li>
</ul>
</div>
<!-- End of share product -->
</div>
</div>
<div class="col-md-3">
<div class="image-caption">
<h2><a href="shop-2col-withbar.html">Trendy Fashion</a></h2>
<a href="shop-2col-withbar.html" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
</div>
<!-- End of single collection wrap -->
</div>
<div class="swiper-slide">
<!-- single collection wrap -->
<div class="single-collection-wrap type4">
<div class="row align-items-center">
<div class="col-md-9">
<div class="collection-image">
<img src="assets/img/collection/collection18.jpg" data-rjs='2' alt="">
<!-- share product -->
<div class="share-social-area">
<ul class="list-unstyled mb-0">
<li><a href="#"><i class="fa fa-facebook"></i> <span>Facebook</span></a></li>
<li><a href="#"><i class="fa fa-twitter"></i><span>Twitter</span></a></li>
<li><a href="#"><i class="fa fa-instagram"></i><span>Instagram</span></a></li>
<li><a href="#"><i class="fa fa-pinterest"></i><span>Pinterest</span></a></li>
</ul>
</div>
<!-- End of share product -->
</div>
</div>
<div class="col-md-3">
<div class="image-caption">
<h2><a href="shop-2col-withbar.html">Trendy Fashion</a></h2>
<a href="shop-2col-withbar.html" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
</div>
<!-- End of single collection wrap -->
</div>
<div class="swiper-slide">
<!-- single collection wrap -->
<div class="single-collection-wrap type4">
<div class="row align-items-center">
<div class="col-md-9">
<div class="collection-image">
<img src="assets/img/collection/collection19.jpg" data-rjs='2' alt="">
<!-- share product -->
<div class="share-social-area">
<ul class="list-unstyled mb-0">
<li><a href="#"><i class="fa fa-facebook"></i> <span>Facebook</span></a></li>
<li><a href="#"><i class="fa fa-twitter"></i><span>Twitter</span></a></li>
<li><a href="#"><i class="fa fa-instagram"></i><span>Instagram</span></a></li>
<li><a href="#"><i class="fa fa-pinterest"></i><span>Pinterest</span></a></li>
</ul>
</div>
<!-- End of share product -->
</div>
</div>
<div class="col-md-3">
<div class="image-caption">
<h2><a href="#">Trendy Fashion</a></h2>
<a href="#" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
</div>
<!-- End of single collection wrap -->
</div>
<div class="swiper-slide">
<!-- single collection wrap -->
<div class="single-collection-wrap type4">
<div class="row align-items-center">
<div class="col-md-9">
<div class="collection-image">
<img src="assets/img/collection/collection20.jpg" data-rjs='2' alt="">
<!-- share product -->
<div class="share-social-area">
<ul class="list-unstyled mb-0">
<li><a href="#"><i class="fa fa-facebook"></i> <span>Facebook</span></a></li>
<li><a href="#"><i class="fa fa-twitter"></i><span>Twitter</span></a></li>
<li><a href="#"><i class="fa fa-instagram"></i><span>Instagram</span></a></li>
<li><a href="#"><i class="fa fa-pinterest"></i><span>Pinterest</span></a></li>
</ul>
</div>
<!-- End of share product -->
</div>
</div>
<div class="col-md-3">
<div class="image-caption">
<h2><a href="#">Trendy Fashion</a></h2>
<a href="#" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
</div>
<!-- End of single collection wrap -->
</div>
<div class="swiper-slide">
<!-- single collection wrap -->
<div class="single-collection-wrap type4">
<div class="row align-items-center">
<div class="col-md-9">
<div class="collection-image">
<img src="assets/img/collection/collection21.jpg" data-rjs='2' alt="">
<!-- share product -->
<div class="share-social-area">
<ul class="list-unstyled mb-0">
<li><a href="#"><i class="fa fa-facebook"></i> <span>Facebook</span></a></li>
<li><a href="#"><i class="fa fa-twitter"></i><span>Twitter</span></a></li>
<li><a href="#"><i class="fa fa-instagram"></i><span>Instagram</span></a></li>
<li><a href="#"><i class="fa fa-pinterest"></i><span>Pinterest</span></a></li>
</ul>
</div>
<!-- End of share product -->
</div>
</div>
<div class="col-md-3">
<div class="image-caption">
<h2><a href="#">Trendy Fashion</a></h2>
<a href="#" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
</div>
<!-- End of single collection wrap -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-container gallery-thumbs">
<div class="swiper-wrapper">
<div class="swiper-slide">
<!-- collection image -->
<div class="collection-image">
<img src="assets/img/collection/collection15.jpg" data-rjs='2' alt="">
</div>
<!-- End of collection image -->
</div>
<div class="swiper-slide">
<!-- collection image -->
<div class="collection-image">
<img src="assets/img/collection/collection16.jpg" data-rjs='2' alt="">
</div>
<!-- End of collection image -->
</div>
<div class="swiper-slide">
<!-- collection image -->
<div class="collection-image">
<img src="assets/img/collection/collection17.jpg" data-rjs='2' alt="">
</div>
<!-- End of collection image -->
</div>
<div class="swiper-slide">
<!-- collection image -->
<div class="collection-image">
<img src="assets/img/collection/collection18.jpg" data-rjs='2' alt="">
</div>
<!-- End of collection image -->
</div>
<div class="swiper-slide">
<!-- collection image -->
<div class="collection-image">
<img src="assets/img/collection/collection19.jpg" data-rjs='2' alt="">
</div>
<!-- End of collection image -->
</div>
<div class="swiper-slide">
<!-- collection image -->
<div class="collection-image">
<img src="assets/img/collection/collection20.jpg" data-rjs='2' alt="">
</div>
<!-- End of collection image -->
</div>
<div class="swiper-slide">
<!-- collection image -->
<div class="collection-image">
<img src="assets/img/collection/collection21.jpg" data-rjs='2' alt="">
</div>
<!-- End of collection image -->
</div>
</div>
</div>
</section>
<!-- collection inner area -->
<section class="pt-100 pb-70">
<div class="container">
<div class="row">
<div class="col-12">
<div class="row">
<div class="col-md-9">
<!-- single collection wrap -->
<div class="single-collection-wrap">
<div class="collection-image">
<img src="assets/img/collection/collection1.jpg" data-rjs='2' alt="">
<div class="image-caption">
<h3><a href="shop-2col-withbar.html">Trendy Fashion</a></h3>
<a href="shop-2col-withbar.html" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
<!-- End of single collection wrap -->
</div>
<div class="col-md-9 offset-md-3">
<!-- single collection wrap -->
<div class="single-collection-wrap left-content">
<div class="collection-image">
<img src="assets/img/collection/collection2.jpg" data-rjs='2' alt="">
<div class="image-caption">
<h3><a href="shop-2col-withbar.html">Fashion Accessories</a></h3>
<a href="shop-2col-withbar.html" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
<!-- End of single collection wrap -->
</div>
<div class="col-md-9">
<!-- single collection wrap -->
<div class="single-collection-wrap">
<div class="collection-image">
<img src="assets/img/collection/collection3.jpg" data-rjs='2' alt="">
<div class="image-caption">
<h3><a href="shop-2col-withbar.html">Fashionable Shoes</a></h3>
<a href="shop-2col-withbar.html" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
<!-- End of single collection wrap -->
</div>
<div class="col-md-9 offset-md-3">
<!-- single collection wrap -->
<div class="single-collection-wrap left-content">
<div class="collection-image">
<img src="assets/img/collection/collection4.jpg" data-rjs='2' alt="">
<div class="image-caption">
<h3><a href="shop-2col-withbar.html">Home Decoration</a></h3>
<a href="shop-2col-withbar.html" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
<!-- End of single collection wrap -->
</div>
</div>
</div>
</div>
</div>
</section>
<!-- collection inner area -->
<!-- collection inner area -->
<section class="pt-100 pb-70">
<div class="container">
<div class="row">
<div class="col-12">
<div class="collection-inner-area">
<!-- single collection wrap -->
<div class="single-collection-wrap type2">
<div class="collection-image">
<span></span>
<img src="assets/img/collection/collection1.jpg" data-rjs='2' alt="">
<div class="image-caption">
<h3><a href="#">Trendy Fashion</a></h3>
<a href="#" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
<!-- End of single collection wrap -->
<!-- single collection wrap -->
<div class="single-collection-wrap type2">
<div class="collection-image">
<span></span>
<img src="assets/img/collection/collection2.jpg" data-rjs='2' alt="">
<div class="image-caption">
<h3><a href="#">Fashion Accessories</a></h3>
<a href="#" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
<!-- End of single collection wrap -->
<!-- single collection wrap -->
<div class="single-collection-wrap type2">
<div class="collection-image">
<span></span>
<img src="assets/img/collection/collection3.jpg" data-rjs='2' alt="">
<div class="image-caption">
<h3><a href="#">Fashionable Shoes</a></h3>
<a href="#" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
<!-- End of single collection wrap -->
<!-- single collection wrap -->
<div class="single-collection-wrap type2">
<div class="collection-image">
<span></span>
<img src="assets/img/collection/collection4.jpg" data-rjs='2' alt="">
<div class="image-caption">
<h3><a href="#">Home Decoration</a></h3>
<a href="#" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
<!-- End of single collection wrap -->
<!-- single collection wrap -->
<div class="single-collection-wrap type2">
<div class="collection-image">
<span></span>
<img src="assets/img/collection/collection5.jpg" data-rjs='2' alt="">
<div class="image-caption">
<h3><a href="#">Home Decoration</a></h3>
<a href="#" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
<!-- End of single collection wrap -->
<!-- single collection wrap -->
<div class="single-collection-wrap type2">
<div class="collection-image">
<span></span>
<img src="assets/img/collection/collection6.jpg" data-rjs='2' alt="">
<div class="image-caption">
<h3><a href="#">Home Decoration</a></h3>
<a href="#" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
<!-- End of single collection wrap -->
</div>
</div>
</div>
</div>
</section>
<!-- collection inner area -->
<!-- collection inner area -->
<section class="pt-100 pb-10">
<div class="container">
<div class="row">
<div class="col-12">
<div class="collection-inner-area">
<div class="row">
<div class="col-md-5">
<!-- single collection wrap -->
<div class="single-collection-wrap type3 long-img left-side">
<div class="collection-image">
<span></span>
<img src="assets/img/collection/collection7.jpg" data-rjs='2' alt="">
<div class="image-caption">
<h3><a href="#">Trendy Fashion</a></h3>
<a href="#" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
<!-- End of single collection wrap -->
</div>
<div class="col-md-7">
<!-- single collection wrap -->
<div class="single-collection-wrap type3 short-image right-side">
<div class="collection-image">
<span></span>
<img src="assets/img/collection/collection8.jpg" data-rjs='2' alt="">
<div class="image-caption">
<h3><a href="#">Trendy Fashion</a></h3>
<a href="#" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
<!-- End of single collection wrap -->
</div>
<div class="col-md-7">
<!-- single collection wrap -->
<div class="single-collection-wrap type3 short-image left-side">
<div class="collection-image">
<span></span>
<img src="assets/img/collection/collection10.jpg" data-rjs='2' alt="">
<div class="image-caption">
<h3><a href="#">Trendy Fashion</a></h3>
<a href="#" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
<!-- End of single collection wrap -->
</div>
<div class="col-md-5">
<!-- single collection wrap -->
<div class="single-collection-wrap type3 margin-minus long-img right-side">
<div class="collection-image">
<span></span>
<img src="assets/img/collection/collection9.jpg" data-rjs='2' alt="">
<div class="image-caption">
<h3><a href="#">Trendy Fashion</a></h3>
<a href="#" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
<!-- End of single collection wrap -->
</div>
<div class="col-md-5">
<!-- single collection wrap -->
<div class="single-collection-wrap type3 long-img left-side">
<div class="collection-image">
<span></span>
<img src="assets/img/collection/collection11.jpg" data-rjs='2' alt="">
<div class="image-caption">
<h3><a href="#">Trendy Fashion</a></h3>
<a href="#" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
<!-- End of single collection wrap -->
</div>
<div class="col-md-7">
<!-- single collection wrap -->
<div class="single-collection-wrap type3 short-image right-side">
<div class="collection-image">
<span></span>
<img src="assets/img/collection/collection12.jpg" data-rjs='2' alt="">
<div class="image-caption">
<h3><a href="#">Trendy Fashion</a></h3>
<a href="#" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
<!-- End of single collection wrap -->
</div>
<div class="col-md-7">
<!-- single collection wrap -->
<div class="single-collection-wrap type3 short-image left-side">
<div class="collection-image">
<span></span>
<img src="assets/img/collection/collection13.jpg" data-rjs='2' alt="">
<div class="image-caption">
<h3><a href="#">Trendy Fashion</a></h3>
<a href="#" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
<!-- End of single collection wrap -->
</div>
<div class="col-md-5">
<!-- single collection wrap -->
<div class="single-collection-wrap type3 margin-minus long-img right-side">
<div class="collection-image">
<span></span>
<img src="assets/img/collection/collection14.jpg" data-rjs='2' alt="">
<div class="image-caption">
<h3><a href="#">Trendy Fashion</a></h3>
<a href="#" class="btn btn-line">Browse All Collections</a>
</div>
</div>
</div>
<!-- End of single collection wrap -->
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- collection inner area -->
Kinen Supports 03 Different Blog Styles.
<div class="col-md-6 col-lg-6">
<!-- single blog wraper -->
<div class="single-blog-wrap type2 text-center">
<!-- post image -->
<div class="single-blog-image hover-effect">
<a href="#"><img src="assets/img/blog/img3.jpg" data-rjs="2" alt=""></a>
</div>
<!--End of post image -->
<!-- single blog details -->
<div class="single-blog-details post-content">
<div class="post-info">
<span>by.</span><a href="#">Puchka Bolle</a>
</div>
<div class="post-body">
<h4><a href="#">Enim ad Minim Veniam Quis trud</a></h4>
<p>I must explain to you how all mistaken idea<br> denouncing pleasure and praising pain was born and In will give you actual.</p>
<a href="#" class="btn btn-line">Continue Reading...</a>
</div>
</div>
<!--End of single blog details -->
</div>
<!-- End of single blog wraper -->
</div>
<div class="col-lg-3 col-md-6 grid-item">
<!-- single blog wrap -->
<div class="single-blog-wrap type4">
<!-- post image -->
<div class="single-blog-image hover-effect">
<a href="#"><img src="assets/img/blog/pinta1.png" data-rjs="2" alt=""></a>
</div>
<!--End of post image -->
<!-- single blog details -->
<div class="single-blog-details text-center">
<div class="post-info">
<span>by.</span><a href="#">Puchka Bolle</a>
</div>
<div class="post-heading">
<h4><a href="#">Enim ad Minim Veniam Quis</a></h4>
</div>
</div>
<!-- End of single blog details -->
</div>
<!-- End of single blog wrap -->
</div>
<!-- single blog post -->
<div class="single-blog-wrap type3">
<div class="row align-items-center">
<div class="col-md-7 col-lg-8">
<!-- single blog post details -->
<div class="single-post-details left-content">
<p>#FashionDesign</p>
<h3><a href="#">Enim ad Minim Veniam Quis trud</a></h3>
<div class="post-info">
<ul class="list-unstyled mb-0">
<li>
<a href="#">2018/09/15</a>
</li>
<li>
by <a href="#">Andreow</a>
</li>
</ul>
</div>
<div class="post-body">
<p>I must explain to you how all mistaken idea denounci ng pleasure and praising pain was born and In will give you actual.</p>
<div class="reading-and-reply d-flex align-items-center justify-content-between">
<a href="#" class="btn btn-line">Continue Reading...</a>
<!-- single post reply and comment -->
<div class="single-reply-comment">
<a href="#"><i class="fa fa-comment-o"></i>4</a>
<a href="#"><i class="fa fa-reply"></i>5</a>
</div>
<!-- End of single post reply and comment -->
</div>
</div>
</div>
<!-- End of single blog post details -->
</div>
<div class="col-md-5 col-lg-4 order-first order-md-last">
<!-- single blog image -->
<div class="single-blog-image hover-effect">
<a href="#"><img src="assets/img/blog/list-1.png" alt=""></a>
</div>
<!-- End of single blog image -->
</div>
</div>
</div>
<!-- End of single blog post -->
Kinen Supports 02 Different Footer Styles.
<!-- footer area -->
<footer class="footer-type3 pt-50">
<div class="footer-top">
<div class="container">
<div class="row">
<!-- footer widget -->
<div class="col-md-6 col-lg-4 col-sm-6">
<div class="footer-widget">
<div class="footer-logo">
<a href="index.html"><img src="assets/img/logo2-l.png" data-rjs="2" alt=""></a>
</div>
<div class="footer-about-text">
<p>These cases are perfectly simple and easy to distin guish. In a free hour, when our power of choice is untram melled and when nothing prevents our being able to be circumstances and owing claim.</p>
</div>
<div class="footer-subscribe parsley-validate">
<form action="https://themelooks.us13.list-manage.com/subscribe/post?u=79f0b132ec25ee223bb41835f&id=f4e0e93d1d" method="post" class="footer-form" novalidate="">
<input type="email" class="theme-input-style" placeholder="your email hear" required>
<button type="submit"><i class="fa fa-paper-plane-o" aria-hidden="true"></i></button>
</form>
</div>
</div>
</div>
<!-- End of footer widget -->
<!-- footer widget -->
<div class="col-md-6 col-lg-2 col-sm-6">
<div class="footer-widget">
<!-- footer Widget heading -->
<div class="footer-header">
<h5>About kinen</h5>
</div>
<!--End of footer Widget heading -->
<div class="footer-links">
<ul class="links-list list-unstyled mb-0">
<li>
<a href="#">About Our Company</a>
</li>
<li>
<a href="#">License</a>
</li>
<li>
<a href="#">Policy Privacy</a>
</li>
<li>
<a href="#">Terms of use</a>
</li>
</ul>
</div>
</div>
</div>
<!-- End of footer widget -->
<!-- footer widget -->
<div class="col-md-6 col-lg-2 col-sm-6">
<div class="footer-widget">
<!-- footer Widget heading -->
<div class="footer-header">
<h5>Useful Links</h5>
</div>
<!--End of footer Widget heading -->
<div class="footer-links">
<ul class="links-list list-unstyled mb-0">
<li>
<a href="#">Top Sellers</a>
</li>
<li>
<a href="#">Featured Items</a>
</li>
<li>
<a href="#">Discount Shop</a>
</li>
<li>
<a href="#">New Arrivals</a>
</li>
</ul>
</div>
</div>
</div>
<!-- End of footer widget -->
<!-- footer widget -->
<div class="col-md-6 col-lg-4 col-sm-6">
<div class="footer-widget">
<!-- footer Widget heading -->
<div class="footer-header">
<h5>Useful Links</h5>
</div>
<!--End of footer Widget heading -->
<div class="footer-contact-wrap">
<ul class="footer-contact-list list-unstyled mb-0">
<li>
<span><i class="fa fa-map-marker" aria-hidden="true"></i></span>
1622 Colins Street West, Strawberry (Le), ITALY
</li>
<li>
<span><i class="fa fa-mail-reply" aria-hidden="true"></i></span>
<a href="info@emailname.com">Email: info@emailname.com</a>
</li>
<li>
<span><i class="fa fa-phone" aria-hidden="true"></i></span>
<a href="+006543219874">Phone: +00 654 321 9874</a>
</li>
<li>
<span><i class="fa fa-clock-o" aria-hidden="true"></i></span>
Monday - Saturday:9:00 - 18:00 pm
</li>
</ul>
</div>
<!-- footer social area -->
<div class="footer-social-area">
<ul class="list-unstyled mb-0">
<li>
<a href="#"><i class="fa fa-facebook"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-pinterest"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-linkedin"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-google-plus"></i></a>
</li>
</ul>
</div>
<!-- End of footer social area -->
</div>
</div>
<!-- End of footer widget -->
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="row">
<div class="col-12">
<div class="footer-bottom-wrap">
<!-- copyright text -->
<div class="copyright-text">
<p>© 2018 <a href="#">ThemeLooks</a> All rights reserved</p>
</div>
<!-- End of copyright text -->
<!-- tarms and condition -->
<div class="trams-conditaion">
<ul class="list-unstyled mb-0">
<li><a href="#">License</a></li>
<li><a href="#">Policy Privacy</a></li>
<li><a href="#">Terms of use</a></li>
</ul>
</div>
<!-- End of tarms and condition -->
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- End of footer area -->
<!-- footer area -->
<footer class="pattern footer-type1 pt-30">
<div class="footer-top">
<div class="container">
<div class="row">
<!-- footer widget -->
<div class="col-md-6 col-lg-4 col-sm-6">
<div class="footer-widget">
<div class="footer-logo">
<a href="index.html"><img src="assets/img/ftr-logo.png" alt=""></a>
</div>
<div class="footer-about-text">
<p>These cases are perfectly simple and easy to distin guish. In a free hour, when our power of choice is untram melled and when nothing prevents our being able to be circumstances and owing claim.</p>
</div>
</div>
</div>
<!-- End of footer widget -->
<!-- footer widget -->
<div class="col-md-6 col-lg-2 col-sm-6">
<div class="footer-widget">
<!-- footer Widget heading -->
<div class="footer-header">
<h5>About kinen</h5>
</div>
<!--End of footer Widget heading -->
<div class="footer-links">
<ul class="links-list list-unstyled mb-0">
<li>
<a href="#">About Our Company</a>
</li>
<li>
<a href="#">License</a>
</li>
<li>
<a href="#">Policy Privacy</a>
</li>
<li>
<a href="#">Terms of use</a>
</li>
</ul>
</div>
</div>
</div>
<!-- End of footer widget -->
<!-- footer widget -->
<div class="col-md-6 col-lg-2 col-sm-6">
<div class="footer-widget">
<!-- footer Widget heading -->
<div class="footer-header">
<h5>Useful Links</h5>
</div>
<!--End of footer Widget heading -->
<div class="footer-links">
<ul class="links-list list-unstyled mb-0">
<li>
<a href="#">Top Sellers</a>
</li>
<li>
<a href="#">Featured Items</a>
</li>
<li>
<a href="#">Discount Shop</a>
</li>
<li>
<a href="#">New Arrivals</a>
</li>
</ul>
</div>
</div>
</div>
<!-- End of footer widget -->
<!-- footer widget -->
<div class="col-md-6 col-lg-4 col-sm-6">
<div class="footer-widget">
<!-- footer Widget heading -->
<div class="footer-header">
<h5>Useful Links</h5>
</div>
<!--End of footer Widget heading -->
<div class="footer-contact-wrap">
<ul class="footer-contact-list list-unstyled mb-0">
<li>
<span><i class="fa fa-map-marker" aria-hidden="true"></i></span>
1622 Colins Street West, Strawberry (Le), ITALY
</li>
<li>
<span><i class="fa fa-mail-reply" aria-hidden="true"></i></span>
<a href="info@emailname.com">Email: info@emailname.com</a>
</li>
<li>
<span><i class="fa fa-phone" aria-hidden="true"></i></span>
<a href="+006543219874">Phone: +00 654 321 9874</a>
</li>
<li>
<span><i class="fa fa-clock-o" aria-hidden="true"></i></span>
Monday - Saturday:9:00 - 18:00 pm
</li>
</ul>
</div>
</div>
</div>
<!-- End of footer widget -->
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="row">
<div class="col-12">
<div class="footer-bottom-wrap">
<!-- copyright text -->
<div class="copyright-text">
<p>© 2018 <a href="#">ThemeLooks</a> All rights reserved</p>
</div>
<!-- End of copyright text -->
<!-- tarms and condition -->
<div class="trams-conditaion">
<ul class="list-unstyled mb-0">
<li><a href="#">License</a></li>
<li><a href="#">Policy Privacy</a></li>
<li><a href="#">Terms of use</a></li>
</ul>
</div>
<!-- End of tarms and condition -->
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- End of footer area -->