<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<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="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- bootstrap-css -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--// bootstrap-css -->
<!-- css -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--// css -->
<link rel="stylesheet" href="css/owl.carousel.css" type="text/css" media="all">
<link href="css/owl.theme.css" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="css/cm-overlay.css" />
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- font -->
<link href="http://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300' rel='stylesheet' type='text/css'>
<!-- //font -->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<!-- menu -->
<link rel="stylesheet" href="css/main.css">
<script type="text/javascript" src="js/main.js"></script>
<!-- //menu -->
<script>
$(document).ready(function() {
$("#owl-demo").owlCarousel({
autoPlay: 3000, //Set AutoPlay to 3 seconds
autoPlay:true,
items : 3,
itemsDesktop : [640,5],
itemsDesktopSmall : [414,4]
});
});
</script>
</head>
<body>
<!-- banner -->
<div class="banner" id="home">
<!-- menu -->
<div id="toggle_m_nav">
<div id="m_nav_menu" class="m_nav">
<div class="m_nav_ham" id="m_ham_1"></div>
<div class="m_nav_ham" id="m_ham_2"></div>
<div class="m_nav_ham" id="m_ham_3"></div>
</div>
</div>
<div id="m_nav_container" class="m_nav">
<ul id="m_nav_list" class="m_nav">
<li class="m_nav_item" id="m_nav_item_1"> <a href="#home">Home</a> </li>
<li class="m_nav_item" id="moble_nav_item_2"> <a href="#about">About</a> </li>
<li class="m_nav_item" id="moble_nav_item_3"> <a href="#statistics">Statistics</a> </li>
<li class="m_nav_item" id="moble_nav_item_4"> <a href="#experience">Experience</a> </li>
<li class="m_nav_item" id="moble_nav_item_5"> <a href="#projects">Projects</a> </li>
<li class="m_nav_item" id="moble_nav_item_6"> <a href="#contact">Contact</a> </li>
</ul>
</div>
<!-- menu -->
<div class="container">
<div class="agile-logo">
<h1><a href="index.html">Creative<span>Resume</span></a></h1>
</div>
<div class="w3l-banner-grids">
<div class="col-md-8 w3ls-banner-right">
<div class="banner-right-img">
<img src="images/1.jpg" alt="" />
</div>
<div class="banner-right-info">
<h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent scelerisque tellus dignissim dolor dignissim, sit amet convallis nisi dignissim.</h2>
<p>Donec dolor felis, consectetur eget massa non, mattis euismod est. Nam augue neque, hendrerit nec scelerisque non, ultrices at ligula. Praesent posuere, turpis eget lobortis elementum, ex ante ultricies ligula, sit amet varius lacus dui in magna. Aliquam erat volutpat. Nulla condimentum, enim vitae congue ultrices, nibh erat efficitur sem, vel iaculis lectus eros in turpis. Aliquam venenatis cursus suscipit.</p>
</div>
<div class="clearfix"> </div>
<div class="w3-button">
<div class="w3-button-info m_nav_item">
<a class="hvr-sweep-to-bottom" href="#contact">Contact Me</a>
</div>
</div>
<div class="social-grids">
<div class="social-info">
<h4>Follow : </h4>
</div>
<div class="agileinfo-social-grids">
<ul>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
<li><a href="#"><i class="fa fa-vk"></i></a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="col-md-4 w3ls-banner-left">
<div class="w3ls-banner-left-info">
<h4>Job Title</h4>
<p>Web Designer and Developer</p>
</div>
<div class="w3ls-banner-left-info">
<h4>Name</h4>
<p>Steve Watson</p>
</div>
<div class="w3ls-banner-left-info">
<h4>Sex</h4>
<p>Male</p>
</div>
<div class="w3ls-banner-left-info">
<h4>Address</h4>
<p>Eiusmod Tempor inclore Place,Kingsport 56777.</p>
</div>
<div class="w3ls-banner-left-info">
<h4>Email Address</h4>
<p><a href="mailto:example@email.com">mail@example.com</a></p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //banner -->
<!-- about -->
<div class="about" id="about">
<div class="container">
<div class="wthree-about-grids">
<div class="col-md-6 wthree-about-left">
<h3>About Me</h3>
<h4>Mauris molestie ultrices molestie. Sed rhoncus interdum ipsum, id fermentum sem pellentesque ut.</h4>
<p>Praesent egestas egestas felis, sit amet posuere massa malesuada eget. Phasellus sem urna, euismod sit amet orci laoreet, laoreet molestie purus. Nulla leo purus, blandit nec efficitur tempor, interdum vel enim. <span>Proin mauris mi, lobortis quis quam at, tristique dictum arcu. In lobortis, massa in porta posuere, orci orci tincidunt risus, vitae ultrices enim eros vel lacus.</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tincidunt tellus at est fermentum ultricies. Cras cursus semper libero. Vivamus non elit a diam elementum vulputate ac quis nisi. Suspendisse tellus massa, tempus in tristique a, eleifend non est. Duis consequat facilisis laoreet. </p>
</div >
<div class="col-md-6 wthree-about-right">
<h3>Skills</h3>
<div class="skills-bar">
<section class='bar'>
<section class='wrap'>
<div class='wrap_right'>
<div class='bar_group'>
<div class='bar_group__bar thin' label='jQuery' show_values='true' tooltip='true' value='343'></div>
<div class='bar_group__bar thin' label='AJAX' show_values='true' tooltip='true' value='235'></div>
<div class='bar_group__bar thin' label='PHP' show_values='true' tooltip='true' value='675'></div>
<div class='bar_group__bar thin' label='SASS' show_values='true' tooltip='true' value='456'></div>
<div class='bar_group__bar thin' label='HTML' show_values='true' tooltip='true' value='245'></div>
</div>
</div>
<div class='clear'></div>
</section>
</section>
</div>
</div >
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //about -->
<!-- statistics -->
<div class="jarallax statistics" id="statistics">
<div class="container">
<div class="w3-agileits-statistics-heading">
<h3>My Statistics</h3>
</div>
<div class="agile-statistics-grids">
<div class="col-sm-4 agile-statistics-grid">
<h4>1024</h4>
<i class="fa fa-desktop" aria-hidden="true"></i>
<p>Projects Complete</p>
</div>
<div class="col-sm-4 agile-statistics-grid statistics-grid2">
<h4>2746</h4>
<i class="fa fa-user" aria-hidden="true"></i>
<p>Clients</p>
</div>
<div class="col-sm-4 agile-statistics-grid">
<h4>575</h4>
<i class="fa fa-trophy" aria-hidden="true"></i>
<p>Awards</p>
</div>
<div class="clearfix"> </div>
</div>
<script src="js/jarallax.js"></script>
<script src="js/SmoothScroll.min.js"></script>
<script type="text/javascript">
前端设计师个人简介模板下载是一款单页html5个人简介网页模板。.rar
版权申诉
3 浏览量
2021-11-06
12:47:45
上传
评论
收藏 1.37MB RAR 举报
前端设计师个人简介模板下载是一款单页html5个人简介网页模板。.rar （47个子文件） 
前端设计师个人简介模板下载是一款单页html5个人简介网页模板。 moban1565 js 
bootstrap.js 66KB jquery.tools.min.js 17KB responsiveslides.min.js 3KB jquery.mobile.custom.min.js 9KB SmoothScroll.min.js 6KB main.js 2KB bars.js 2KB jquery-1.11.1.min.js 94KB owl.carousel.js 52KB jquery.cm-overlay.js 11KB jarallax.js 14KB css style.css 23KB main.css 4KB owl.carousel.css 1KB cm-overlay.css 3KB font-awesome.css 34KB bootstrap.css 138KB owl.theme.css 2KB
index.html 23KB images 
f4.jpg 21KB f2.jpg 17KB p9.jpg 42KB
prev.png 1KB s2.jpg 36KB f1.jpg 23KB 6.jpg 60KB 1.jpg 95KB p8.jpg 39KB p4.jpg 59KB p6.jpg 61KB f3.jpg 15KB next.png 1KB arrows.png 3KB close.png 280B p7.jpg 52KB p2.jpg 50KB p3.jpg 46KB p5.jpg 59KB 3.jpg 45KB p10.jpg 38KB p1.jpg 48KB fonts FontAwesome.otf 122KB fontawesome-webfont.eot 75KB fontawesome-webfont.woff 88KB fontawesome-webfont.woff2 70KB
fontawesome-webfont.svg 382KB fontawesome-webfont.ttf 149KB资源评论
