<!-- # ------------------------------------------------------------------
# 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>
<!--[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>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8" />
<title>Downloaded from KickassGFX.net</title>
<meta name="description" content="" />
<meta name="author" content="" />
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<!-- CSS
================================================== -->
<link rel="stylesheet" href="library/stylesheets/style.css" />
<link rel="stylesheet" href="library/stylesheets/layout.css" />
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="library/images/favicon/favicon.ico" />
<link rel="apple-touch-icon" href="library/images/favicon/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="72x72" href="library/images/favicon/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="library/images/favicon/apple-touch-icon-114x114.png" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<!-- Primary Page Layout
================================================== -->
<!-- Header -->
<div id="header">
<div class="inner-image">
<!-- Top Bar -->
<div class="inner-bg">
<div class="container">
<div class="sixteen columns">
<div id="top-bar">
<p>Check out this new template <a href="http://themeforest.net/user/Voodoo-pixel/portfolio?ref=Voodoo-pixel" target="_blank">Clarence</a></p>
</div>
</div>
</div>
</div>
<!-- Main Logo -->
<div class="container">
<div id="main-logo" class="eight columns"><a href="index.html"><img src="images/site/Clarence.png" alt="Clarence" /></a></div>
<div class="eight columns banner-box-top"><p>Call us now +458 45 45 1578<br />or send us <a href="#">e-mail</a></p></div>
</div>
<!-- Primary Navigation -->
<div class="inner-bg">
<div class="container">
<div class="sixteen columns">
<div id="primary-nav-holder">
<ul id="primary-nav">
<li><a href="index.html">Home</a>
<ul>
<li><a href="index-1.html">Home layout 1</a></li>
<li><a href="index-2.html">Home layout 2</a></li>
</ul>
</li>
<li><a href="about-us.html">About us</a></li>
<li><a href="portfolio-4col.html">Portfolio</a>
<ul>
<li><a href="portfolio-4col.html">4 Columns</a></li>
<li><a href="portfolio-3col.html">3 Columns</a></li>
<li><a href="portfolio-2col.html">2 Columns</a></li>
<li><a href="portfolio-single.html">Portfolio single</a></li>
</ul>
</li>
<li><a href="basic.html" class="current">Shortcodes</a>
<ul>
<li><a href="basic.html">Basic elements</a></li>
<li><a href="columns.html">Columns</a></li>
</ul>
</li>
<li><a href="blog-category.html">Our blog</a>
<ul>
<li><a href="blog-category.html">Blog category</a></li>
<li><a href="blog-category-left.html">Blog (Left sidebar)</a></li>
<li><a href="blog-single.html">Blog single</a></li>
</ul>
</li>
<li><a href="contact.php">Contact us</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Page Title -->
<div class="container">
<div class="sixteen columns">
<div id="page-title">
<h4>Basic elements</h4>
</div>
</div>
</div>
<!-- Breadcrumb -->
<div class="inner-bg">
<div class="container">
<div class="sixteen columns">
<ul id="breadcrumbs">
<li><a href="index.html">Home</a></li>
<li><a href="basic.html">Shortcodes</a></li>
<li>Basic elements</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Main Body -->
<div class="container">
<div class="sixteen columns">
<h3 class="headline">Headings & headlines</h3>
</div>
<div class="eight columns">
<h1>This is H1 heading</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent orci mi, porttitor nec auctor nec, commodo in mi.</p>
<h2>This is H2 heading</h2>
<h3>This is H3 heading</h3>
<h4>This is H4 heading</h4>
<h5>This is H5 heading</h5>
<h6>This is H6 heading</h6>
</div>
<div class="eight columns">
<h1 class="headline">H1 Headline</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent orci mi, porttitor nec auctor nec, commodo in mi.</p>
<h2 class="headline">H2 Headline</h2>
<h3 class="headline">H3 Headline</h3>
<h4 class="headline">H4 Headline</h4>
<h5 class="headline">H5 Headline</h5>
<h6 class="headline">H6 Headline</h6>
</div>
<hr class="space" />
<div class="sixteen columns">
<h3 class="headline">Buttons</h3>
</div>
<div class="sixteen columns">
<a href="#" class="button white tiny">Tiny White</a>
<a href="#" class="button black tiny">Black</a>
<a href="#" class="button grey tiny">Grey</a>
<a href="#" class="button pink tiny">Pink</a>
<a href="#" class="button orange tiny">Orange</a>
<a href="#" class="button green tiny">Green</a>
<a href="#" class="button blue tiny">Blue</a>
<a href="#" class="button purple tiny">Purple</a><br />
<a href="#" class="button white">Default White</a>
<a href="#" class="button black">Black</a>
<a href="#" class="button grey">Grey</a>
<a href="#" class="button pink">Pink</a>
<a href="#" class="button orange">Orange</a>
<a
HTML5+CSS+JS精品网页模板041 大学生期末大作业 Web前端网页制作.rar
需积分: 5 153 浏览量
2024-04-30
13:11:06
上传
评论
收藏 1.75MB RAR 举报
HTML5+CSS+JS精品网页模板041 大学生期末大作业 Web前端网页制作.rar （147个子文件） 
style.css 37KB layout.css 10KB Bitter-Italic-webfont.eot 25KB Bitter-Italic-webfont_162a16fe.eot 25KB Bitter-Regular-webfont.eot 24KB Bitter-Regular-webfont_162a16fe.eot 24KB Bitter-Bold-webfont_162a16fe.eot 23KB Bitter-Bold-webfont.eot 23KB
user_3.gif 26KB user_2.gif 25KB user_4.gif 21KB user_1.gif 21KB fancybox_loading.gif 4KB 700x400.gif 3KB 600x300.gif 2KB 220x160.gif 766B 40x40.gif 187B blank.gif 43B
basic.html 20KB blog-category.html 16KB blog-category-left.html 15KB about-us.html 15KB portfolio-4col.html 14KB blog-single.html 14KB index.html 13KB portfolio-3col.html 12KB columns.html 12KB index-2.html 12KB index-1.html 12KB portfolio-2col.html 11KB portfolio-single.html 11KB contact.php.html 10KB favicon.ico 1KB
3_b.jpg 122KB 1_b.jpg 100KB 4_a.jpg 70KB 6_a.jpg 55KB 1.jpg 55KB 7_a.jpg 46KB 2_b.jpg 45KB big_1.jpg 42KB 8_a.jpg 39KB 13.jpg 37KB 3_a.jpg 34KB 5_a.jpg 34KB 2_a.jpg 32KB 9_a.jpg 29KB 4_b.jpg 29KB 6.jpg 27KB 10.jpg 26KB 1_a.jpg 25KB 1.jpg 24KB 3.jpg 23KB 5.jpg 22KB 11.jpg 16KB 7.jpg 16KB 9.jpg 15KB 4.jpg 13KB 2.jpg 12KB 12.jpg 11KB 8.jpg 9KB pattern.jpg 7KB blog-post-small.jpg 4KB blog-post-small-2.jpg 4KB blog-post-small-1.jpg 3KB jquery.script.js 247KB jquery.ui.core.js 75KB jquery.flexslider.js 39KB jquery.fancybox.js 33KB jquery.effects.core.js 23KB jquery.isotope.min.js 16KB jquery.twitter.js 13KB jquery.easing.js 8KB jquery.ui.widget.js 7KB jquery.custom.js 4KB jquery.navigation.js 4KB jquery.mobilemenu.js 2KB jquery.testimonialrotator.js 956B
slider_2.png 127KB slider_1.png 62KB shadow-bg.png 20KB apple-touch-icon-114x114.png 13KB apple-touch-icon-72x72.png 7KB Clarence.png 6KB apple-touch-icon.png 6KB monitor.png 5KB sterling_pound_currency_sign.png 5KB database.png 5KB bar_chart.png 5KB light_bulb.png 5KB checkmark.png 5KB twitter.png 4KB forrst.png 3KB social_small_twitter.png 3KB dribbble.png 2KB fancybox_sprite.png 2KB wordpress.png 2KB skype.png 2KB youtube.png 2KB rss.png 2KB共 147 条
- 1
- 2
资源评论
仙女网页设计
- 粉丝: 3334
- 资源: 162
