<!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
版权申诉
185 浏览量
2021-11-06
12:51:35
上传
评论
收藏 1.58MB RAR 举报
简单的个人web在线简历模板下载_简单 个人 简历 web简历 作品 案例 迷你 窄 切换 html.rar （89个子文件） 
简单的个人web在线简历模板下载_简单 个人 简历 web简历 作品 案例 迷你 窄 切换 html ftmp_181_ly include js 
jquery.animate-colors-min.js 2KB jnotify 
success.png 1KB error.png 925B jNotify.jquery.min.js 6KB info.png 3KB jNotify.jquery.css 1KB jquery-1.7.2.min.js 93KB poshytip jquery.poshytip.min.js 10KB tip-twitter tip-twitter.css 1KB fancybox 
blank.gif 43B fancybox_loading.gif 4KB jquery.fancybox.pack.js 17KB helpers jquery.fancybox-media.js 3KB fancybox_sprite.png 2KB fancybox_custom_buttons.png 355B jquery.fancybox.css 4KB slider jquery.touchSwipe-1.2.5.js 3KB jquery.ba-bbq.min.js 4KB jquery.sudoSlider.min.js 9KB scripts.js 4KB jquery.debouncedresize.js 1KB css styles.css 12KB themes.css 7KB
index.html 15KB front-end js dropkick jquery.dropkick-1.0.0.js 11KB dropkick.css 3KB images dk_arrows.png 234B scripts.js 371B css styles.css 2KB images patterns pattern6.png 49KB pattern1.png 321B pattern11.png 34KB pattern10.png 403B pattern12.png 314B pattern3.png 2KB pattern8.png 58KB pattern4.png 108B pattern5.png 42KB pattern7.png 83KB pattern9.png 217KB pattern2.png 521B images skills-green.png 606B patterns pattern6.png 49KB pattern1.png 321B pattern11.png 34KB pattern10.png 403B pattern12.png 314B pattern3.png 2KB pattern8.png 58KB pattern4.png 108B pattern5.png 42KB pattern7.png 83KB pattern9.png 217KB pattern2.png 521B portfolio-red.png 374B portfolio-purple.png 374B bg-black007.png 209B portfolio-green.png 374B bg-purple.png 3KB portfolio-gray.png 42KB
photo.jpg 4KB bg-blue.png 1KB social-blue.png 1KB skills-gray.png 590B portfolio 2-th.jpg 5KB 3-th.jpg 5KB 4-th.jpg 12KB 1-th.jpg 5KB 3.jpg 339KB 4.jpg 211KB social-pale-blue.png 1KB portfolio-orange.png 374B portfolio-pale-blue.png 374B bg-orange.png 2KB social-green.png 1KB bg-green.png 2KB skills-pale-blue.png 601B bg-pale-blue.png 3KB portfolio-blue.png 374B skills-blue.png 590B social-purple.png 1KB social-orange.png 1KB skills-red.png 590B skills-purple.png 610B bg-red.png 1KB social-red.png 1KB skills-orange.png 582B bg-gray.png 2KB social-gray.png 48KB资源评论
