<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--[if IE 7 ]> <html class= "ie7"> <![endif]-->
<!--[if IE 8 ]> <html class= "ie8"> <![endif]-->
<!--[if IE 9 ]> <html class= "ie9"> <![endif]-->
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Welcome To *Respond</title>
<!-- *************************************************************************
************************** STYLE SHEET *******************************
************************************************************************** -->
<link href="css/main.css" rel="stylesheet" type="text/css" />
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
<!-- *************************************************************************
************************** JS *******************************
************************************************************************** -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.quicksand.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"> </script>
<script type="text/javascript" src="js/hoverIntent.js"> </script>
<script type="text/javascript" src="js/superfish.js"> </script>
<script type="text/javascript" src="js/supersubs.js"> </script>
<script type="text/javascript" src="js/custom.js"> </script>
<script type="text/javascript" src="js/scrolltopcontrol.js"> </script>
<script type="text/javascript" src="js/twitter.js"> </script>
<script type="text/javascript">
$(document).ready(function(){
$("#form").val();
});
</script>
<!-- END OF SCRIPT FOR FORM -->
<!--Mobile Fix for header-->
<script type="text/javascript">
$(document).ready(function(){
$('.trigger').bind('touchstart', function(){
$('ul#.social').addClass('thover');
return false;
}).bind('touchend', function(){
$(this).removeClass('thover');
});
$('.searchtrigger').bind('touchstart', function(){
$('ul#search').addClass('thover');
return false;
}).bind('touchend', function(){
$(this).removeClass('thover');
});
});
</script>
<!--End Mobile Script-->
<!-- Menu to Select Setting -->
<script type="text/javascript">
// DOM ready
$(document).ready(function(){
// Create the dropdown base
$("<select />").appendTo("#top_menu");
// Create default option "Go to..."
$("<option />", {
"selected": "selected",
"value" : "",
"text" : "Menu Selection..."
}).appendTo("#top_menu select");
// Populate dropdown with menu items
$("#top_menu a").each(function() {
var el = $(this);
$("<option />", {
"value" : el.attr("href"),
"text" : el.text()
}).appendTo("#top_menu select");
});
// To make dropdown actually work
// To make more unobtrusive: http://css-tricks.com/4064-unobtrusive-page-changer/
$("#top_menu select").change(function() {
window.location = $(this).find("option:selected").val();
});
});
</script>
<!-- *************************************************************************
********************* THIS IS THE SOCIAL JS **************************
************************************************************************** -->
<!--[if lt IE 10]>
<script type="text/javascript">
$(document).ready(function(){
$('ul.social').hover(function(){
$(this).animate({width: "180px"}, {duration:1000, queue:false});
}, function(){
$(this).animate({width: "30px"}, {duration:1000, queue:false});
});
});
$('div#search').hover(function(){
$(this).animate({width: "180px"}, {duration:1000, queue:false});
}, function(){
$(this).animate({width: "34px"}, {duration:1000, queue:false});
});
});
</script>
<![endif]-->
<!-- END OF SCRIPT FOR SOCIAL -->
</head>
<body>
<!-- Start of toggleMe -->
<div id="toggleMe" style="display:none; overflow:hidden; height:40px;">
<!-- Start of header -->
<div id="header">
<p>Get this awesome theme today! Head over to <a href="http://themeforest.net">themeforest.net</a> and get yours!</p>
</div><!-- End of header -->
</div><!-- End of toggleMe -->
<!-- This is the button that opens and closes the toggle box at the top of the page -->
<a href="javascript:;" onmousedown="toggleSlide('toggleMe');" class="tog"><img src="img/close_tab.png" height="36" width="39" alt="toggle me" /></a>
<!-- Start of social bar wrapper -->
<div id="social_bar_wrapper">
<!-- Start of social_bar -->
<div id="social_bar">
<ul id="social">
<li class="trigger"></li>
<!-- Start of google -->
<li class="google"> <a href="http://google.com" target="_blank"><img src="img/google1.png" width="30" height="30" alt="google" /></a> </li>
<!-- Start of facebook -->
<li class="facebook"> <a href="http://facebook.com" target="_blank"><img src="img/facebook1.png" width="30" height="30" alt="facebook" /></a> </li>
<!-- Start of twitter -->
<li class="twitter"> <a href="http://twitter.com" target="_blank"><img src="img/twitter1.png" width="30" height="30" alt="twitter" /></a> </li>
<!-- Start of linkedin -->
<li class="linkedin"> <a href="http://linkedin.com" target="_blank"><img src="img/linkedin1.png" width="30" height="30" alt="linkedin" /></a> </li>
<!-- Start of dribbble -->
<li class="dribbble"> <a href="http://dribbble.com" target="_blank"><img src="img/dribbble1.png" width="30" height="30" alt="dribbble" /></a> </li>
</ul>
<!-- Start of search -->
<ul id="search">
<li class="searchtrigger">
<form>
<input type="text" value="Search" id="" name="s" onblur="if(this.value == '') { this.value = 'Search'; }" onfocus="if(this.value == 'Search') { this.value = ''; }" class="" />
</form>
</li>
</ul><!-- End of search -->
</div><!-- End of social bar -->
</div><!-- End of social bar wrapper -->
<!-- Start of menu wrapper -->
<div id="menu_wrapper">
<!-- Start of logo menu wrapper -->
<div id="logo_menu_wrapper">
<!-- Start of top logo -->
<div id="top_logo">
<a href="index.html"><img src="img/logo.png" height="40" width="247" alt="top logo" /></a>
</div><!-- End of top logo -->
<!-- Start of top menu -->
<div id="top_menu">
<ul class="sf-menu">
<li><a href="index.html">Home <span>That happy place</span></a></li>
<li><a href="portfolio.html">Portfolio <span>Some of my work</span></a></li>
<li><a class="active" href="blog.html">Blog <span>I love blogging</span></a>
<ul>
<li><a class="active" href="fullwidth.html">Full Width</a></li>
<li><a href="left-sidebar.html">Left Sidebar</a></li>
</ul>
</li>
<li><a href="contact.html">Contact <span>Drop me a line</span></a></li>
</ul>
</div><!-- End of top menu -->
<div class="clear"></div>
</div><!-- End of logo menu wrapper -->
</div><!-- End of menu wrapper -->
<!-- Start of slider wrapper -->
<div id="slider_wrapper">
<!-- Start of breadcrumb wrapper -->
<div id="breadcrumb_wrapper">
<h1>Full Width Styles Page</h1>
<!-- Start of breadcrumb -->
<div id="brea
html5精品网页 web前端网页制作 html5+css+js .rar
需积分: 5 169 浏览量
2024-06-05
23:55:30
上传
评论
收藏 719KB RAR 举报
html5精品网页 010.rar （70个子文件） 
html5精品网页 010 
portfolio.html 22KB left-sidebar.html 17KB js 
hoverIntent.js 3KB jquery.prettyPhoto.js 31KB jquery.flexslider-min.js 11KB supersubs.js 3KB superfish.js 4KB custom.js 27KB jquery.easing.1.3.js 8KB scrolltopcontrol.js 4KB twitter.js 8KB jquery.quicksand.js 14KB portfolio_single.html 15KB img 
message.png 2KB
blog_image2.jpg 22KB check.png 3KB blog_image.jpg 21KB portfolio3.jpg 28KB error.png 2KB twitter_normal.jpg 2KB facebook1.png 1KB quote_box.png 1KB slide2.jpg 79KB search_icon.jpg 1KB social.jpg 2KB topbar_bg.jpg 2KB logo_emblem.png 2KB
loading.gif 9KB portfolio7.jpg 23KB portfolio2.jpg 20KB logo.png 3KB close_tab.png 1KB divider.png 5KB alert.png 2KB google1.png 1KB portfolio9.jpg 21KB google.png 977B twitter.png 977B slide3.jpg 86KB portfolio5.jpg 11KB dribbble1.png 1KB dark_texture.jpg 33KB portfolio8.jpg 34KB info.png 2KB facebook.png 978B up.png 1KB slide.jpg 70KB linkedin1.png 1KB light_texture.jpg 10KB feat_img_shadow.png 4KB portfolio1.jpg 21KB portfolio4.jpg 12KB linkedin.png 976B twitter1.png 1KB dribbble.png 978B bullets.png 1KB portfolio_featured_image.jpg 29KB footer_logo.png 3KB portfolio6.jpg 12KB css muli-regular-webfont.woff 24KB main.css 71KB onramp-webfont.woff 13KB muli-regular-webfont.ttf 36KB Quicksand_Bold-webfont.woff 18KB onramp-webfont.ttf 30KB Quicksand_Bold-webfont.ttf 28KB fullwidth.html 42KB index.html 19KB contact.html 16KB blog.html 17KB资源评论
一只小小的眠羊
- 粉丝: 289
- 资源: 6
最新资源
- 1652189183080063_42AD52629C553C7BC65694A425954A3F_1.apk
- 王都创世物语魔改版.apk
- Linear_regrassion_with_gradien_decent_example.ipynb
- 1719163625521533_1e90151d86c4cc2fadb97a0a82d0fc0e
- 虚拟现实课件-第五章 3物理建模
- 虚拟现实课件-第五章 2运动建模
- A1-ERP（资源协同）管理平台需求说明书.pdf
- 基于springboot+sureness的面向REST API资源无状态认证权限管理系统（源码+数据库+说明文档）
- programming LSQUIC
- 基于Python的天气预测和天气可视化项目（源码+数据+视频演示+文档说明）.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
