<!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
需积分: 0 12 浏览量
2023-09-12
08:43:19
上传
评论
收藏 1.37MB RAR 举报
前端设计师个人简介模板下载是一款单页html5个人简介网页模板.rar （47个子文件） 
style.css 23KB bootstrap.js 66KB main.css 4KB
f4.jpg 21KB FontAwesome.otf 122KB f2.jpg 17KB jquery.tools.min.js 17KB responsiveslides.min.js 3KB p9.jpg 42KB
prev.png 1KB s2.jpg 36KB jquery.mobile.custom.min.js 9KB SmoothScroll.min.js 6KB f1.jpg 23KB fontawesome-webfont.eot 75KB owl.carousel.css 1KB cm-overlay.css 3KB 6.jpg 60KB 1.jpg 95KB main.js 2KB font-awesome.css 34KB p8.jpg 39KB p4.jpg 59KB p6.jpg 61KB f3.jpg 15KB bars.js 2KB fontawesome-webfont.woff 88KB next.png 1KB fontawesome-webfont.woff2 70KB arrows.png 3KB bootstrap.css 138KB close.png 280B
index.html 23KB jquery-1.11.1.min.js 94KB p7.jpg 52KB owl.carousel.js 52KB p2.jpg 50KB jquery.cm-overlay.js 11KB
fontawesome-webfont.svg 382KB p3.jpg 46KB fontawesome-webfont.ttf 149KB p5.jpg 59KB 3.jpg 45KB p10.jpg 38KB owl.theme.css 2KB jarallax.js 14KB p1.jpg 48KB资源评论
