<!-- # ------------------------------------------------------------------
# kickassGFX.net - Best Graphic Source - Free Themes, Scripts & Plugins
# -----------------------------------------------------------------------
# This file has been downloaded from KickassGFX.net
# Homepage: http://www.kickassgfx.net/
# -----------------------------------------------------------------------
# You'll find your Updates everyday at KickassGFX.net
# -----------------------------------------------------------------------
# If you need support with this template you can
# contact us at http://www.kickassgfx.net/
# ------------------------------------------------------------------- -->
<!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">
<head>
<meta name="viewport" content="initial-scale=1, maximum-scale=1" />
<meta name="viewport" content="width=device-width" />
<title>Downloaded from KickassGFX.net</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="css/jqueryslidemenu.css" rel="stylesheet" type="text/css" />
<link href="css/widgets.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/quicksand.css" />
<link rel="stylesheet" type="text/css" href="css/portfolio.css" />
<link href="css/skin.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/responsive.css" />
<link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' />
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="js/jqueryslidemenu.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script type="text/javascript" src="js/quicksand.js"></script>
<script type="text/javascript" src="js/portfolio_sortable.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("a.example6").fancybox({
'titlePosition' : 'outside',
'overlayColor' : '#000',
'overlayOpacity' : 0.9
});
});
</script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/css3-mediaqueries.js"></script>
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<div id="background_bg_inner"></div>
<!-- container Start -->
<section id="container">
<!-- top section Start -->
<header>
<figure id="logo"><a href="index.html"><img src="images/logo.png" alt="img" /></a></figure>
<div class="top_right">
<ul class="top_info">
<li><span class=" call_1st_col">Call:</span> <span class="call_2nd_col">+145-58-6254</span></li>
<li><span class=" call_1st_col">Fax:</span> <span class="call_2nd_col">+03.2312.4442</span></li>
<li><span class=" call_1st_col">Mail:</span> <span class="call_2nd_col">[email protected]</span></li>
</ul>
<div id="social_media">
<img src="images/rss_icon.png" alt="img" />
<img src="images/twitter_icon.png" alt="img" />
<img src="images/facebook_icon.png" alt="img" />
<img src="images/skype_icon.png" alt="img" />
<img src="images/link_in_icon.png" alt="img" />
</div>
</div>
</header>
<!-- top section end -->
<!-- Nav start -->
<nav>
<div id="myslidemenu" class="jqueryslidemenu clearfix">
<ul>
<li><a href="index.html"><i class="icon-home"></i>HOME</a></li>
<li><a href="about.html"><i class="icon-user"></i>ABOUT US</a></li>
<li><a class="active" href="portfolio.html"><i class="icon-briefcase"></i>PORTFOLIO</a>
<ul>
<li><a href="portfolio_3col.html"><i class="icon-briefcase"></i>PORTFOLIO 3</a></li>
<li><a href="portfolio_2col.html"><i class="icon-briefcase"></i>PORTFOLIO 2</a></li>
<li><a href="portfolio_1col.html"><i class="icon-briefcase"></i>PORTFOLIO 1</a></li>
</ul>
</li>
<li><a href="blog.html"><i class="icon-pencil"></i>BLOG</a></li>
<li><a href="typography.html"><i class="icon-file"></i>TYPOGRAPHY</a>
<ul>
<li><a href="columns.html"><i class="icon-columns"></i>COLUMNS</a></li>
<li><a href="pricing.html"><i class="icon-table"></i>PRICING TABLES</a></li>
</ul>
</li>
<li><a href="contact.html"><i class="icon-envelope"></i>CONTACT US</a></li>
</ul>
</div>
</nav>
<!-- Nav end -->
<!-- Content wide start -->
<section class="content">
<section class="sub_header">
<h2>Portfolio 4 Column</h2>
<h5>This is an example of a 4 Column portfolio sortable.</h5>
<div class="search_box">
<form id="searchform" class="searchform" action="#" method="get" />
<span>
<input id="s" class="text_input" type="text" onblur="if (this.value == '') {this.value = 'Search..'}" onfocus="if(this.value == 'Search..') {this.value = '';}" name="s" value="Search.." />
</span>
<input class="search_button" type="submit" value="" />
</form>
</div>
</section>
<ul class="splitter" id="filter">
<li>
<ul>
<li class="segment-1 selected-1"><a href="#" data-value="all">All</a></li>
<li class="segment-0"><a href="#" data-value="buisness">Buisness</a></li>
<li class="segment-2"><a href="#" data-value="logo">Logos</a></li>
</ul>
</li>
</ul>
<div class="demo">
<ul id="list" class="image-grid">
<li data-id="id-1" class="buisness">
<div class="portfolio_content">
<span class="pf_img_br"></span>
<img src="images/portfolio_4col_img_10.png" alt="img" />
<h4><a href="portfolio_single_page.html">Lemon Water</a></h4>
<p>Blandit Varius</p>
<div class="link_btn">
<a href="images/portfolio_1col_img_1.png" class="zoom example6"></a>
<a href="portfolio_single_page.html" class="link_post"></a>
<div class="overlay"></div>
</div>
</div>
</li>
<li data-id="id-2" class="logo">
<div class="portfolio_content">
<span class="pf_img_br"></span>
<img src="images/portfolio_4col_img_12.png" alt="img" />
<h4><a href="portfolio_single_page.html">The Management</a></h4>
<p>Duis dignissim</p>
<div class="link_btn">
<a href="images/portfolio_3col_img_2.png" class="zoom example6"></a>
<a href="portfolio_single_page.html" class="link_post"></a>
<div class="overlay"></div>
</div>
</div>
</li>
<li data-id="id-3" class="logo">
<div class="portfolio_content">
<span class="pf_img_br"></span>
<img src="images/portfolio_4col_img_3.png" alt="img" />
<h4><a href="portfolio_single_page.html">Sun Glasses</a></h4>
<p>Curabitur</p>
<div class="link_btn">
<a href="images/portfolio_2col_img_3.png" class="zoom example6"></a>
<a href="portfolio_single_page.html" class="link_post"></a>
<div class="overlay"></div>
</div>
HTML5+CSS+JS精品网页模板043 大学生期末大作业 Web前端网页制作
需积分: 5 30 浏览量
2024-04-30
13:11:19
上传
评论
收藏 7.16MB RAR 举报
HTML5+CSS+JS精品网页模板043 大学生期末大作业 Web前端网页制作 （143个子文件） 
font-awesome.css 14KB style.css 13KB jquery.fancybox-1.3.4.css 8KB responsive.css 4KB flexslider.css 3KB quicksand.css 3KB jqueryslidemenu.css 2KB layout.css 2KB blog.css 1KB portfolio.css 1KB elastic_slider.css 1KB widgets.css 1KB news_slider.css 811B skin.css 759B reset.css 536B fontawesome-webfont.eot 38KB fontawesome-webfont_162a16fe.eot 38KB
blank.gif 43B
portfolio.html 15KB index.html 14KB typography.html 14KB portfolio_3col.html 14KB blog.html 13KB about.html 13KB pricing.html 12KB portfolio_2col.html 12KB columns.html 12KB portfolio_1col.html 11KB contact.html 10KB portfolio_single_page.html 9KB jquery-1.7.1.js 242KB jquery.flexslider.js 39KB jquery.fancybox-1.3.4.js 28KB css3-mediaqueries.js 16KB quicksand.js 14KB jquery.eislideshow.js 10KB jquery.easing.1.3.js 8KB portfolio_sortable.js 3KB custom.js 2KB html5.js 2KB jcarousellite_1.0.1.min.js 2KB jqueryslidemenu.js 2KB contact.js 2KB
portfolio_1col_img_3.png 523KB slider_img_2.png 514KB portfolio_1col_img_4.png 502KB slider_img_3.png 408KB portfolio_single_page_img_4.png 404KB portfolio_single_page_img_3.png 400KB slider_img_1.png 358KB portfolio_1col_img_1.png 313KB portfolio_1col_img_2.png 307KB portfolio_single_page_img_1.png 304KB portfolio_single_page_img_2.png 249KB portfolio_2col_img_3.png 169KB portfolio_2col_img_4.png 160KB portfolio_2col_img_6.png 150KB portfolio_2col_img_1.png 129KB portfolio_2col_img_5.png 129KB portfolio_3col_img_3.png 95KB portfolio_2col_img_2.png 95KB portfolio_3col_img_6.png 93KB about_us_img_1.png 90KB portfolio_3col_img_4.png 86KB portfolio_3col_img_7.png 84KB portfolio_3col_img_8.png 84KB portfolio_3col_img_5.png 82KB portfolio_3col_img_1.png 80KB portfolio_3col_img_9.png 76KB blog_img_4.png 63KB blog_img_1.png 60KB portfolio_4col_img_3.png 59KB portfolio_4col_img_11.png 59KB portfolio_3col_img_2.png 57KB blog_img_3.png 57KB portfolio_4col_img_10.png 57KB blog_img_2.png 56KB portfolio_4col_img_6.png 56KB portfolio_4col_img_4.png 55KB portfolio_4col_img_7.png 54KB portfolio_4col_img_5.png 54KB portfolio_4col_img_8.png 53KB portfolio_4col_img_1.png 53KB portfolio_4col_img_9.png 48KB portfolio_4col_img_2.png 36KB portfolio_4col_img_12.png 23KB fancybox.png 15KB flickr_img_1.png 11KB latest_news_img_5.png 11KB flickr_img_3.png 10KB latest_news_img_1.png 10KB latest_news_img_4.png 10KB latest_news_img_2.png 10KB recent_post_img_1.png 9KB flickr_img_2.png 9KB recent_post_img_2.png 9KB flickr_img_6.png 9KB flickr_img_4.png 8KB latest_news_img_6.png 8KB flickr_img_5.png 7KB共 143 条
- 1
- 2
资源评论
