<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>PassionKraft - Fashion Category Bootstrap Responsive Template | Home</title>
<!-- google fonts -->
<link href="//fonts.googleapis.com/css2?family=Spartan:wght@300;400;600;700&display=swap" rel="stylesheet">
<!-- Template CSS -->
<link rel="stylesheet" href="assets/css/style-starter.css">
</head>
<body>
<!--header-->
<header id="site-header" class="fixed-top">
<div class="container">
<nav class="navbar navbar-expand-lg stroke px-0 pt-lg-0">
<h1>
<a class="navbar-brand" href="index.html">
Passion<span class="logo-sub">Kraft</a>
</h1>
<!-- if logo is image enable this
<a class="navbar-brand" href="#index.html">
<img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
</a> -->
<button class="navbar-toggler collapsed bg-gradient" type="button" data-toggle="collapse"
data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon fa icon-expand fa-bars"></span>
<span class="navbar-toggler-icon fa icon-close fa-times"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav mx-lg-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="services.html">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact US</a>
</li>
</ul>
<!--/search-right-->
<div class="search-right">
<a href="#search" title="search"><span class="fa fa-search" aria-hidden="true"></span></a>
</div>
<!--//search-right-->
<div class="top-quote mr-lg-3 mt-lg-0 mr-lg-4">
<a href="contact.html" class="btn btn-style btn-white btn-primary">Get In Touch</a>
</div>
</div>
<!-- toggle switch for light and dark theme -->
<div class="mobile-position">
<nav class="navigation">
<div class="theme-switch-wrapper">
<label class="theme-switch" for="checkbox">
<input type="checkbox" id="checkbox">
<div class="mode-container">
<i class="gg-sun"></i>
<i class="gg-moon"></i>
</div>
</label>
</div>
</nav>
</div>
<!-- //toggle switch for light and dark theme -->
</nav>
</div>
</header>
<!--/header-->
<!--/header-->
<div class="section-mid-gap"></div>
<!--/Banner-Start-->
<section class="bannerw3l-hnyv">
<div class="slider">
<!-- slides -->
<div class="slider__slides">
<div class="slide s--active">
<div class="slide__inner">
<div class="slide__content">
<h3 class="slide__heading">Women's Fashion
50% Off</h3>
<p class="slide__text">Enjoy this Summer Trend</p>
</div>
</div>
</div>
<div class="slide">
<div class="slide__inner">
<div class="slide__content">
<h3 class="slide__heading">Men's Fashion
60% Off</h3>
<p class="slide__text">Mid season 50% Offer</p>
</div>
</div>
</div>
<div class="slide">
<div class="slide__inner">
<div class="slide__content">
<h3 class="slide__heading">Kid’s Fashion 70% Off</h3>
<p class="slide__text">Enjoy this Summer Trend</p>
</div>
</div>
</div>
<div class="slide">
<div class="slide__inner">
<div class="slide__content">
<h3 class="slide__heading">Accessories 40% Off</h3>
<p class="slide__text">Mid season 50% Offer</p>
</div>
</div>
</div>
<div class="slide s--prev">
<div class="slide__inner">
<div class="slide__content">
<h3 class="slide__heading">Cosmetics 50% Off</h3>
<p class="slide__text">Enjoy this Summer Trend</p>
</div>
</div>
</div>
</div>
<!-- slides end -->
<div class="slider__control">
<div class="slider__control-line"></div>
<div class="slider__control-line"></div>
</div>
<div class="slider__control slider__control--right m--right">
<div class="slider__control-line"></div>
<div class="slider__control-line"></div>
</div>
</div>
<div class="bannerw3l-layer"></div>
</section>
<!--//Banner-End-->
<!--/social-media-->
<div class="social-w3l-media-sec">
<div class="w3l-social-imf-left">
</div>
<div class="social-column-grids">
<div class="w3l-social-gd">
<a href=" #" target="_blank" class="facebook">
<span class="fab fa-facebook-f mr-2"></span>
<span class="social-text">Facebook</span>
</a>
</div>
<div class="w3l-social-gd">
<a href="#" target="_blank" class="twitter">
<span class="fab fa-twitter mr-2"></span>
<span class="social-text">Twitter</span>
</a>
</div>
<div class="w3l-social-gd">
<a href=" #" class="dribble">
<span class="fab fa-dribbble mr-2"></span>
<span class="social-text">Dribbble</span>
</a>
</div>
<div class="w3l-social-gd">
<a href=" #" target="_blank" class="instagram">
<span class="fab fa-instagram mr-2"></span>
<span class="social-text">Instagram</span>
</a>
</div>
</div>
<div class="w3l-social-button-right">
<a href=" #" class="btn-explore">
Explore Now
</a>
</div>
</div>
<!--//social-media-->
<!
基于HTML+CSS+JS开发的网站-时尚产品发布展示网页模板.7z （70个子文件） 
[web前端]&[课程设计]&[网站源码]-时尚产品发布展示网页模板 html assets js 
jquery.waypoints.min.js 9KB bootstrap.min.js 57KB theme-change.js 692B jquery.chocolat.js 10KB jquery.magnific-popup.min.js 20KB jquery-3.3.1.min.js 68KB jquery.countup.js 3KB owl.carousel.js 88KB jquery-2.1.4.min.js 82KB webfonts fa-brands-400.woff 90KB fa-brands-400.ttf 133KB
fa-brands-400.svg 730KB fa-solid-900.woff 102KB fa-solid-900.eot 200KB fa-solid-900.ttf 200KB fa-brands-400.woff2 77KB fa-regular-400.woff2 13KB fa-brands-400.eot 134KB fa-regular-400.eot 34KB fa-regular-400.woff 16KB fa-regular-400.svg 141KB fa-regular-400.ttf 33KB fa-solid-900.woff2 78KB fa-solid-900.svg 896KB css style-starter.css 313KB images 
ins.png 1KB
banner6.jpg 107KB about5.jpg 60KB 2.jpg 33KB disney.png 63KB woocomerce.png 19KB tw.png 939B about1.jpg 38KB s1.jpg 9KB s2.jpg 15KB about6.jpg 41KB team4.jpg 17KB 6.jpg 34KB banner4.jpg 74KB 1.jpg 37KB team3.jpg 23KB banner3.jpg 256KB about4.jpg 34KB arrow-right.png 470B times-solid.svg 645B left.png 3KB team2.jpg 22KB fb.png 791B 5.jpg 37KB about2.jpg 46KB banner1.jpg 90KB banner5.jpg 88KB close.png 280B right.png 3KB arrow-left.png 505B s3.jpg 9KB ab.jpg 79KB team1.jpg 21KB 3.jpg 76KB about3.jpg 43KB banner2.jpg 164KB li.png 841B s4.jpg 15KB flipkart.png 26KB amazon.png 21KB media-img.png 1015B
services.html 20KB index.html 27KB contact.html 14KB about.html 19KB资源评论
