<!DOCTYPE HTML>
<html>
<head>
<title>www.cssmoban.com</title>
<link rel="stylesheet" href="./css/reset.css" type="text/css" />
<link rel="stylesheet" href="./css/style.css" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Play:400,700' rel='stylesheet' type='text/css' />
<!--[if IE]>
<script src="./js/html5.js" type="text/javascript"></script>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
<![endif]-->
<script src="./js/jquery.js"></script>
<script src="./js/selectivizr.js"></script>
<script src="./js/prettyphoto.js"></script>
<script src="./js/onload.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<div id="page">
<!-- BEGIN TITLEBAR -->
<header id="titlebar">
<a href="#" id="logo"></a>
<ul id="top_menu">
<li>
<a href="./index.html">Home</a>
</li>
<li>
<a href="./about.htm.html">About Us</a>
</li>
<li>
<a href="./blog.htm.html">Blog</a>
</li>
<li class="current-menu-item">
<a href="#">Shortcodes</a>
<ul>
<li>
<a href="./columns.htm.html">Columns</a>
</li>
<li class="current-menu-item">
<a href="./elements.htm.html">Elements</a>
</li>
<li>
<a href="./typography.htm.html">Typography</a>
</li>
</ul>
</li>
<li>
<a href="./portfolio.htm.html">Portfolio</a>
<ul>
<li>
<a href="./portfolio.htm.html">Portfolio Image</a>
</li>
<li>
<a href="./portfolio-video.htm.html">Portfolio Video</a>
</li>
<li>
<a href="./portfolio-other.htm.html">Portfolio Other</a>
</li>
</ul>
</li>
<li>
<a href="./contact.htm.html">Contact</a>
</li>
</ul>
<ul id="top">
<li>Want more?</li>
<li>
<a href="#" class="cloud facebook">
<span class="arrow"></span>
</a>
</li>
<li>
<a href="#" class="cloud rss">
<span class="arrow"></span>
</a>
</li>
</ul>
</header>
<!-- END TITLEBAR -->
<!-- BEGIN ARTICLE -->
<article class="typography page_text" id="content">
<header class="page_text title">
<h1>Shortcodes - <strong>Elements</strong></h1>
</header>
<!-- START BUTTONS -->
<h3 class="padding_bottom_30">Buttons</h3>
<div class="columns">
<div class="column column_16">
<p>
<button type="button" class="button blue arrow">Send message</button>
</p>
</div>
<div class="column column_16">
<p>
<button type="button" class="button black arrow">Send message</button>
</p>
</div>
<div class="column column_16">
<p>
<button type="button" class="button gray arrow">Send message</button>
</p>
</div>
<div class="column column_16">
<p>
<button type="button" class="button green arrow">Send message</button>
</p>
</div>
<div class="column column_16">
<p>
<button type="button" class="button magenta arrow">Send message</button>
</p>
</div>
</div>
<div class="columns padding_bottom_60">
<div class="column column_16">
<p>
<button type="button" class="button blue arrow big">Send message</button>
</p>
</div>
<div class="column column_16">
<p>
<button type="button" class="button black arrow big">Send message</button>
</p>
</div>
<div class="column column_16">
<p>
<button type="button" class="button gray arrow big">Send message</button>
</p>
</div>
<div class="column column_16">
<p>
<button type="button" class="button green arrow big">Send message</button>
</p>
</div>
<div class="column column_16">
<p>
<button type="button" class="button magenta arrow big">Send message</button>
</p>
</div>
</div>
<!-- END BUTTONS -->
<!-- START BUTTONS BIG -->
<div class="columns">
<div class="column column_16">
<p>
<button type="button" class="button blue">Send message</button>
</p>
</div>
<div class="column column_16">
<p>
<button type="button" class="button black">Send message</button>
</p>
</div>
<div class="column column_16">
<p>
<button type="button" class="button gray">Send message</button>
</p>
</div>
<div class="column column_16">
<p>
<button type="button" class="button green">Send message</button>
</p>
</div>
<div class="column column_16">
<p>
<button type="button" class="button magenta">Send message</button>
</p>
</div>
</div>
<div class="columns padding_bottom_60">
<div class="column column_16">
<p>
<button type="button" class="button big blue">Send message</button>
</p>
</div>
<div class="column column_16">
<p>
<button type="button" class="button big black">Send message</button>
</p>
</div>
<div class="column column_16">
<p>
<button type="button" class="button big gray">Send message</button>
</p>
</div>
<div class="column column_16">
<p>
<button type="button" class="button big green">Send message</button>
</p>
</div>
<div class="column column_16">
<p>
<button type="button" class="button big magenta">Send message</button>
</p>
</div>
</div>
<!-- END BUTTONS BIG -->
<div class="clear"></div>
<!-- START LISTS -->
<h3 class="padding_bottom_30">Lists</h3>
<div class="columns padding_bottom_60">
<div class="column column_16">
<ul class="plus">
<li>Pretium eget, nulla. Etiam accum! Tristique!</li>
<li>Phasellus consequat.</li>
<li>Etiam at adipiscing wisi. Donec tortor. </li>
</ul>
</div>
<div class="column column_16">
<ul class="minus">
<li>Pretium eget, nulla. Etiam accum! Tristique!</li>
<li>Phasellus consequat.</li>
<li>Etiam at adipiscing wisi. Donec tortor. </li>
</ul>
</div>
<div class="column column_16">
<ul class="dot">
<li>Pretium eget, nulla. Etiam accum! Tristique!</li>
<li>Phasellus consequat.</li>
<li>Etiam at adipiscing wisi. Donec tortor. </li>
</ul>
</div>
<div class="column column_16">
<ul class="tick">
<li>Pretium eget, nulla. Etiam accum! Tristique!</li>
<li>Phasellus consequat.</li>
<li>Etiam at adipiscing wisi. Donec tortor. </li>
</ul>
</div>
<div class="column column_16">
<ul class="cross">
<li>Pretium eget, nulla. Etiam accum! Tristique!</li>
<li>Phasellus consequat.</li>
<li>Etiam at adipiscing wisi. Donec tortor. </li>
</ul>
</div>
</div>
<!-- END LISTS -->
<div class="clear"></div>
<!-- START jQUERY TOGGLES -->
<h3 class="padding_bottom_30">jQuery Toggles</h3>
<div class="columns padding_bottom_60">
<div class="column column_25">
<section class="accordion">
<p class="title active">
<span class="icon"></span>
<span class="text">Toggle Title</span>
</p>
<div class="content">
<p>Toggle content goes here. </p>
</div>
</section>
<section class="accordion">
<p class="title">
<span class="icon"></span>
<span class="text">Toggle Title</span>
</p>
<div class="content">
<p>Toggle content goes here. </p>
</div>
</sect
【Web网页设计制作-毕业设计期末大作业源码】蓝色线条简洁企业官网html5整站模板5410.zip （117个子文件） 
prettyPhoto.css 19KB elements.css 17KB style.css 7KB static.css 6KB reset.css 1KB
loader.gif 6KB loader.gif 2KB loader.gif 2KB loader.gif 2KB loader.gif 2KB default_thumbnail.gif 227B
elements.htm.html 11KB typography.htm.html 11KB index.html 10KB blog_full.htm.html 9KB columns.htm.html 9KB blog.htm.html 8KB about.htm.html 8KB contact.htm.html 6KB portfolio-video.htm.html 6KB portfolio-other.htm.html 6KB portfolio.htm.html 6KB portfolio-projekt-other.htm.html 5KB portfolio-projekt.htm.html 5KB portfolio-projekt-video.htm.html 5KB
portfolio_big_1_video.jpg 74KB portfolio_big_3.jpg 66KB portfolio_big_1.jpg 63KB blog_big.jpg 61KB portfolio_big_2.jpg 61KB top_1.jpg 57KB top_2.jpg 51KB portfolio_medium_3.jpg 46KB portfolio_medium_1.jpg 43KB portfolio_medium_2.jpg 26KB bg-top.jpg 24KB portfolio_small_1.jpg 23KB portfolio_small_2.jpg 23KB portfolio_small_5.jpg 21KB portfolio_small_3.jpg 20KB about_us_2.jpg 20KB portfolio_small_4.jpg 20KB about_us_1.jpg 16KB blog_small_1.jpg 13KB blog_small_3.jpg 12KB typography_1.jpg 11KB blog_latest_small_3.jpg 11KB blog_small_2.jpg 9KB blog_latest_small_2.jpg 9KB typography_2.jpg 7KB blog_latest_small_1.jpg 6KB about_us_reviews.jpg 5KB comments_1.jpg 4KB comments_4.jpg 4KB comments_2.jpg 3KB popular_1.jpg 3KB comments_3.jpg 3KB popular_2.jpg 3KB popular_3.jpg 3KB jquery.js 90KB prettyphoto.js 24KB onload.js 14KB selectivizr.js 5KB html5.js 1KB
logo_big.png 53KB icons.png 9KB sprite.png 7KB sprite.png 4KB lens.png 4KB sprite.png 4KB sprite.png 4KB sprite.png 3KB sprite.png 3KB bg.png 2KB play_small.png 2KB default_thumb.png 2KB btnPrevious.png 1KB btnPrevious.png 1KB btnPrevious.png 1KB btnPrevious.png 1KB btnNext.png 1KB btnNext.png 1KB btnNext.png 1KB btnNext.png 1KB sprite_prev.png 1KB sprite_next.png 1KB cite.png 1KB sprite_y.png 1KB li_tick.png 1KB li_cross.png 1KB arrow-cloud-gray.png 1KB arrow-cloud-blue-top.png 1KB arrow-cloud-dark-big.png 1KB arrow-cloud-dark-top.png 1KB arrow-blue-down.png 1KB arrow-nav-gray-right.png 1KB sprite_x.png 1KB arrow-cloud-dark.png 1KB arrow-cloud-magenta.png 1KB arrow-cloud-blue.png 1KB共 117 条
- 1
- 2
资源评论
