<!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://www.moobnn.com/" target="_blank" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</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/
没有合适的资源?快使用搜索试试~ 我知道了~
宽屏漂亮大气的汽车企业官网模板-动画 jquery
共59个文件
png:20个
jpg:16个
html:8个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 66 浏览量
2022-11-10
10:04:17
上传
评论
收藏 4.72MB RAR 举报
温馨提示
宽屏漂亮大气的汽车企业官网模板_红色 黑色 漂亮 精品 大图 大气 全屏 图片 摄影 服装 汽车 交互 动画 jquery.rar
资源推荐
资源详情
资源评论
收起资源包目录
宽屏漂亮大气的汽车企业官网模板_红色 黑色 漂亮 精品 大图 大气 全屏 图片 摄影 服装 汽车 交互 动画 jquery.rar (59个子文件)
宽屏漂亮大气的汽车企业官网模板_红色 黑色 漂亮 精品 大图 大气 全屏 图片 摄影 服装 汽车 交互 动画 jquery
ftmp_21
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 16KB
js
jquery.min.js 91KB
gmap3.min.js 28KB
jquery.fancybox.js 22KB
supersized.3.2.7.min.js 25KB
script.js 7KB
共 59 条
- 1
资源评论
reg183
- 粉丝: 1817
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功