<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="css/dashboard.css" rel="stylesheet">
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<!--//theme-style-->
<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="Curriculum Vitae Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='#css?family=Ubuntu:300,400,500,700' rel='stylesheet' type='text/css'>
<link href='#css?family=Varela+Round' rel='stylesheet' type='text/css'>
<!-- start menu -->
</head>
<body>
<!-- header -->
<div class="col-sm-3 col-md-2 sidebar">
<div class="sidebar_top">
<h1>USER NAME</h1>
<img src="images/avt.png" alt=""/>
</div>
<div class="details">
<h3>PHONE</h3>
<p>+00 234 56 789</p>
<h3>EMAIL</h3>
<p><a href="mailto@example.com">mail@example.com</a></p>
<address>
<h3>ADDRESS</h3>
<span>Lorem ipsum,</span>
<span>Sed dolor sit,</span>
<span>Praesent porta.</span>
</address>
</div>
<div class="clearfix"></div>
</div>
<!---->
<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<!---//pop-up-box---->
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
<div class="content">
<div class="details_header">
<ul>
<li><a href="index.html"><span class="glyphicon glyphicon-file" aria-hidden="true"></span>Resume</a></li>
<li><a href="#"><span class="glyphicon glyphicon-print" aria-hidden="true"></span>Print CV</a></li>
<li><a href="contact.html"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>Email me</a></li>
<li><a class="play-icon popup-with-zoom-anim" href="#small-dialog"><span class="glyphicon glyphicon-picture" aria-hidden="true"></span>View photo</a></li>
<div id="small-dialog" class="mfp-hide">
<img src="images/g4.jpg" alt=""/>
</div>
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
</ul>
</div>
<div class="company">
<h3 class="clr1">Previous Employment</h3>
<div class="company_details">
<h4>Company Name <span>JUNE 2015 - PRESENT</span></h4>
<h6>WEB DESIGNER</h6>
<p class="cmpny1">Nulla volutpat at est sed ultricies. In ac sem consequat, posuere nulla varius, molestie lorem. Duis quis nibh leo.
Curabitur a quam eu mi convallis auctor nec id mauris. Nullam mattis turpis eu turpis tincidunt, et pellentesque leo imperdiet.
Vivamus malesuada, sem laoreet dictum pulvinar, orci lectus rhoncus sapien, ut consectetur augue nibh in neque. In tincidunt sed enim et tincidunt.</p>
</div>
<div class="company_details">
<h4>Company Name <span>NOVEMBER 2007 - MAY 2015</span></h4>
<h6>WEB DESIGNER</h6>
<p>Nulla volutpat at est sed ultricies. In ac sem consequat, posuere nulla varius, molestie lorem. Duis quis nibh leo.
Curabitur a quam eu mi convallis auctor nec id mauris. Nullam mattis turpis eu turpis tincidunt, et pellentesque leo imperdiet.
Vivamus malesuada, sem laoreet dictum pulvinar, orci lectus rhoncus sapien, ut consectetur augue nibh in neque. In tincidunt sed enim et tincidunt.</p>
</div>
</div>
<div class="skills">
<h3 class="clr2">Professional skills</h3>
<div class="skill_info">
<p>Duis egestas tortor metus, vitae venenatis tortor tristique at. Pellentesque dignissim purus vitae enim blandit, sed tristique enim malesuada. Maecenas dolor erat,
volutpat a tellus eu, euismod iaculis urna. Nulla dui purus, viverra viverra dolor non, malesuada dictum purus.</p>
</div>
<div class="skill_list">
<div class="skill1">
<h4>Software</h4>
<ul>
<li>Photoshop</li>
<li>Flash</li>
<li>Dreemweeaver</li>
<li>In Design</li>
</ul>
</div>
<div class="skill2">
<h4>Languages</h4>
<ul>
<li>HTML/CSS</li>
<li>ActionScript</li>
<li>PHP</li>
<li>Ruby on Rais</li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="education">
<h3 class="clr3">Education</h3>
<div class="education_details">
<h4>University of Awesome<span>JANUARY 2004 - OCTOBER 2015</span></h4>
<h6>MAJOR PHD</h6>
<p class="cmpny1">Nulla volutpat at est sed ultricies. In ac sem consequat, posuere nulla varius, molestie lorem. Duis quis nibh leo.
Curabitur a quam eu mi convallis auctor nec id mauris. Nullam mattis turpis eu turpis tincidunt, et pellentesque leo imperdiet.
Vivamus malesuada, sem laoreet dictum pulvinar, orci lectus rhoncus sapien, ut consectetur augue nibh in neque. In tincidunt sed enim et tincidunt.</p>
</div>
<div class="education_details">
<h4>University of Techonology, Newyork <span>APRIL 2001 - SEPTEMBER 2003</span></h4>
<h6>BACHELORS OF ARTS</h6>
<p>Nulla volutpat at est sed ultricies. In ac sem consequat, posuere nulla varius, molestie lorem. Duis quis nibh leo.
Curabitur a quam eu mi convallis auctor nec id mauris. Nullam mattis turpis eu turpis tincidunt, et pellentesque leo imperdiet.
Vivamus malesuada, sem laoreet dictum pulvinar, orci lectus rhoncus sapien, ut consectetur augue nibh in neque. In tincidunt sed enim et tincidunt.</p>
</div>
</div>
<div class="copywrite">
<p>Copyright © 2015.Company name All rights reserved.<a target="_blank" href="http://guantaow.taobao.com/">厚朴网络淘宝店</a><a target="_blank" href="http://www.moobnn.com">网页模板</a></p>
</div>
</div>
</div>
<!---->
</body>
</html>
浅蓝色个人网站模板是一款简单好看的个人简介HTML5网站模板.rar
需积分: 0 25 浏览量
2023-09-12
08:43:17
上传
评论
收藏 209KB RAR 举报
浅蓝色个人网站模板是一款简单好看的个人简介HTML5网站模板.rar （16个子文件） 
style.css 9KB bootstrap.min.css 115KB jquery.magnific-popup.js 45KB
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB dashboard.css 1KB glyphicons-halflings-regular.woff2 18KB popuo-box.css 5KB bootstrap.css 118KB
index.html 7KB contact.html 4KB
g4.jpg 10KB jquery.min.js 94KB
avt.png 5KB资源评论
