<!DOCTYPE html>
<!--
Theme Name: Poise
Description: HTML/CSS Template
Author: fireform
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0
Designed & Coded by Fireform
All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
-->
<html lang="en">
<head>
<title>Full width</title>
<meta charset="utf-8">
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Merriweather:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen">
<link rel="stylesheet" type="text/css" href="css/styles2.css" media="screen">
<link rel="stylesheet" type="text/css" id="styles" href="css/styles1.css" media="screen">
<link rel="stylesheet" href="css/shortcodes.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/theme-changer.css" type="text/css" media="screen">
<link rel="stylesheet" href="js/pretty/prettyPhoto.css" type="text/css" media="screen">
<link rel="stylesheet" href="js/tipSwift/tipSwift.html" type="text/css" media="screen">
<link rel="stylesheet" href="js/nivo/nivo-slider.css" type="text/css" media="screen">
<link rel="stylesheet" href="js/jFlickr/jflickr_css/style.css" type="text/css" media="screen">
<noscript><link rel="stylesheet" href="css/noscript.css" type="text/css" media="screen"></noscript>
<!--[if IE 7]><link rel="stylesheet" href="css/ie7.css" type="text/css" /><![endif]-->
</head>
<body>
<div class="theme-changer-wrap">
<div class="theme-changer">
<div class="changer-inner">
<span>Color schemes</span>
<div id="stylesw">
<a href="#" rel="styles1" class="color-themes col1" id="styles1"></a>
<a href="#" rel="styles2" class="color-themes col2" id="styles2"></a>
<a href="#" rel="styles3" class="color-themes col3" id="styles3"></a>
<a href="#" rel="styles4" class="color-themes col4" id="styles4"></a>
<a href="#" rel="styles5" class="color-themes col5" id="styles5"></a>
<a href="#" rel="styles6" class="color-themes col6" id="styles6"></a>
<a href="#" rel="styles7" class="color-themes col7" id="styles7"></a>
<a href="#" rel="styles8" class="color-themes col8" id="styles8"></a>
</div>
<div class="clear"></div>
<span style="margin-top:15px">Patterns</span>
<a href="#" class="pat" id="pat1" title="Chains"></a>
<a href="#" class="pat" id="pat2" title="China tile"></a>
<a href="#" class="pat" id="pat3" title="Cilinders"></a>
<a href="#" class="pat" id="pat4" title="Egypt waves"></a>
<a href="#" class="pat" id="pat5" title="Garden"></a>
<a href="#" class="pat" id="pat6" title="Meteors"></a>
<a href="#" class="pat" id="pat7" title="Rain"></a>
<a href="#" class="pat" id="pat8" title="Turtle"></a>
<div class="clear"></div>
<span style="margin-top:15px">Background image</span>
<a href="#" id="backgr-image" class="pat"></a>
</div>
</div>
<div class="open-close-demo"></div>
</div>
<!-- HEADER -->
<div class="dark-line"></div>
<div id="wrapper">
<!-- NAVIGATION MENU -->
<ul class="menu">
<li><a href="index.html">Home</a></li>
<li>
<a class="drop" href="team.html">About</a>
<ul>
<li><a href="team.html">Our team</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="clients.html">Clients</a></li>
</ul>
</li>
<li><a class="curr" href="full-width.html">Full width</a></li>
<li>
<a class="drop" href="portfolio.html">portfolio</a>
<ul>
<li><a href="portfolio.html">4 column portfolio</a></li>
<li><a href="portfolio1.html">3 column portfolio</a></li>
<li><a href="portfolio2.html">2 column portfolio</a></li>
</ul>
</li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<div class="inner clearfix">
<div class="clearfix bottom-35">
<!-- LOGO AND DESCRIPTION -->
<a href="index.html" class="alignleft"><img src="images/content/logo.png" alt=""></a>
<div class="description">
<h1>Bringing elegance, style, etiquette and class back into vogue.</h1>
<p>To attract good fortune, spend a new coin on an old friend, share an old pleasure with a new friend, and lift up the heart of a true friend by writing his name on the wings of a dragon.</p>
</div>
</div>
<!-- BREADCRUMBS NAVIGATION -->
<div class="breadcrumb clearfix bottom-50">
<div class="alignleft">
<a href="portfolio.html">Home</a><img src="images/breadcr-dvdr.gif" alt=""><span>Full width</span>
</div>
</div>
<!-- CONTENT -->
<!-- 4 COLUMN LISTS SHORTCODE -->
<h3>Lists</h3>
<div class="one_fourth">
<ul class="checkboxes">
<li>Temporibus autem</li>
<li>Quibusdam</li>
<li>Et aut officiis debitis</li>
<li>Aut rerum necessitatibus saepe</li>
<li>Eveniet ut et voluptates</li>
<li>Repudiandae sint et molestiae</li>
</ul>
</div>
<div class="one_fourth">
<ul class="stick">
<li>Temporibus autem</li>
<li>Quibusdam</li>
<li>Et aut officiis debitis</li>
<li>Aut rerum necessitatibus saepe</li>
<li>Eveniet ut et voluptates</li>
<li>Repudiandae sint et molestiae</li>
</ul>
</div>
<div class="one_fourth">
<ul class="arrows">
<li>Temporibus autem</li>
<li>Quibusdam</li>
<li>Et aut officiis debitis</li>
<li>Aut rerum necessitatibus saepe</li>
<li>Eveniet ut et voluptates</li>
<li>Repudiandae sint et molestiae</li>
</ul>
</div>
<div class="one_fourth omega">
<ul class="stars">
<li>Temporibus autem</li>
<li>Quibusdam</li>
<li>Et aut officiis debitis</li>
<li>Aut rerum necessitatibus saepe</li>
<li>Eveniet ut et voluptates</li>
<li>Repudiandae sint et molestiae</li>
</ul>
</div>
<!-- USE CLEAR TO FORCE THE CONTAINR'S HEIGHT ADJUST TO THE FLOATED ELEMENT -->
<div class="clear"></div>
<!-- 2 COLUMN HEADINGS SHORTCODE -->
<div class="one_half">
<h3>Headings</h3>
<h1 class="bg-none">H1 Title text goes here</h1>
<h2 class="bg-none">H2 Title text goes here</h2>
<h3 class="bg-none">H3 Title text goes here</h3>
<h4 class="bg-none">H4 Title text goes here</h4>
<h5 class="bg-none">H5 Title text goes here</h5>
<h6>H6 Title text goes here</h6>
</div>
<div class="one_half omega">
<h3>Headings with separator</h3>
<h2>H2 Title text goes here</h2>
<h3>H3 Title text goes here</h3>
<h4>H4 Title text goes here</h4>
HTML5+CSS+JS精品网页模板 大学生期末大作业 Web前端网页制作
需积分: 5 169 浏览量
2024-04-30
13:06:02
上传
评论
收藏 2.84MB RAR 举报
HTML5+CSS+JS精品网页模板 大学生期末大作业 Web前端网页制作 （212个子文件） 
prettyPhoto.css 22KB styles2.css 20KB styles7.css 20KB styles6.css 20KB styles8.css 20KB styles3.css 20KB styles4.css 20KB styles1.css 20KB styles5.css 20KB normalize.css 8KB shortcodes.css 6KB nivo-slider.css 2KB theme-changer.css 2KB reset.css 1KB style.css 943B noscript.css 92B Thumbs.db 165KB Thumbs.db 39KB Thumbs.db 31KB Thumbs.db 23KB Thumbs.db 8KB Thumbs.db 7KB Thumbs.db 5KB
loading.gif 5KB loader.gif 5KB loader.gif 2KB loader.gif 2KB auth-bg.gif 1KB more.gif 1KB testimonials-bg.gif 1KB totop.gif 1KB li-arr.gif 1KB more1.gif 1KB menu-marker.gif 1KB accordion.gif 1KB breadcr-dvdr.gif 1KB dot.gif 1KB arrow.gif 1KB stick.gif 1KB default_thumbnail.gif 227B head-bg.gif 70B children.gif 61B auth-arr.gif 57B
full-width.html 31KB blog-single.html 21KB portfolio.html 20KB team.html 18KB index.html 18KB blog.html 16KB portfolio1.html 15KB portfolio2.html 15KB services.html 14KB contact.html 13KB clients.html 13KB portfolio-single.html 12KB tipSwift.html 389B marker-1.html 389B pencil.html 389B
slide1.jpg 199KB slide2.jpg 196KB slide3.jpg 149KB img690x320-2.jpg 135KB img460x305-5.jpg 116KB img460x305-9.jpg 115KB img690x458-1.jpg 107KB img460x305-4.jpg 106KB img690x320-1.jpg 89KB img460x305-2.jpg 88KB img460x305-3.jpg 81KB img460x305-7.jpg 74KB img460x305-1.jpg 71KB img300x199-9.jpg 58KB img300x199-5.jpg 54KB img300x199-4.jpg 50KB img460x305-6.jpg 44KB img300x199-2.jpg 41KB img300x199-3.jpg 39KB img300x199-1.jpg 36KB img300x199-7.jpg 35KB img220x146-23.jpg 33KB img220x146-19.jpg 31KB img220x146-24.jpg 28KB img220x146-20.jpg 25KB img300x199-8.jpg 25KB img300x199-6.jpg 24KB img220x146-17.jpg 24KB img220x146-4.jpg 23KB img220x146-5.jpg 23KB img220x146-21.jpg 19KB img220x146-3.jpg 18KB img220x146-13.jpg 17KB img220x146-2.jpg 17KB img220x146-18.jpg 16KB img220x146-1.jpg 16KB img220x146-9.jpg 16KB img220x146-7.jpg 15KB img220x146-14.jpg 15KB img220x146-15.jpg 14KB img220x146-10.jpg 13KB img220x146-22.jpg 12KB共 212 条
- 1
- 2
- 3
资源评论
