<!DOCTYPE html>
<html lang="zxx">
<head>
<title>INSTYLR | Fashion HTML Template</title>
<meta charset="UTF-8">
<meta name="description" content="Instyle Fashion HTML Template">
<meta name="keywords" content="instyle, fashion, html">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link href="img/favicon.ico" rel="shortcut icon"/>
<!-- Stylesheets -->
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/font-awesome.min.css"/>
<link rel="stylesheet" href="css/owl.carousel.min.css"/>
<!-- Main Stylesheets -->
<link rel="stylesheet" href="css/style.css"/>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page Preloder -->
<div id="preloder">
<div class="loader"></div>
</div>
<!-- Header section -->
<header class="header-section">
<nav class="navbar navbar-expand-md navbar-dark bg-dark site-navbar">
<a class="navbar-brand site-logo" href="index.html#">
<h2><span>In</span>Style</h2>
<p>Fashion Forward</p>
</a>
<button class="navbar-toggler d-lg-none" type="button" data-toggle="collapse" data-target="#collapsibleNavId" aria-controls="collapsibleNavId"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavId">
<!-- Main menu -->
<ul class="navbar-nav ml-auto mt-2 mt-lg-0">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">the Brand</a>
</li>
<li class="nav-item">
<a class="nav-link" href="portfolio.html">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Shop</a>
</li>
<li class="nav-item">
<a class="nav-link" href="blog.html">blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<div class="social-links my-2 my-lg-0">
<a href="#"><i class="fa fa-pinterest"></i></a>
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
</div>
</div>
</nav>
</header>
<!-- Header section end-->
<!-- Page top section -->
<section class="page-top-section set-bg" data-setbg="img/header-bg/3.jpg">
<h2>The Magazine</h2>
<div class="hero-social-warp">
<p>Follow us on Social MEdia</p>
<div class="hero-social-links">
<a href="#"><i class="fa fa-behance"></i></a>
<a href="#"><i class="fa fa-dribbble"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-pinterest"></i></a>
</div>
</div>
</section>
<!-- Page top section end-->
<!-- Blog page -->
<section class="blog-page">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="row">
<div class="col-lg-12">
<div class="blog-item">
<div class="blog-thumb set-bg" data-setbg="img/blog/3.jpg">
<div class="blog-date">
<h2>20</h2>
<p>Jan</p>
</div>
</div>
<div class="blog-head">
<div class="blog-tags">fashion, event, lifestyle</div>
<h2><a href="single-blog.html">Our fashion App</a></h2>
</div>
<p>Aenean quis velit pulvinar, pellentesque neque vel, laoreet orci. Suspendisse po-tenti. Donec congue vel justo eget malesuada. In arcu justo, sagittis consequat pulvinar quis, pretium quis massa. Vestibulum nec nibh eu nisi rutrum iaculis. Pellentesque placerat sit amet leo in vestibulum. Suspendisse quam neque, rutrum vel scelerisque eu.</p>
</div>
</div>
<div class="col-md-6">
<div class="blog-item">
<div class="blog-thumb set-bg" data-setbg="img/blog/4.jpg">
<div class="blog-date">
<h2>17</h2>
<p>Jan</p>
</div>
</div>
<div class="blog-head bh-sm">
<div class="blog-tags">fashion, event, lifestyle</div>
<h2><a href="single-blog.html">New York Fashion Week</a></h2>
</div>
<p>Suspendisse potenti. Donec congue vel justo eget malesuada. In arcu justo, sagittis consequat pulvinar quis, pretium quis massa. Vestibulum nec nibh eu nisi rutrum iaculis.</p>
</div>
</div>
<div class="col-md-6">
<div class="blog-item">
<div class="blog-thumb set-bg" data-setbg="img/blog/5.jpg">
<div class="blog-date">
<h2>20</h2>
<p>Jan</p>
</div>
</div>
<div class="blog-head bh-sm">
<div class="blog-tags">fashion, event, lifestyle</div>
<h2><a href="single-blog.html">Summer 2019 Campaign</a></h2>
</div>
<p>Quis velit pulvinar, pellentesque neque vel, laoreet orci. Suspendisse potenti. Donec congue vel justo eget malesuada. In arcu justo, sagittis consequat pulvinar quis, pretium quis massa. Vestibulum nec nibh eu nisi rutrum iaculis.</p>
</div>
</div>
<div class="col-md-6">
<div class="blog-item">
<div class="blog-thumb set-bg" data-setbg="img/blog/6.jpg">
<div class="blog-date">
<h2>17</h2>
<p>Jan</p>
</div>
</div>
<div class="blog-head bh-sm">
<div class="blog-tags">fashion, event, lifestyle</div>
<h2><a href="single-blog.html">New York Fashion Week</a></h2>
</div>
<p>Quis velit pulvinar, pellentesque neque vel, laoreet orci. Suspendisse potenti. Donec congue vel justo eget malesuada. In arcu justo, sagittis consequat pulvinar quis, pretium quis massa. Vestibulum nec nibh eu nisi rutrum iaculis.</p>
</div>
</div>
<div class="col-md-6">
<div class="blog-item">
<div class="blog-thumb set-bg" data-setbg="img/blog/7.jpg">
<div class="blog-date">
<h2>20</h2>
<p>Jan</p>
</div>
</div>
<div class="blog-head bh-sm">
<div class="blog-tags">fashion, event, lifestyle</div>
<h2><a href="single-blog.html">Summer 2019 Campaign</a></h2>
</div>
<p>Pellentesque neque vel, laoreet orci. Suspendisse potenti. Donec congue vel justo eget malesuada. In arcu justo, sagittis consequat pulvinar quis, pretium quis massa. Vestibulum nec nibh eu nisi rutrum.</p>
</div>
</div>
<div class="col-md-6">
<div class="blog-item">
<div class="blog-thumb set-bg" data-setbg="img/blog/8.jpg">
<div class="blog-date">
<h2>17</h2>
<p>Jan</p>
</div>
</div>
<div class="blog-head bh-sm">
<div class="blog-tags">fashion, event, lifestyle</div>
<h2><a href="single-blog.html">New York Fashion Week</a></h2>
</div>
<p>Pellentesque neque vel, laoreet orci. Suspendisse potenti. Donec congue vel justo eget malesuada. In arcu justo, sagittis consequat pulvinar quis, pretium quis massa. Vestibulum nec nibh eu nis.</p>
</div>
</div>
<div class="col-md-6">
<div class="blog-item">
<div class="blog-thumb set-bg" data-setbg="img/blog/9.jpg">
<div class="blog-date">
<h2>20</h2>
<p>Jan</p>
</div>
</div>
<div class="blog-head bh-sm">
<div class="blog-tags">fashion, event, lifestyle</div>
<h2><a href="single-blog.html">Summer 2019 Campaign</
时尚前卫品牌展示响应式网页模板-适配移动端-HTML源码.zip
版权申诉
201 浏览量
2024-03-27
09:00:24
上传
评论
收藏 4.95MB ZIP 举报
时尚前卫品牌展示响应式网页模板-适配移动端-HTML源码.zip （81个子文件） 
时尚前卫品牌展示响应式网页模板-适配移动端-HTML源码 html icon-fonts 
fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB
portfolio.html 7KB Source 
bootstrap-4.3.1-dist.zip 697KB OwlCarousel2-2.3.4_2.zip 774KB sass.zip 5KB font-awesome-4.7.0.zip 654KB js bootstrap.min.js 57KB main.js 3KB masonry.pkgd.min.js 24KB owl.carousel.min.js 43KB jquery-3.2.1.min.js 85KB mixitup.min.js 87KB img 
milestones-bg.jpg 26KB about-img.jpg 23KB intro-img.jpg 39KB portfolio-2 2.jpg 20KB 10.jpg 7KB 6.jpg 7KB 1.jpg 142KB 5.jpg 8KB 8.jpg 6KB 11.jpg 8KB 3.jpg 20KB 7.jpg 6KB 9.jpg 10KB 4.jpg 21KB portfolio 2.jpg 41KB 10.jpg 72KB 6.jpg 26KB 1.jpg 51KB 12.jpg 45KB 5.jpg 25KB 8.jpg 73KB 11.jpg 40KB 3.jpg 31KB 7.jpg 79KB 9.jpg 48KB 4.jpg 47KB
award-icon-white.png 3KB blog 2.jpg 56KB 6.jpg 36KB 1.jpg 48KB comment-thumb 2.jpg 2KB 1.jpg 3KB 3.jpg 2KB 4.jpg 2KB 5.jpg 21KB populer-post 2.jpg 3KB 1.jpg 4KB 3.jpg 3KB 4.jpg 5KB 8.jpg 52KB 3.jpg 54KB 7.jpg 32KB 9.jpg 41KB 4.jpg 27KB favicon.ico 17KB footer-logo.png 3KB award-icon.png 4KB add.jpg 102KB header-bg 2.jpg 125KB 1.jpg 159KB 3.jpg 79KB 4.jpg 138KB slider 2.jpg 316KB 1.jpg 205KB css style.css 28KB bootstrap.min.css 152KB font-awesome.min.css 30KB owl.carousel.min.css 3KB single-blog.html 13KB index.html 12KB contact.html 8KB about.html 10KB blog.html 14KB fonts HelveticaNeue-Medium.woff 14KB HelveticaNeueBold.woff 28KB HelveticaNeue-Light.woff 14KB资源评论
