<!--
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="en">
<head>
<title>Apt Resume a Personal Category Bootstrap Responsive website Template | Home :: w3layouts</title>
<!-- 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="Apt Resume 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 -->
<!-- Style Sheets -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- //Style Sheets -->
<!--web-fonts-->
<link href="//fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
<!--//web-fonts-->
</head>
<body>
<!-- banner -->
<div class="banner" id="home">
<div class="container">
<!-- header -->
<header>
<div class="header-bottom-agileits">
<div class="w3-logo">
<h1><a href="index.html">Apt Resume<span class="sub-logo">Apt Resume</span></a></h1>
</div>
<!-- navigation -->
<nav class="navbar navbar-default shift">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</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 class="active" href="index.html">Home</a></li>
<li><a class="scroll" href="#about">About</a></li>
<li><a class="scroll" href="#skills">Skills</a></li>
<li><a class="scroll" href="#portfolio">Portfolio</a></li>
<li><a class="scroll" href="#contact">Contact</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</nav>
</div>
<div class="clearfix"></div>
<!-- //navigation -->
</header>
<!-- //header -->
<div class="banner-text-w3-agileits">
<h5>Hi, I'm</h5>
<h2><span>S</span>teve <span>M</span>artin</h2>
<p>Web Designer & Director</p>
<div class="botton">
<a href="#about" class="scroll">About me <span class="fa fa-caret-right"></span></a>
</div>
</div>
</div>
</div>
<!-- //banner -->
<!--about-->
<div class="about-w3layouts" id="about">
<div class="container">
<div class="tittle-agileinfo">
<div class="title-wthree">
<h5 class="title-w3"><span>01</span>About Me</h5>
<div class="clearfix"></div>
</div>
<div class="about-top">
<h3 class="subheading-agileits-w3layouts">Some words about me</h3>
<p class="para-agileits-w3layouts">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis tristique est, et egestas odio. Mauris ac tristique
arcu, sed interdum risus. </p>
</div>
</div>
<div class="col-md-4 about-left-agileits">
<div class="services-grids social">
<a class="fa fa-delicious" aria-hidden="true"></a>
<p class="para-agileits-w3layouts">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="clearfix"></div>
<h6>Logo Design</h6>
</div>
<div class="services-grids">
<a class="fa fa-globe" aria-hidden="true"></a>
<p class="para-agileits-w3layouts">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<h6>Website</h6>
</div>
<div class="services-grids">
<a class="fa fa-desktop" aria-hidden="true"></a>
<p class="para-agileits-w3layouts">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<h6>Softwares</h6>
</div>
<div class="services-grids">
<a class="fa fa-mobile" aria-hidden="true"></a>
<p class="para-agileits-w3layouts">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<h6>Applications</h6>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-8 about-right">
<div class="about-border-w3ls">
</div>
<div class="person-info-agileits-w3layouts">
<p class="para-agileits-w3layouts"><span>Hi!, Iam Steve Martin </span>Nam arcu mauris, tincidunt sed convallis non, egestas ut lacus. Cras sapien urna,
malesuada ut varius consequat, hendrerit nisl. Aliquam vestibulum, odio non ullamcorper malesuada.Nam arcu mauris,
tincidunt sed convallis non, egestas ut lacus.</p>
<ul>
<li><span>Name</span>: Steve Martin</li>
<li><span>Age</span>: 29 Years</li>
<li><span>Experience</span>: +8 Years</li>
<li><span>Email</span>: <a href="mailto:[email protected]">[email protected]</a></li>
<li><span>Phone</span>: (012) 345 6789</li>
<li><span>Website</span>: <a href="#">www.mywebsite.com</a></li>
<li><span>Address</span>: 27 Nether Street, Finchley, UK</li>
<li><a href="#" class="botton-w3ls">Download CV</a>
</li>
</ul>
<div class="clearfix"></div>
<div class="pos-w3ls">
<h4><span class="red-w3ls">Get</span> in touch</h4>
<div class="button-w3layouts"><a href="#contact" class="scroll">Contact Me</a></div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--//about-->
<!--education-->
<div class="display-w3lsagile">
<div class="col-md-7 col-sm-7 edu-img-agileits">
</div>
<div class="col-md-5 col-sm-5 display-grid-w3lsagile display-grid-1-w3lsagile">
<!-- Scrolling-Articles -->
<div class="activity_box agileits w3layouts">
<div class="title-wthree">
<h5 class="title-w3"><span>02</span>Education</h5>
<div class="clearfix"></div>
</div>
<div class="scrollbar agileits w3layouts" id="style-2">
<div class="activity-row agileits w3layouts">
<div class="activity-img agileits w3layouts">
<h6>2003-2007</h6>
</div>
<div class="activity-desc agileits w3layouts">
<h5>University Name</h5>
<p class="para-agileits-w3layouts">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec congue risus. In non nulla lacus. Maecenas
eros sapien, eleifend quis augue eu, pellentesque tincidunt tellus.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="activity-row agileits w3layouts">
<div class="activity-img agileits w3layouts">
<h6>2001-2003</h6>
</div>
<div class="activity-desc agileits w3layouts">
<h5>College Name</h5>
<p class="para-agileits-w3layouts">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec congue risus. In non nulla lacus. Maecenas
eros sapien, eleifend quis augue eu, pellentesque tincidunt tellus.</p>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- //Scrolling-Articles -->
</div>
<div class="clearfix"></div>
</div>
<!--//education-->
<!--experience-->
<d
个人创意简历(可分享的网页)-高级设计师个人简历网页模板 Bootstrap-响应式适配移动端.zip
版权申诉
28 浏览量
2024-03-18
11:29:59
上传
评论
收藏 1.32MB ZIP 举报
个人创意简历(可分享的网页)-高级设计师个人简历网页模板 Bootstrap-响应式适配移动端.zip （39个子文件） 
个人创意简历(可分享的网页)-高级设计师个人简历网页模板 Bootstrap-响应式适配移动端 html js 
bootstrap.js 68KB jquery.chocolat.js 10KB jquery-2.2.3.min.js 84KB easing.js 5KB move-top.js 1KB css style.css 33KB font-awesome.css 34KB bootstrap.css 143KB chocolat.css 2KB
index.html 21KB images 
award.jpg 46KB 2.jpg 29KB 6.jpg 34KB banner.jpg 207KB 1.jpg 33KB award1.jpg 36KB
left.png 401B 5.jpg 38KB exp.jpg 30KB close.png 421B 8.jpg 26KB arr.png 4KB right.png 396B edu.jpg 41KB 3.jpg 21KB 7.jpg 42KB 9.jpg 23KB 4.jpg 15KB fonts FontAwesome.otf 122KB
glyphicons-halflings-regular.svg 106KB 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.svg 382KB fontawesome-webfont.ttf 149KB资源评论
