<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Home</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="keywords" content="" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- //Meta tag Keywords -->
<!-- Custom-Files -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!-- Style-CSS -->
<link rel="stylesheet" href="css/font-awesome.css">
<!-- Font-Awesome-Icons-CSS -->
<!-- //Custom-Files -->
<!-- Web-Fonts -->
<link href="http://fonts.googleapis.com/css?family=Hind:300,400,500,600,700&subset=devanagari,latin-ext" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=latin-ext"
rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Great+Vibes&subset=latin-ext" rel="stylesheet">
<!-- //Web-Fonts -->
</head>
<body>
<!-- banner -->
<div class="main-banner-w3ls">
<!-- header -->
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png" class="logo img-fluid" alt="">Look
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-toggle" aria-controls="navbarNavAltMarkup"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse navbar-toggle " id="navbarNavAltMarkup">
<ul class="navbar-nav mx-lg-auto">
<li>
<a class="nav-link active" href="index.html">Home</a>
</li>
<li>
<a class="nav-link" href="about.html">About Us</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
aria-expanded="false">Pages
<i class="fa fa-angle-down" aria-hidden="true"></i>
</a>
<div class="dropdown-menu second mt-2" style="display: none;">
<a class="dropdown-item scroll" href="#models">Top Models</a>
<a class="dropdown-item scroll" href="#pricing">Plans</a>
<a class="dropdown-item" href="about.html">Our Designers</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="blog.html">Blog Page</a>
<a class="dropdown-item" href="single.html">Single Page</a>
</div>
</li>
<li>
<a class="nav-link" href="gallery.html">Gallery</a>
</li>
<li>
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
<div class="header-social-w3ls text-center mt-lg-0 mt-4">
<ul class="list-unstyled">
<li>
<a href="#">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
</li>
<li class="mx-1">
<a href="#">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-google-plus" aria-hidden="true"></i>
</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- //header -->
<!-- banner text -->
<div class="banner-agile-text">
<div class="container">
<div class="banner-text-size-w3ls">
<h3 class="text-banner-agile text-uppercase text-white font-weight-bold">
latest & exclusive collections for women
</h3>
<p class="mt-3 mb-5 banner-para-wthree"><span class="text-white font-weight-bold ">2018</span> Trending Styles,
Stylish Fashion.</p>
<a href="about.html" class="btn button-style">Read More</a>
</div>
</div>
</div>
<!-- //banner text -->
<img src="images/look2.png" alt="" class="img-fluid fashion-img">
</div>
<!-- //banner -->
<!-- banner bottom -->
<div class="banner-bottom-agile text-center py-5">
<div class="container py-xl-5 py-lg-3">
<!-- heading title -->
<div class="mb-lg-5 mb-sm-4 mb-3">
<h3 class="title-wthree mb-2">
Welcome To<span class="mt-2 text-uppercase font-weight-bold">Our Look Site</span></h3>
</div>
<!-- //heading title -->
<p class="para-bottom-wthree">Elit sedc labore et dolore magna aliqua uta enim ad minim ven iam quis nostrud
exercitation ullamco. Sed semper leo metus, a lacinia eros semper at sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.</p>
</div>
</div>
<!-- //banner bottom -->
<!-- grids -->
<div class="serives-agile py-5 bg-light">
<div class="container py-xl-5 py-lg-3">
<div class="row support-bottom">
<div class="col-lg-4 support-grid">
<div class="back-icon-wthree bg-white p-5">
<div class="bg-light p-lg-4 p-3 icon-button-w3">
<i class="fa fa-calendar" aria-hidden="true"></i>
</div>
<h5 class="text-dark mt-4 mb-3">Years Experience</h5>
<p>Ut enim ad minima veniam, quis nostrum ullam.</p>
<a href="about.html" class="btn button-2 text-dark p-0 mt-4">Click Here <i class="fa fa-caret-right" aria-hidden="true"></i></a>
</div>
</div>
<div class="col-lg-4 support-grid my-lg-0 my-sm-5 my-4">
<div class="back-icon-wthree bg-white p-5">
<div class="bg-light p-lg-4 p-3 icon-button-w3">
<i class="fa fa-camera" aria-hidden="true"></i>
</div>
<h5 class="text-dark mt-4 mb-3">Personal Events</h5>
<p>Ut enim ad minima veniam, quis nostrum ullam.</p>
<a href="about.html" class="btn button-2 text-dark p-0 mt-4">Click Here <i class="fa fa-caret-right" aria-hidden="true"></i></a>
</div>
</div>
<div class="col-lg-4 support-grid">
<div class="back-icon-wthree bg-white p-5">
<div class="bg-light p-lg-4 p-3 icon-button-w3">
<i class="fa fa-female" aria-hidden="true"></i>
</div>
<h5 class="text-dark mt-4 mb-3">Best Models</h5>
<p>Ut enim ad minima veniam, quis nostrum ullam.</p>
<a href="about.html" class="btn button-2 text-dark p-0 mt-4">Click Here <i class="fa fa-caret-right" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- //grids -->
<!-- best in -->
<div class="models-agile py-5">
<div class="container py-xl-5 py-lg-3">
<div class="row">
<div class="offset-xl-2"></div>
<div class="col-xl-5 col-md-6 left-models mt-lg-5 mt-3 pt-lg-4">
<!-- heading title -->
<div class="">
<h3 class="title-wthree mb-3">
Look Website<span class="mt-2 text-uppercase font-weight-bold">We Are Best In</span></h3>
<p class="">Sed semper leo metus, a lacinia eros semper at sed do eiusmod tempor incididunt ut labore et dolore
magnaaliqua.</p>
<a href="about.html" class="btn button-3 button-style mt-5">Leran More</a>
</div>
<!-- //heading title -->
</div>
<div class="col-xl-5 col-md-6 right-models text-center mt-md-0 mt-5">
<div class="row">
<div class="col-6">
<div class="card">
<div class="card-body py-lg-5 py-4">
<i class="fa fa-spinner" aria-hidden="true"></i>
<h5 class="card-title mt-3">Fashion</h5>
</div>
</div>
</div>
<div class="col-6">
<div class="card">
<div class="card-body py-lg-5 py-4">
<i class="fa fa-female" aria-hidden="true"></i>
<h5 class="card-title mt-3">Model</h5>
</div>
</div>
</div>
</div>
<div class="row mt-4">
<div class="col-6">
<div class="card">
<div class="card-body py-lg-5 py-4">
白色宽屏风格的造型美发企业网站源码下载.zip （68个子文件） 
19233 js 
bootstrap.js 112KB lightbox-plus-jquery.min.js 91KB SmoothScroll.min.js 13KB jquery-2.2.3.min.js 84KB easing.js 5KB move-top.js 1KB look.js 641B carousel.js 1KB css carousel.css 4KB style.css 26KB font-awesome.css 34KB bootstrap.css 174KB lightbox.css 4KB blog.css 8KB
index.html 21KB contact.html 8KB about.html 19KB single.html 19KB images 
g3.jpg 55KB g2.jpg 44KB m8.jpg 34KB m4.jpg 41KB te2.jpg 19KB m1.jpg 42KB g8.jpg 47KB m7.jpg 48KB
logo.png 5KB 1.jpg 40KB logo2.png 5KB t3.jpg 24KB middle2.jpg 349KB map.jpg 63KB m2.jpg 62KB bck.png 1KB blog3.jpg 220KB g7.jpg 47KB m5.jpg 43KB g6.jpg 52KB t1.jpg 32KB move-top.png 3KB t4.jpg 28KB g5.jpg 47KB blog2.jpg 174KB img-sprite.png 3KB te1.jpg 17KB close.png 280B m3.jpg 42KB t2.jpg 33KB frwd.png 1KB g4.jpg 43KB m6.jpg 39KB look2.png 411KB te3.jpg 17KB banner2.jpg 85KB g1.jpg 64KB blog1.jpg 157KB g9.jpg 40KB m9.jpg 41KB blog.html 18KB fonts FontAwesome.otf 122KB glyphicons-halflings-regular.woff 23KB fontawesome-webfont.eot 75KB glyphicons-halflings-regular.woff2 18KB fontawesome-webfont.woff 88KB fontawesome-webfont.woff2 70KB
fontawesome-webfont.svg 382KB fontawesome-webfont.ttf 149KB gallery.html 11KB资源评论
