<!DOCTYPE html>
<!--HTML5 Theme created by NORDiX-->
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<title>Metropol</title>
<meta name="description" content="">
<meta name="author" content="">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700|Six+Caps|Open+Sans+Condensed:700,300,300italic|Lobster+Two:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="./stylesheets/prettyPhoto.css" type='text/css'>
<link rel="stylesheet" href="./stylesheets/nivo-slider.css" />
<link rel="stylesheet" href="./stylesheets/skeleton.css">
<link rel="stylesheet" href="./stylesheets/layout.css">
<link rel="stylesheet" href="./stylesheets/color-setting.css">
<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="./js/jquery-1.6.4.min.js"><\/script>')</script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<!-- JavaScript files begin-->
<script type="text/javascript" src="./js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="./js/jquery.form.js"></script>
<script type="text/javascript" src="./js/jquery.ufvalidator-1.0.5.js"></script>
<script type="text/javascript" src="./js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="./js/gmap3.min.js"></script>
<script type="text/javascript" src="./js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="./js/raphael.js"></script>
<script type="text/javascript" src="./js/jquery.progression.1.3.js"></script>
<script type="text/javascript" src="./js/jquery.smooth-scroll.min.js"></script>
<script type="text/javascript" src="./js/waypoints.min.js"></script>
<script type="text/javascript" src="./js/custom.js"></script>
<script src="./js/jquery.ui.totop.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="./images/favicon.ico">
<link rel="apple-touch-icon" href="./images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="./images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="./images/apple-touch-icon-114x114.png">
<meta charset="UTF-8"></head>
<body>
<script type="text/javascript">
$(document).ready(function() {
$('a.op-cl').click(function() {
if($(".change").css("left")!="0px"){
$(".change").animate({left:"0px"},{duration:1500,easing: 'easeOutExpo'});
$('.change').find('.op-cl').removeClass("aclose").addClass("aopen");
}else{
$(".change").animate({left:"-130px"},{duration:1500,easing: 'easeOutExpo'});
$('.change').find('.op-cl').removeClass("aopen").addClass("aclose");
}
});
});
</script>
<style>
.change{ position:fixed; top:150px; left:0px; border:1px #cccccc solid; z-index:99999;background:#ffffff;}
.change a.op-cl{display:block; width:30px; height:30px; text-indent:-9999px; position:absolute; top:-1px; right:-30px; border-bottom:1px #cccccc solid; border-top:1px #cccccc solid; border-right:1px #cccccc solid; z-index:10;}
.aopen{ background:#ffffff url(./open-close.png) 0 -60px no-repeat;}
.aclose{background:#ffffff url(./open-close.png) 0 0 no-repeat;}
.color-change{ background:#ffffff; width:110px; padding:10px; display:inline-block;}
.color-change li{ float:left; margin:0 10px 10px 0;}
.color-change li.last{ margin-right:0;}
.color-change li.titles{ width:110px; font-size:14px;}
.color-change li.link{ width:110px; font-size:12px; margin-bottom:0;}
.color-change li a.color{ display:block; width:30px; height:30px; text-indent:-9999px;}
.color-change li a.links{ width:110px; font-size:13px;color:#25313d; text-align:center; display:block; text-transform:uppercase; padding:5px 0; border-bottom:#cccccc 1px solid;}
</style>
<div class="change">
<a href="#" class="op-cl aopen"></a>
<ul class="color-change">
<li class="link last">
<a href="./index.html" class="links">Style 1 </a>
<a href="./index-nivo.html" class="links">Style 1 nivo</a>
<a href="./style_2/index.html" class="links">Style 2 </a>
<a href="./style_2/index-nivo.html" class="links">Style 2 nivo</a>
<a href="./style_3/index.html" class="links">Style 3 </a>
<a href="./style_3/index-nivo.html" class="links">Style 3 nivo</a>
<a href="./style_4/index.html" class="links">Style 4 </a>
<a href="./style_4/index-nivo.html" class="links">Style 4 nivo</a>
<a href="./style_5/index.html" class="links">Style 5 </a>
<a href="./style_5/index-nivo.html" class="links">Style 5 nivo</a>
</li>
</ul>
</div>
<div class="top-row">
</div>
<header>
<div class="container">
<div class="sixteen columns">
<a href="#" class="logo">
</a>
<!--menu begin here -->
<ul class="main-navigation">
<li>
<a href="#top" class="current">home</a>
</li>
<li>
<a href="#about" class="skill-start">about
</a>
</li>
<li>
<a href="#portfolio">portfolio</a>
</li>
<li>
<a href="#blog">blog</a>
</li>
<li>
<a href="#features">features</a>
</li>
<li class="last">
<a href="#contact">contact</a>
</li>
</ul>
<!-- menu end here -->
</div>
</div>
</header>
<div class="shadow">
</div>
<!--section begin here -->
<article>
<section id="top">
<div class="container">
<div class="sixteen columns top-title-slider">
<h2>Hello, my name is <span>John Doe</span></h2>
</div>
<div id="sliders-cont" class="sixteen columns block-info">
<div id="sliders" class="nivoSlider theme-default">
<img src="./images/slider_img/img_slider.jpg" title="#htmlcaption" alt="">
<img src="./images/slider_img/img_slider2.jpg" title="Lorem ipsum dolor sit amet" alt="">
<img src="./images/slider_img/img_slider3.jpg" title="#htmlcaption2" alt="">
</div>
</div>
<div id="htmlcaption" class="nivo-html-caption">
This
is an example of a HTML
caption with
<a href="#">
a link
</a>
.
</div>
<div id="htmlcaption2" class="nivo-html-caption">
This
is an example of a caption with
<a href="#">
a link
</a>
.
</div>
<div class="one-third column block-info">
没有合适的资源?快使用搜索试试~ 我知道了~
漂亮的设计行业作品案例单页跳转模板
共615个文件
png:375个
js:80个
jpg:75个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 171 浏览量
2021-11-06
12:36:30
上传
评论
收藏 6.24MB RAR 举报
温馨提示
漂亮的设计行业作品案例单页跳转模板_墨绿色 漂亮 设计 个性 博客 设计师 行业 作品 案例 单面 跳转 专题 html5
资源推荐
资源详情
资源评论
收起资源包目录
漂亮的设计行业作品案例单页跳转模板 (615个子文件)
layout.css 21KB
layout.css 21KB
layout.css 21KB
layout.css 21KB
layout.css 21KB
prettyPhoto.css 19KB
prettyPhoto.css 19KB
prettyPhoto.css 19KB
prettyPhoto.css 19KB
prettyPhoto.css 19KB
skeleton.css 10KB
skeleton.css 10KB
skeleton.css 10KB
skeleton.css 10KB
skeleton.css 10KB
nivo-slider.css 3KB
nivo-slider.css 3KB
nivo-slider.css 3KB
nivo-slider.css 3KB
nivo-slider.css 3KB
reset.css 2KB
reset.css 2KB
reset.css 2KB
reset.css 2KB
reset.css 2KB
color-setting.css 2KB
color-setting.css 2KB
color-setting.css 2KB
color-setting.css 2KB
color-setting.css 2KB
loader.gif 6KB
loader.gif 6KB
loader.gif 6KB
loader.gif 6KB
loader.gif 6KB
loading.gif 5KB
loading.gif 5KB
loading.gif 5KB
loading.gif 5KB
loading.gif 5KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
default_thumbnail.gif 227B
default_thumbnail.gif 227B
default_thumbnail.gif 227B
default_thumbnail.gif 227B
default_thumbnail.gif 227B
index-nivo.html 78KB
index.html 78KB
index-nivo.html 77KB
index-nivo.html 77KB
index-nivo.html 77KB
index-nivo.html 77KB
index.html 76KB
index.html 76KB
index.html 76KB
index.html 76KB
contact.php.html 0B
contact.php.html 0B
contact.php.html 0B
contact.php.html 0B
contact.php.html 0B
favicon.ico 1KB
favicon.ico 1KB
favicon.ico 1KB
favicon.ico 1KB
favicon.ico 1KB
img_slider.jpg 167KB
img_slider.jpg 167KB
img_slider.jpg 167KB
img_slider.jpg 167KB
img_slider.jpg 167KB
img_slider-port.jpg 92KB
img_slider-port.jpg 92KB
img_slider-port.jpg 92KB
img_slider-port.jpg 92KB
img_slider-port.jpg 92KB
img_slider3.jpg 90KB
img_slider3.jpg 90KB
img_slider3.jpg 90KB
img_slider3.jpg 90KB
img_slider3.jpg 90KB
共 615 条
- 1
- 2
- 3
- 4
- 5
- 6
- 7
资源评论
半抹灯芯
- 粉丝: 54
- 资源: 1075
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功