<!--
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>
<title>Precise Personal Bootstrap Responsive Template | Home :: W3layouts</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="keywords" content="Precise Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<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 -->
<!-- font-awesome-icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome-icons -->
<!-- /Fonts -->
<link href="//fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700" rel="stylesheet">
<!-- //Fonts -->
</head>
<body>
<!-- mian-content -->
<div class="main-content" id="home">
<div class="layer">
<!-- header -->
<header class="header">
<div class="container-fluid px-lg-5">
<!-- nav -->
<nav class="py-4">
<div class="logo-w3layouts" id="logo-w3layouts">
<a href="index.html"><span class="fa fa-magnet" aria-hidden="true"></span></a>
</div>
<label for="drop" class="toggle">Menu</label>
<input type="checkbox" id="drop" />
<ul class="menu mt-2">
<li class="mr-lg-4 mr-3 active"><a href="#">Home</a></li>
<li class="mr-lg-4 mr-3"><a href="#about" class="scroll">About</a></li>
<li class="mr-lg-4 mr-3"><a href="#services" class="scroll">Services</a></li>
<li class="mr-lg-4 mr-3"><a href="#experience" class="scroll">Experience</a></li>
<li class="mr-lg-4 mr-3">
<!-- First Tier Drop Down -->
<label for="drop-2" class="toggle">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span> </label>
<a href="#">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span></a>
<input type="checkbox" id="drop-2" />
<ul>
<li><a href="#blog" class="scroll">Blogs</a></li>
<li><a href="#gallery" class="scroll">Projects</a></li>
<li><a href="#testimonials" class="scroll">Clients</a></li>
</ul>
</li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
</nav>
<!-- //nav -->
</div>
</header>
<!-- //header -->
<!-- banner -->
<div class="banner-info-w3ls">
<h1>Most Wanted It Girl Look
</h1>
<a href="#about" class="scroll">
<div class="icon-scroll">
<div class="mouse">
<div class="wheel"></div>
</div>
<div class="icon-arrows">
<span></span>
</div>
</div>
</a>
</div>
<!-- //banner -->
</div>
</div>
<!--// mian-content -->
<!-- about -->
<section class="about py-5" id="about">
<div class="container py-3">
<h3 class="title text-center text-white"><span class="ab">Some Info</span> About Me</h3>
<div class="about-grids mt-lg-5 mt-4 text-center">
<p class="main_p mb-5 text-center mx-auto">Integer porttitor mollisar lorem, at molestie arcu pulvinar ut.</p>
<h2 class="main_head">Nulla pellentesque mi non laoreet eleifend. Integer porttitor mollisar lorem. </h2>
<p class="main_p2 mt-4 mb-4 pt-2 text-center mx-auto">Nulla pellentesque mi non laoreet eleifend. Integer porttitor mollisar lorem, at molestie arcu pulvinar ut. Proin ac fermentum est. Cras mi ipsum, consectetur ac ipsum Proin ac </p>
<div class="whsat_bt text-center mx-auto">
<a href="#gallery" class="text-capitalize mr-2 work btn scroll">My Projects <span class="fa fa-photo" aria-hidden="true"></span></a>
</div>
</div>
</div>
</section>
<!-- about -->
<!-- services -->
<section class="slide-wrapper py-5" id="services">
<div class="container py-lg-5">
<h6 class="intr ser mx-auto">MY DETAILS</h6>
<img src="images/banner2.jpg" class="img-fluid" alt="">
<div class="text-center">
<h3 class="main_head1 mt-4">Integer porttitor mollisar </h3>
<p class="main_p3 mt-4 mb-4 text-center mx-auto"> Integer porttitor mollisar lorem, at molestie arcu pulvinar ut. </p>
</div>
<div class="services">
<div class="row service_w3top mt-5">
<div class="col-lg-6 ser-lt">
<div class="d-flex services-box">
<div class="ser-icon">
<span class="fa fa-comment"></span>
</div>
<!-- .Icon ends here -->
<div class="service-content">
<h2>Inagittis Lacg</h2>
<p class="serp">
Quisque sagittis lacus eu lorem sodalesd vulputate velitdipisc inagittis lacg enean adipiscing.
</p>
</div>
<!-- .Service-content ends here -->
</div>
<!-- .Services-box ends here -->
<div class="d-flex services-box ser-midd">
<div class="ser-icon">
<span class="fa fa-image"></span>
</div>
<!-- .Icon ends here -->
<div class="service-content">
<h4>Velitdipisc Inagittis</h4>
<p class="serp">
Quisque sagittis lacus eu lorem sodalesd vulputate velitdipisc inagittis lacg enean adipiscing.
</p>
</div>
<!-- .Service-content ends here -->
</div>
<!-- .Services-box ends here -->
<!-- .Services-box ends here -->
<div class="d-flex services-box bx-4">
<div class="ser-icon">
公司级网站源码-创意项目动态展示响应式网页模板-支持适配移动端.zip （33个子文件） 
公司级网站源码-创意项目动态展示响应式网页模板-支持适配移动端 html css 
style.css 26KB font-awesome.css 37KB bootstrap.css 174KB
index.html 29KB images 
move_up.png 411B
2.jpg 29KB footer.jpg 883KB te2.jpg 18KB prev.png 1KB 6.jpg 64KB banner.jpg 154KB n1.jpg 17KB 1.jpg 39KB next.png 1KB 5.jpg 39KB about2.jpg 136KB n3.jpg 16KB te1.jpg 18KB close.png 280B 8.jpg 27KB te3.jpg 20KB 3.jpg 71KB 7.jpg 32KB banner2.jpg 79KB n2.jpg 49KB 9.jpg 38KB 4.jpg 46KB fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
