<!--
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>My Career a Personal Category Flat Bootstrap Responsive Website Template | Home :: w3layouts</title>
<!-- custom-theme -->
<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="My Career 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 type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<link rel="stylesheet" href="css/lightbox.css"><!-- for gallery css -->
<!-- banner text effect css files -->
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/style3.css" />
<!-- banner text effect css files -->
<!-- Navigation-CSS --> <link rel="stylesheet" href="css/menu_sideslide.css" type="text/css" media="all">
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="all" /><!-- for testimonials -->
<link href="css/bars.css" rel="stylesheet" type="text/css"><!-- for skills -->
<!-- custom-theme files -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- //custom-theme files -->
<!-- font-awesome-icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome-icons -->
<!-- googlefonts -->
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
<!-- //googlefonts -->
</head>
<body>
<!-- Header -->
<div class="aitsheaderw3ls" id="agilehome">
<!-- Navigation -->
<div class="agiletopbar">
<div class="wthreenavigation">
<div class="menu-wrap">
<nav class="menu">
<div class="icon-list">
<a class="scroll active" href="#agilehome"><i class="fa fa-home"></i><span>Home</span></a>
<a class="scroll" href="#about"><i class="fa fa-info"></i><span>About</span></a>
<a class="scroll" href="#skills"><i class="fa fa-bar-chart"></i><span>Skills</span></a>
<a class="scroll" href="#gallery"><i class="fa fa-picture-o"></i><span>Portfolio</span></a>
<a class="scroll" href="#education"><i class="fa fa-book"></i><span>Education</span></a>
<a class="scroll" href="#experience"><i class="fa fa-university"></i><span>Experience</span></a>
<a class="scroll" href="#stats"><i class="fa fa-laptop"></i><span>Technical Skills</span></a>
<a class="scroll" href="#contact"><i class="fa fa-phone"></i><span>Contact Me</span></a>
</div>
</nav>
<button class="close-button" id="close-button">Close Menu</button>
</div>
<button class="menu-button" id="open-button">Open Menu</button>
</div>
<div class="agileinfomenu">
<p>MENU</p>
</div>
<div class="aitslogow3ls">
<a href="index.html"><div class="agilelogo">My Career</div></a>
</div>
<div class="wthreecontact">
<p><a class="scroll" href="#contact"><i class="fa fa-envelope-o" aria-hidden="true"></i> CONTACT ME</a></p>
</div>
<div class="clearfix"></div>
</div>
<!-- //Navigation -->
</div>
<!-- //Header -->
<!-- Banner -->
<div class="banner">
<div class="container">
<div class="w3_banner_info">
<div class="w3_banner_info_grid">
<h1>Albert son</h1>
<h2 class="rw-sentence">
<span>Software Engineer and</span>
<div class="rw-words rw-words-1">
<span>UI/UX Designer.</span>
<span>Web Developer</span>
<span>App Developer</span>
<span>Graphic Designer</span>
<span>Team Leader</span>
<span>Programmer</span>
</div>
</h2>
<ul class="social-nav model-3d-0 footer-social w3_agile_social">
<li><a href="#" class="facebook">
<div class="front"><i class="fa fa-facebook" aria-hidden="true"></i></div>
<div class="back"><i class="fa fa-facebook" aria-hidden="true"></i></div></a>
</li>
<li><a href="#" class="twitter">
<div class="front"><i class="fa fa-twitter" aria-hidden="true"></i></div>
<div class="back"><i class="fa fa-twitter" aria-hidden="true"></i></div></a>
</li>
<li><a href="#" class="instagram">
<div class="front"><i class="fa fa-instagram" aria-hidden="true"></i></div>
<div class="back"><i class="fa fa-instagram" aria-hidden="true"></i></div></a>
</li>
<li><a href="#" class="pinterest">
<div class="front"><i class="fa fa-linkedin" aria-hidden="true"></i></div>
<div class="back"><i class="fa fa-linkedin" aria-hidden="true"></i></div></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- //Banner -->
<!-- About -->
<div class="about" id="about">
<div class="container">
<h3 class="heading">About Me</h3>
<div class="col-md-6 aboutleft">
<img src="images/about.jpg" alt="" />
</div>
<div class="col-md-6 aboutright">
<div class="clients">
<section class="slider">
<div class="flexslider">
<ul class="slides">
<li>
<h3>Personal information</h3>
<ul class="address">
<li>
<ul class="agileits-address-text ">
<li><b>D.O.B</b></li>
<li>21-04-1990</li>
</ul>
</li>
<li>
<ul class="agileits-address-text">
<li><b>PHONE</b></li>
<li>+0(12) 111 183 3166</li>
</ul>
</li>
<li>
<ul class="agileits-address-text">
<li><b>EXPERIENCE</b></li>
<li>+4 Years</li>
</ul>
</li>
<li>
<ul class="agileits-address-text">
<li><b>ADDRESS </b></li>
<li>10 Eunos Road 8, Mandalay Towers, Singapore.</li>
</ul>
</li>
<li>
<ul class="agileits-address-text">
<li><b>E-MAIL </b></li>
<li><a href="mailto:example@mail.com"> info@example.com</a></li>
</ul>
</li>
<li>
<ul class="agileits-address-text">
<li><b>WEBSITE </b></li>
<li><a href="#">www.mywebsite.com</a></li>
</ul>
</li>
</ul>
<div class="clearfix"></div>
<ul class="hireme">
<li><a href="#" class="w3ls_more">Hire Me</a></li>
<li><a href="#" class="w3l_contact"><i class="fa fa-download" aria-hidden="true"></i> Download CV</a></li>
</ul>
</li>
<li>
<h3>Hi, Iam Albert son</h3>
<h4>UI/UX designer - +4 years of coding experience</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation .</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>
</li>
</ul>
</div>
</section>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"></div>
</div>
</div>
<!-- About -->
<!-- Skills -->
<section class="skills" id="skills">
<div class="container">
<h3 class="heading">Skills</h3>
<div class='col-md-8 bar'>
<p class="bar-p">Phasellus dign
【网页设计期末作业】职业经历展示简历响应式网页模板HTML源码.zip （50个子文件） 
【网页设计期末作业】职业经历展示简历响应式网页模板HTML源码 html js 
bootstrap.js 68KB lightbox-plus-jquery.min.js 91KB SmoothScroll.min.js 13KB numscroller-1.0.js 4KB jquery.flexslider.js 39KB main.js 1KB bars.js 2KB easing.js 5KB modernizr.custom.72111.js 7KB classie.js 2KB move-top.js 1KB jquery-2.1.4.min.js 82KB css style.css 27KB demo.css 3KB flexslider.css 4KB bars.css 8KB menu_sideslide.css 5KB font-awesome.css 37KB bootstrap.css 138KB style3.css 3KB lightbox.css 4KB
index.html 23KB images 
stats.jpg 94KB gallery8.jpg 114KB gallery3.jpg 100KB
prev.png 1KB arrow.png 4KB about.jpg 164KB
loading.gif 8KB gallery7.jpg 178KB gallery11.jpg 149KB next.png 1KB gallery6.jpg 84KB banner1.jpg 755KB gallery10.jpg 75KB close.png 280B gallery2.jpg 108KB gallery9.jpg 99KB gallery4.jpg 188KB gallery5.jpg 41KB gallery1.jpg 130KB fonts FontAwesome.otf 122KB 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.ttf 149KB资源评论
柯晓楠
- 粉丝: 2w+
- 资源: 2847
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
