<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Colores - Responsive HTML vCard</title>
<meta name="keywords" content="Your keywords here">
<meta name="description" content="Your description">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="http://fonts.googleapis.com/css?family=Arvo" rel="stylesheet" type="text/css">
<link href="css/styles.css" rel="stylesheet" type="text/css">
<link href="include/js/poshytip/tip-twitter/tip-twitter.css" rel="stylesheet" type="text/css">
<link href="include/js/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css">
<link href="include/js/jnotify/jNotify.jquery.css" rel="stylesheet" type="text/css">
<!-- Front End -->
<link href='http://fonts.googleapis.com/css?family=Advent+Pro:500' rel='stylesheet' type='text/css'>
<link href="front-end/css/styles.css" rel="stylesheet" type="text/css">
<link href="front-end/js/dropkick/dropkick.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type="text/javascript" src="include/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="include/js/jquery.debouncedresize.js"></script>
<script type="text/javascript" src="include/js/jquery.animate-colors-min.js"></script>
<script type="text/javascript" src="include/js/slider/jquery.ba-bbq.min.js"></script>
<script type="text/javascript" src="include/js/slider/jquery.touchSwipe-1.2.5.js"></script>
<script type="text/javascript" src="include/js/slider/jquery.sudoSlider.min.js"></script>
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="include/js/poshytip/jquery.poshytip.min.js"></script>
<script type="text/javascript" src="include/js/fancybox/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="include/js/fancybox/helpers/jquery.fancybox-media.js"></script>
<script type="text/javascript" src="include/js/jnotify/jNotify.jquery.min.js"></script>
<script type="text/javascript" src="include/js/scripts.js"></script>
<!-- Front End -->
<script type="text/javascript" src="front-end/js/dropkick/jquery.dropkick-1.0.0.js"></script>
<script type="text/javascript" src="front-end/js/scripts.js"></script>
</head>
<body id="purple" class="pattern1">
<div class="selector">
<form method="get">
<h3>Colors</h3>
<select name="color">
<option value="blue" >Blue</option>
<option value="red" >Red</option>
<option value="gray" >Gray</option>
<option value="orange" >Orange</option>
<option value="green" >Green</option>
<option value="purple" selected>Purple</option>
<option value="pale-blue" >Pale Blue</option>
</select>
<div class="clear"></div>
<h3>Patterns</h3>
<ul class="patterns">
<li><a href="javascript:void(0)" id="pattern1" class="active"></a></li>
<li><a href="javascript:void(0)" id="pattern2"></a></li>
<li><a href="javascript:void(0)" id="pattern3"></a></li>
<div class="clear"></div>
<li><a href="javascript:void(0)" id="pattern4"></a></li>
<li><a href="javascript:void(0)" id="pattern5"></a></li>
<li><a href="javascript:void(0)" id="pattern6"></a></li>
<div class="clear"></div>
<li><a href="javascript:void(0)" id="pattern7"></a></li>
<li><a href="javascript:void(0)" id="pattern8"></a></li>
<li><a href="javascript:void(0)" id="pattern9"></a></li>
<div class="clear"></div>
<li><a href="javascript:void(0)" id="pattern10"></a></li>
<li><a href="javascript:void(0)" id="pattern11"></a></li>
<li><a href="javascript:void(0)" id="pattern12"></a></li>
</ul>
</form>
<div class="clear" style="height:15px;"></div>
</div>
<!-- start: #wrapper -->
<div id="wrapper">
<!-- start: #header -->
<header id="header">
<div class="decoration"></div>
<img src="images/photo.jpg" width="120" height="150" alt="Jhon Doe Photo" class="movil-photo">
<div class="clear"></div>
<hgroup class="alignleft">
<h1 class="arvo">JOHN DOE</h1>
<h2>graphic designer</h2>
</hgroup>
<a href="#" class="download">Download vCard</a>
<div class="social alignright">
<a href="#" class="dribble" target="_blank" title="Dribble"></a>
<a href="#" class="flickr" target="_blank" title="Flickr"></a>
<a href="#" class="twitter" target="_blank" title="Twitter"></a>
<a href="#" class="facebook" target="_blank" title="Facebook"></a>
<div class="clear"></div>
</div>
<div class="clear20"></div>
</header>
<!-- end: #header -->
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >Website Template</a></div>
<!-- start: .content -->
<div class="content">
<!-- end: .slider -->
<div class="slider">
<ul class="wrapper">
<li class="box">
<!-- start: #home -->
<div id="home">
<div class="border"></div>
<div class="info alignleft">
<ul class="info np">
<li><span class="title">NAME</span>John G. Doe Smith</li>
<li><span class="title">DATE OF BIRTH</span>February 14th, 1980</li>
<li><span class="title">ADDRESS</span>Road Hill 239, Florida</li>
<li><span class="title">PHONE</span>+56 069 234234</li>
</ul>
<ul class="info">
<li><span class="title">EMAIL</span>[email protected]</li>
<li><span class="title">WEBSITE</span><a href="#">www.johndoe.com ›</a></li>
</ul>
<div class="clear"></div>
</div>
<div class="about">
<img src="images/photo.jpg" width="120" height="150" alt="Jhon Doe Photo" class="alignleft photo">
<div class="alignright">
<p>Hello!</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p>Aenean commodo ligula eget dolor. Aenean massa. </p>
<p class="np">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<!-- end: #home -->
</li>
<li class="box">
<!-- start: #resume -->
<div id="resume">
<div class="border"></div>
<div class="alignleft">
<section class="skills">
<h3 class="np">SOFTWARE SKILLS</h3>
简单的个人web在线简历模板下载_简单个人简历web简历作品案例迷你窄切换html.rar
需积分: 0 193 浏览量
2023-09-12
08:48:05
上传
评论
收藏 1.55MB RAR 举报
简单的个人web在线简历模板下载_简单个人简历web简历作品案例迷你窄切换html.rar （75个子文件） 
pattern6.png 49KB skills-green.png 606B portfolio-red.png 374B success.png 1KB portfolio-purple.png 374B bg-black007.png 209B
2-th.jpg 5KB
jquery.animate-colors-min.js 2KB portfolio-green.png 374B error.png 925B pattern1.png 321B bg-purple.png 3KB portfolio-gray.png 42KB photo.jpg 4KB
blank.gif 43B jNotify.jquery.min.js 6KB bg-blue.png 1KB pattern11.png 34KB dk_arrows.png 234B social-blue.png 1KB pattern10.png 403B skills-gray.png 590B pattern12.png 314B fancybox_loading.gif 4KB jquery.fancybox-media.js 3KB pattern3.png 2KB 3-th.jpg 5KB social-pale-blue.png 1KB jquery.dropkick-1.0.0.js 11KB dropkick.css 3KB pattern8.png 58KB portfolio-orange.png 374B 4-th.jpg 12KB jquery.poshytip.min.js 10KB tip-twitter.css 1KB portfolio-pale-blue.png 374B bg-orange.png 2KB jquery.fancybox.pack.js 17KB pattern4.png 108B jquery-1.7.2.min.js 93KB social-green.png 1KB bg-green.png 2KB skills-pale-blue.png 601B jquery.touchSwipe-1.2.5.js 3KB bg-pale-blue.png 3KB fancybox_sprite.png 2KB pattern5.png 42KB portfolio-blue.png 374B skills-blue.png 590B social-purple.png 1KB fancybox_custom_buttons.png 355B pattern7.png 83KB info.png 3KB social-orange.png 1KB
index.html 15KB skills-red.png 590B 1-th.jpg 5KB skills-purple.png 610B pattern9.png 217KB jquery.ba-bbq.min.js 4KB bg-red.png 1KB pattern2.png 521B social-red.png 1KB jNotify.jquery.css 1KB styles.css 2KB skills-orange.png 582B jquery.sudoSlider.min.js 9KB 3.jpg 339KB bg-gray.png 2KB themes.css 7KB scripts.js 4KB jquery.fancybox.css 4KB social-gray.png 48KB jquery.debouncedresize.js 1KB 4.jpg 211KB资源评论
