<!doctype html>
<html lang="en">
<head>
<title>Prive Vcard</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/responsive.css" type="text/css" media="screen" />
<!--[if lt IE 9]>
<script src="http//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<!-- Progress Bar -->
<div id="progress-back" class="load-item">
<div id="progress-bar"></div>
</div>
<!-- Arrow Navigation -->
<a id="prevslide" class="load-item"></a>
<a id="nextslide" class="load-item"></a>
<!-- Container -->
<div id="container" class="clearfix">
<!-- Header -->
<header>
<div id="logo"> <!-- Logo -->
<a href="index.html"><img alt="" src="images/logo.png" /></a>
</div>
<div id="menu" class="clearfix"> <!-- Navigation -->
<nav>
<ul>
<li><a href="#home" class="active">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<aside id="social-icon"> <!-- Social Icons -->
<ul>
<li><a href="#"><img alt="" src="images/gog.png" /></a></li>
<li><a href="#"><img alt="" src="images/twi.png" /></a></li>
<li><a href="#"><img alt="" src="images/fb.png" /></a></li>
</ul>
</aside>
</div>
</header>
<!-- End Header -->
<div class="inner_copyright">Collect from <a href="http//html5.songboy.net/" target="_blank" title="网页模板">网页模板</a></div>
<!-- Content -->
<div id="content">
<!-- About Page -->
<div id="about">
<div class="inner-content clearfix">
<div id="about-scroll">
<article class="left">
<h1>Welcome</h1>
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis</p>
<blockquote>This is Photoshop's version of Lorem Ipsum. Proin gravida auctor aliquet</blockquote>
<p>Lenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat.</p>
</article>
<article class="right">
<h1>Our Staff</h1>
<div class="img-staf clearfix">
<a href="#member1" rel="our-staff"><img alt="" src="upload/members/member-photo1.jpg" /></a>
<a href="#member2" rel="our-staff"><img alt="" src="upload/members/member-photo2.jpg" /></a>
<a href="#member3" rel="our-staff"><img alt="" src="upload/members/member-photo3.jpg" /></a>
<a href="#member4" rel="our-staff"><img alt="" src="upload/members/member-photo4.jpg" /></a>
<a href="#member5" rel="our-staff"><img alt="" src="upload/members/member-photo5.jpg" /></a>
<a href="#member6" rel="our-staff"><img alt="" src="upload/members/member-photo6.jpg" /></a>
<!-- Memeber Details -->
<div id="member1" class="members">
<img alt="" src="upload/members/member-photo1.jpg" />
<h3>John Smith</h3>
<span class="description">Front-End Developer</span>
<p>Quisque ultrices sodales orci, quis rhoncus justo auctor in. Phasellus dui eros, bibendum eu feugiat ornare, faucibus eu mi. Nunc aliquet tempus sem, id aliquam diam varius ac.</p>
<div class="social-box">
<a href="#" class="facebook"></a>
<a href="#" class="twitter"></a>
<a href="#" class="linkedin"></a>
</div>
</div>
<!-- End Memeber Details -->
<!-- Memeber Details -->
<div id="member2" class="members">
<img alt="" src="upload/members/member-photo2.jpg" />
<h3>John Smith</h3>
<span class="description">Front-End Developer</span>
<p>Quisque ultrices sodales orci, quis rhoncus justo auctor in. Phasellus dui eros, bibendum eu feugiat ornare, faucibus eu mi. Nunc aliquet tempus sem, id aliquam diam varius ac.</p>
<div class="social-box">
<a href="#" class="facebook"></a>
<a href="#" class="twitter"></a>
<a href="#" class="linkedin"></a>
</div>
</div>
<!-- End Memeber Details -->
<!-- Memeber Details -->
<div id="member3" class="members">
<img alt="" src="upload/members/member-photo3.jpg" />
<h3>John Smith</h3>
<span class="description">Front-End Developer</span>
<p>Quisque ultrices sodales orci, quis rhoncus justo auctor in. Phasellus dui eros, bibendum eu feugiat ornare, faucibus eu mi. Nunc aliquet tempus sem, id aliquam diam varius ac.</p>
<div class="social-box">
<a href="#" class="facebook"></a>
<a href="#" class="twitter"></a>
<a href="#" class="linkedin"></a>
</div>
</div>
<!-- End Memeber Details -->
<!-- Memeber Details -->
<div id="member4" class="members">
<img alt="" src="upload/members/member-photo4.jpg" />
<h3>John Smith</h3>
<span class="description">Front-End Developer</span>
<p>Quisque ultrices sodales orci, quis rhoncus justo auctor in. Phasellus dui eros, bibendum eu feugiat ornare, faucibus eu mi. Nunc aliquet tempus sem, id aliquam diam varius ac.</p>
<div class="social-box">
<a href="#" class="facebook"></a>
<a href="#" class="twitter"></a>
<a href="#" class="linkedin"></a>
</div>
</div>
<!-- End Memeber Details -->
<!-- Memeber Details -->
<div id="member5" class="members">
<img alt="" src="upload/members/member-photo5.jpg" />
<h3>John Smith</h3>
<span class="description">Front-End Developer</span>
<p>Quisque ultrices sodales orci, quis rhoncus justo auctor in. Phasellus dui eros, bibendum eu feugiat ornare, faucibus eu mi. Nunc aliquet tempus sem, id aliquam diam varius ac.</p>
<div class="social-box">
<a href="#" class="facebook"></a>
<a href="#" class="twitter"></a>
<a href="#" class="linkedin"></a>
</div>
</div>
<!-- End Memeber Details -->
<!-- Memeber Details -->
<div id="member6" class="members">
<img alt="" src="upload/members/member-photo6.jpg" />
<h3>John Smith</h3>
<span class="description">Front-End Developer</span>
<p>Quisque ultrices sodales orci, quis rhoncus justo auctor in. Phasellus dui eros, bibendum eu feugiat ornare, faucibus eu mi. Nunc aliquet tempus sem, id aliquam diam varius ac.</p>
<div class="social-box">
<a href="#" class="facebook"></a>
<a href="#" class="twitter"></a>
<a href="#" class="linkedin"></a>
</div>
</div>
<!-- End Memeber Details -->
</div>
</article>
</div>
</div>
</div>
<!-- End About Page -->
<!-- Portfolio Page -->
<div id="portfolio">
<article id="portfolio-list" class="inner-content clearfix">
<h1>Our Portfolio</h1>
<div id="portfolio-scroll">
<ul>
<li><a href="upload/portfolio/1.jpg" class="image" rel="gallery" title="Image 1"><img alt="" src="upload/portfolio/1.jpg" /></a></li>
<li><a href="http//www.youtube.com/embed/L9szn1QQfas?autoplay=1" class="video" title="Video 1"><img alt="" src="upload/portfolio/2.jpg" /></a></li>
<li><a href="upload/portfolio/3.jpg" class="image" rel="gallery" title="Image 3"><img alt="" sr
手机wap源码模板 (97).zip （59个子文件） 
css 
responsive.css 3KB font 
index.html 685B
bebasneue-webfont.svg 82KB bebasneue-webfont.woff 33KB bebasneue-webfont_162a16fe.eot 27KB bebasneue-webfont.ttf 96KB bebasneue-webfont.eot 27KB style.css 15KB upload slider 
2.jpg 1.49MB 1.jpg 471KB 3.jpg 754KB index.html 568B 4.jpg 753KB portfolio 2.jpg 28KB 1.jpg 129KB 6.jpg 137KB 3.jpg 279KB 5.jpg 206KB index.html 646B 4.jpg 173KB members index.html 786B member-photo1.jpg 37KB member-photo2.jpg 29KB member-photo4.jpg 34KB member-photo3.jpg 25KB member-photo5.jpg 27KB member-photo6.jpg 31KB index.html 531B images 
services_3.png 1KB next.png 1KB linkedin.png 2KB services_6.png 1KB gog.png 1KB prev.png 1KB services_4.png 1KB fb.png 1KB twi.png 1KB twitter.png 2KB index.html 1KB facebook.png 2KB back.png 3KB services_2.png 1KB
progress.gif 3KB hover_03.png 2KB logo.png 3KB fancybox fancybox_loading.gif 4KB blank.gif 43B index.html 602B fancybox_sprite.png 2KB forward.png 3KB services_1.png 1KB services_5.png 1KB pattern.png 3KB index.html 15KB js jquery.min.js 91KB gmap3.min.js 28KB jquery.fancybox.js 22KB supersized.3.2.7.min.js 25KB script.js 7KB资源评论
等天晴i
- 粉丝: 5935
- 资源: 10万+
最新资源
- NSKeyValueObservationException如何解决.md
- 基于Java的环境保护与宣传网站论文.doc
- 前端开发中的JS快速排序算法原理及实现方法
- 常见排序算法概述及其性能比较
- 形状分类31-YOLO（v5至v11）、COCO、CreateML、Darknet、Paligemma、VOC数据集合集.rar
- 2018年最新 ECshop母婴用品商城新版系统（微商城+微分销+微信支付）
- BookShopTuto.zip
- 论文复现：结合 CNN 和 LSTM 的滚动轴承剩余使用寿命预测方法
- MySQL中的数据库管理语句-ALTER USER.pdf
- 冒泡排序算法解析及优化.md
- 2024年智算云市场发展与生态分析报告
- qwewq23132131231
- 《木兰诗》教学设计.docx
- 《台阶》教学设计.docx
- 《卖油翁》文言文教学方案.docx
- 《老王》教学设计方案.docx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
