<!--
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>Anent Personal Category Flat Bootstrap Responsive Website 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="Anent 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 -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- Font-Awesome-Icons-CSS -->
<!-- //Custom-Files -->
<!-- Web-Fonts -->
<link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
rel="stylesheet">
<!-- //Web-Fonts -->
</head>
<body>
<!-- home -->
<div id="home">
<!-- banner -->
<div class="banner_w3lspvt">
<div class="banner-top1">
<div class="container">
<div class="banner-text text-center">
<h1><a href="index.html" class="logo text-wh text-uppercase font-weight-light">Anent</a></h1>
<p class="text-bl text-li mt-3">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
doloremque
laudantium</p>
<div class="social-icons mt-4">
<ul class="list-unstyled">
<li>
<a href="#">
<span class="fa fa-facebook"></span>
</a>
</li>
<li>
<a href="#">
<span class="fa fa-twitter"></span>
</a>
</li>
<li>
<a href="#">
<span class="fa fa-google-plus"></span>
</a>
</li>
<li>
<a href="#">
<span class="fa fa-instagram"></span>
</a>
</li>
</ul>
</div>
<a href="#about" class="btn button-style mt-5">Read More</a>
</div>
</div>
</div>
</div>
<!-- //banner -->
</div>
<!-- //home -->
<!-- header -->
<header class="py-2">
<div class="container d-flex">
<h4 class="mt-2 let">My Profile</h4>
<!-- menu -->
<ul id="menu">
<li>
<input id="check02" type="checkbox" name="menu" />
<label for="check02"><span class="fa fa-bars" aria-hidden="true"></span></label>
<ul class="submenu">
<li><a href="index.html" class="active">Home</a></li>
<li><a href="#about">My Self</a></li>
<li><a href="#what">What i do ?</a></li>
<li><a href="#resume">My Resume</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#blog">Blog</a></li>
<li><a href="#hire">Hire Me</a></li>
</ul>
</li>
</ul>
<!-- //menu -->
</div>
</header>
<!-- //header -->
<!-- about -->
<section class="about py-5 position-relative" id="about">
<div class="container pt-lg-4 pb-4">
<h3 class="tittle-2">About Myself</h3>
<div class="row">
<div class="col-lg-6 about-img text-center">
<img class="img-fluid" src="images/ab2.png" alt="">
</div>
<div class="col-lg-6 about-right">
<h4 class="about-tit">Hi !<br>I'm Zack Lee</h4>
<p class="my-4">Lorem ipsum dolor sit amet Neque porro quisquam est qui dolorem Lorem int ipsum dolor sit amet
when an unknown printer took a galley of type.Vivamus id tempor felis.</p>
<p>Cras sagittis mi sit amet malesuada mollis. Mauris porroinit consectetur cursus tortor vel interdum.</p>
<a href="#hire" class="btn button-style-2 mt-5">Hire Me</a>
</div>
</div>
</div>
</section>
<!-- //about -->
<!-- about bottom -->
<div class="serives-w3pvts pb-5 pt-2">
<div class="container pb-xl-5 pb-lg-3">
<div class="row welcome-bottom text-center mx-auto">
<div class="col-lg-3 col-sm-6 welcome-grid">
<span class="fa fa-lightbulb-o"></span>
<h4 class="mt-4 mb-3 text-bl">Creative Director</h4>
</div>
<div class="col-lg-3 col-sm-6 welcome-grid mt-sm-0 mt-4">
<span class="fa fa-bar-chart"></span>
<h4 class="mt-4 mb-3 text-bl">Graphic Designer</h4>
</div>
<div class="col-lg-3 col-sm-6 welcome-grid mt-lg-0 mt-4">
<span class="fa fa-folder-open"></span>
<h4 class="mt-4 mb-3 text-bl">Application</h4>
</div>
<div class="col-lg-3 col-sm-6 welcome-grid mt-lg-0 mt-4">
<span class="fa fa-desktop"></span>
<h4 class="mt-4 mb-3 text-bl">Web Design</h4>
</div>
</div>
</div>
</div>
<!-- //about bottom -->
<!-- stats section -->
<div class="stats py-5">
<div class="container py-xl-5 py-lg-3">
<div class="row text-center py-sm-3">
<div class="col-md-3 col-sm-6 w3layouts_stats_left">
<p class="counter">800</p>
<p class="para-text-w3ls text-li">cups of coffee</p>
</div>
<div class="col-md-3 col-sm-6 w3layouts_stats_left mt-sm-0 mt-4">
<p class="counter">600</p>
<p class="para-text-w3ls text-li">projects</p>
</div>
<div class="col-md-3 col-sm-6 w3layouts_stats_left mt-md-0 mt-4">
<p class="counter">400</p>
<p class="para-text-w3ls text-li">clients</p>
</div>
<div class="col-md-3 col-sm-6 w3layouts_stats_left mt-md-0 mt-4">
<p class="counter">20</p>
<p class="para-text-w3ls text-li">partners</p>
</div>
</div>
</div>
</div>
<!-- //stats section -->
<!-- what -->
<div class="services text-center pt-5 pb-lg-5" id="what">
<div class="container py-xl-5 py-lg-3">
<h3 class="tittle text-center text-bl mb-sm-5 mb-4">What i do ?</h3>
<div class="row ser-styles ser-styles-res">
<div class="col-lg-4">
<div class="abt-block">
<div class="dodecagon">
<div class="dodecagon-in">
<div class="dodecagon-bg">
<span class="fa fa-mobile"></span>
</div>
</div>
</div>
<h3>Mobile Optimize</h3>
<p>Rutrum congue donec leo eget malesuada.</p>
</div>
</div>
<div class="col-lg-4">
<div class="abt-block border-back2">
<div class="dodecagon">
<div class="dodecagon-in">
<div class="dodecagon-bg back2">
<span class="fa fa-lightbulb-o"></span>
</div>
</div>
</div>
<h3>Innovative Ideas</h3>
<p>Rutrum congue donec leo eget malesuada.</p>
</div>
</div>
<div class="col-lg-4">
<div class="abt-block border-back3">
<div class="dodecagon">
<div class="dodecagon-in">
<div class="dodecagon-bg back3">
<span class="fa fa-pie-chart"></span>
</div>
</div>
</div>
<h3>Graphic Design</h3>
<p>Rutrum congue donec leo eget malesuada.</p>
</div>
</div>
</div>
<div class="row ser-styles">
<div class="col-lg-4">
<div class="abt-block border-back4">
<div class="dodecagon">
<div class="dodecagon-in">
<div class="dodecagon-bg back4">
<span class="fa fa-ravelry"></span>
</div>
</div>
</div>
<h3>Software</h3>
<p>Rutrum congue donec leo eget malesuada.</p>
</div>
</div>
<div class="col-lg-4">
<div class="abt-block border-back5">
<div class="dodecagon">
<div class="dodecagon-in">
<di
个人创意简历(可分享的网页)-个人商务展示网站模板 Bootstrap-响应式适配移动端.zip
版权申诉
8 浏览量
2024-03-18
11:30:29
上传
评论
收藏 2.4MB ZIP 举报
个人创意简历(可分享的网页)-个人商务展示网站模板 Bootstrap-响应式适配移动端.zip （27个子文件） 
个人创意简历(可分享的网页)-个人商务展示网站模板 Bootstrap-响应式适配移动端 html css 
style.css 22KB bootstrap.css 174KB font-awesome.min.css 30KB
index.html 20KB images 
g3.jpg 48KB g2.jpg 12KB bg5.jpg 306KB 2.jpg 128KB 1.jpg 157KB bg1.jpg 154KB
per2.png 475KB blog3.jpg 61KB g6.jpg 22KB move-top.png 3KB g5.jpg 34KB blog2.jpg 122KB ab2.png 194KB g4.jpg 16KB bg2.jpg 82KB g1.jpg 25KB blog1.jpg 31KB fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB资源评论
