<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zxx">
<!-- head -->
<head>
<title>Outlook a Fashion Category Bootstrap Responsive Website Template | Home :: w3layouts</title>
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" media="all" /><!-- fontawesome css -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /><!-- Bootstrap stylesheet -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" /><!-- stylesheet -->
<link rel="stylesheet" type="text/css" href="css/gallery.css"/><!-- stylesheet for gallery section -->
<link href="css/popuo-box.css" rel="stylesheet" type="text/css" property="" media="all" /><!-- stylesheet for video popup -->
<script src="js/modernizr.custom.js"></script>
<!-- meta tags -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Outlook a Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //meta tags -->
<!--fonts-->
<link href="//fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i&subset=latin-ext" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<!--//fonts-->
</head>
<!-- //head -->
<body>
<!-- banner-slider -->
<div class="w3layouts-slider">
<!-- header -->
<header>
<div class="container">
<!-- nav -->
<nav class="navbar navbar-inverse cl-effect-20">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="logo">
<h1><a href="index.html">Outlook</a></h1>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="#"><span data-hover="Home">Home</span></a></li>
<li><a href="#about" class="scroll"><span data-hover="About">About</span></a></li>
<li><a href="#gallery" class="scroll"><span data-hover="Gallery">Gallery</span></a></li>
<li><a href="#models" class="scroll"><span data-hover="Models">Models</span></a></li>
<li><a href="#blog" class="scroll"><span data-hover="Blog">Blog</span></a></li>
<li><a href="#contact" class="scroll"><span data-hover="Contact">Contact</span></a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-- //nav -->
</div>
</header>
<!-- //header -->
<div class="container">
<div id="boxgallery" class="boxgallery" data-effect="effect-2">
<div class="panel"><img src="images/a3.jpg" alt="Image 3"/></div>
<div class="panel"><img src="images/a2.jpg" alt="Image 4"/></div>
<div class="panel"><img src="images/a1.jpg" alt="Image 1"/></div>
<div class="panel"><img src="images/a4.jpg" alt="Image 2"/></div>
</div>
</div><!-- /container -->
</div>
<!-- //banner-slider -->
<!-- main-content -->
<div class="agileits-main-content">
<!-- welcome -->
<div class="w3l-welcome" id="about">
<div class="container">
<h3 class="agileits-title">Welcome</h3>
<p>Nam libero tempore cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod </p>
<div class="agileinfo-welcome-info">
<div class="col-md-6 w3-welcome-grids">
<div class="welcome-img">
<img src="images/a1.jpg" class="img-responsive zoom-img" alt=""/>
</div>
</div>
<div class="col-md-6 w3-welcome-grids">
<div class="welcome-img">
<img src="images/a2.jpg" class="img-responsive zoom-img" alt=""/>
</div>
</div>
<div class="clearfix"> </div>
</div>
<p>Nam libero tempore cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus omnis optio cumque nihil impedit quo minus id quod maxime placeat facere possimus.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae </p>
</div>
</div>
<!-- //welcome -->
<!-- gallery -->
<section class="agileits-gallery" id="gallery">
<h3 class="agileits-title" style="color:#fff;">Gallery</h3>
<p class="w3layouts-sub text-center">Nam libero tempore cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod</p>
<div id="thumbGrid" data-thumbgrid="true" data-effect="scaleIn" data-delay="60" data-timing="800" data-pagination="6" data-galleryeffectnext="scaleIn" data-galleryeffectprev="scaleOut">
<img src="images/g1.jpg"
alt="img01"
data-highres="images/g1.jpg"
data-caption="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
/>
<img src="images/g2.jpg"
alt="img02"
data-highres="images/g2.jpg"
data-caption="Nullam quis risus eget urna mollis ornare vel eu leo."
/>
<img src="images/g3.jpg"
alt="img03"
data-highres="images/g3.jpg"
data-caption="Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus."
/>
<img src="images/g4.jpg"
alt="img04"
data-highres="images/g4.jpg"
data-caption="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
/>
<img src="images/g5.jpg"
alt="img05"
data-highres="images/g5.jpg"
data-caption="Nullam quis risus eget urna mollis ornare vel eu leo."
/>
<img src="images/g6.jpg"
alt="img06"
data-highres="images/g6.jpg"
data-caption="Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit."
/>
<img src="images/g7.jpg"
alt="img07"
data-highres="images/g7.jpg"
data-caption="Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus."
/>
<img src="images/g1.jpg"
alt="img08"
data-highres="images/g1.jpg"
data-caption="Cras mattis consectetur purus sit amet fermentum."
/>
<img src="images/g2.jpg"
alt="img09"
data-highres="images/g2.jpg"
data-caption="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
/>
<img src="images/g3.jpg"
alt="img10"
data-highres="images/g3.jpg"
data-caption="Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit."
/>
<img src="images/g4.jpg"
alt="img11"
data-highres="images/g4.jpg"
data-caption="Nullam quis risus eget urna mollis ornare vel eu leo."
/>
<img src="images/g5.jpg"
alt="img12"
data-highres="images/g5.jpg"
data-caption="Cras mattis consectetur purus sit amet fermentum."
/>
<img src="images/g6.jpg"
alt="img13"
data-highres="images/g6.jpg"
data-caption="Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit."
/>
<img src="images/g7.jpg"
模特造型公司响应式网站模板.7z
需积分: 5 147 浏览量
2024-06-20
08:54:11
上传
评论
收藏 2.09MB 7Z 举报
模特造型公司响应式网站模板.7z （46个子文件） 
模特造型公司响应式网站模板 html js 
boxesFx.js 7KB jquery.magnific-popup.js 45KB bootstrap.min.js 36KB SmoothScroll.min.js 6KB contact_me.js 3KB jqBootstrapValidation.js 35KB easing.js 5KB classie.js 2KB move-top.js 1KB modernizr.custom.js 9KB jquery.mb.CSSAnimate.min.js 11KB jquery.mb.thumbGrid.js 20KB jquery-2.1.4.min.js 82KB jarallax.js 14KB css style.css 39KB font-awesome.css 34KB popuo-box.css 7KB bootstrap.css 143KB gallery.css 5KB
index.html 34KB images 
g3.jpg 154KB g2.jpg 148KB a2.jpg 190KB b1.jpg 30KB b2.jpg 22KB a1.jpg 65KB b3.jpg 35KB a3.jpg 156KB g7.jpg 111KB g6.jpg 92KB b4.jpg 26KB g5.jpg 111KB
tick.png 3KB a4.jpg 85KB g4.jpg 169KB top-arrow.png 3KB g1.jpg 159KB fonts FontAwesome.otf 122KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB fontawesome-webfont.eot 75KB glyphicons-halflings-regular.woff2 18KB fontawesome-webfont.woff 88KB fontawesome-webfont.woff2 70KB fontawesome-webfont.ttf 149KB资源评论
