<!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>
<meta charset="utf-8" />
<title>CRYSTAL - Styles</title>
<meta name="description" content="Crystal Theme" />
<meta name="author" content="Arlind Nushi and Arianit Selimaj" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="http://fonts.googleapis.com/css?family=Droid+Sans:400,700" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/skeleton.css" />
<link rel="stylesheet" href="css/crystal.css" />
<link rel="stylesheet" href="css/layout.css" />
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="shortcut icon" href="images/favicon.ico" />
<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body class="pat_01">
<div class="site_header">
<div class="bar_top">
<div class="container">
<div class="ten columns">
<ul class="top_menu" data-title=":: Secondary Top Menu ::">
<li><a href="#rss">RSS Feeds</a></li>
<li><a href="#archives">Archive</a></li>
</ul>
</div>
<div class="six columns">
<ul class="top_social">
<li class="twitter"><a href="#">Twitter</a></li>
<li class="facebook"><a href="#">Facebook</a></li>
<li class="google_plus"><a href="#">Google+</a></li>
<li class="linked_in"><a href="#">LinkedIn</a></li>
<li class="youtube"><a href="#">YouTube</a></li>
<li class="rss"><a href="#">RSS 2.0</a></li>
</ul>
</div>
</div>
</div>
<div class="site_header_separator"></div>
<div class="site_logo_and_menu">
<div class="container">
<div class="six columns">
<div class="site_logo">
<a href="index.html">
<img src="images/crystal.png" alt="crystal" align="bottom" />
</a>
<span class="site_slogan">Just a site tagline</span>
</div>
</div>
<div class="ten columns">
<ul class="main_menu" data-title=":: Crystal Main Nav ::">
<li>
<a href="index.html">Home</a>
<ul>
<li><a href="index.html">AsyncSlider</a></li>
<li><a href="index-wideslider.html">Wide Slider</a></li>
</ul>
</li>
<li>
<a href="portfolio.html">Portfolio</a>
<ul>
<li>
<a href="portfolio.html">Design</a>
<ul>
<li><a href="portfolio.html">Brochures</a></li>
<li><a href="portfolio.html">Catalogue</a></li>
<li><a href="portfolio.html">Flyers</a></li>
<li><a href="portfolio.html">Posters</a></li>
<li><a href="portfolio.html">Stickers</a></li>
<li><a href="portfolio.html">Billboards</a></li>
</ul>
</li>
<li><a href="portfolio.html">Web Development</a></li>
<li><a href="portfolio.html">Graphic</a></li>
<li><a href="portfolio.html">Print</a></li>
</ul>
</li>
<li><a href="blog.html">Blog</a></li>
<li class="active">
<a href="styles.html">Pages</a>
<ul>
<li class="active"><a href="styles.html">Typography</a></li>
<li><a href="staff.html">Staff Page</a></li>
<li><a href="blog-post.html">Blog Post</a></li>
<li><a href="portfolio-item.html">Portfolio Item</a></li>
<li><a href="portfolio-manual-pagination.html">Portfolio Manual Pagination</a></li>
<li><a href="404.html">404 Error</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<div class="container" id="mobile_menu">
<div class="sixteen columns">
</div>
</div>
</div>
</div>
<div class="content container">
<div class="sixteen columns">
<div class="breadcrumb">
<div>You are here:</div>
<a href="#">Home</a> »
<a href="#">Styles</a>
</div>
</div>
<div class="sixteen columns">
<h2 class="title">Columns</h2>
</div>
<div class="cblock">
<div class="eight columns">
<h2>Half Column</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id</p>
</div>
<div class="eight columns">
<h2>Half Column</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id</p>
</div>
<div class="one-third column">
<h2>One Third</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div class="one-third column">
<h2>One Third</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div class="one-third column">
<h2>One Third</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div class="four columns">
<h2>Four</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris</p>
</div>
<div class="four columns">
<h2>Four</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris</p>
</div>
<div class="four columns">
<h2>Four</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. U
网站前端网页源码模板 (865).zip （208个子文件） 
crystal.css 58KB prettyPhoto.css 27KB layout.css 15KB base.css 11KB skeleton.css 10KB style-switcher.css 1KB isotope.css 881B
loader.gif 6KB loader.gif 2KB loader.gif 2KB loader.gif 2KB loader.gif 2KB loader.gif 2KB default_thumbnail.gif 227B
styles.html 23KB blog-post.html 23KB index.html 23KB index-wideslider.html 22KB blog.html 21KB portfolio-manual-pagination.html 20KB portfolio.html 20KB portfolio-item.html 16KB staff.html 14KB contact.html 11KB 404.html 10KB portfolio_results_1ecacace.php.html 3KB favicon.ico 1KB
1.jpg 85KB jquery-ui-1.8.21.custom.min.js 202KB jquery-1.7.2.min.js 93KB jquery.prettyPhoto.js 35KB jquery.infinitescroll.js 24KB custom.js 23KB jquery.transit.js 18KB jquery.isotope.min.js 16KB jquery.asyncslider.js 12KB jquery.ancarousel.js 10KB jquery.easing.1.3.js 8KB mobile-menu.js 8KB jquery.selectbox-0.1.3.min.js 7KB jquery.featurestabs.js 7KB jquery.wideslider.js 6KB hover.zoom.js 5KB style-switcher.js 4KB contact.js 3KB responsiveslides.min.js 2KB media-helper.js 2KB tabs.js 755B jquery.winres.js 412B
homeslider_03.png 1.26MB homeslider_02.png 1.25MB homeslider_01.png 1.04MB portfolio_image_large_02.png 404KB portfolio_image_large_01.png 362KB portfolio_image_large_03.png 151KB blog_image_01.png 116KB blog_image_04.png 111KB blog_image_03.png 111KB blog_image_05.png 97KB blog_image_02.png 94KB bg_pattern_29.png 85KB bg_pattern_10.png 69KB portfolio_image_01.png 67KB portfolio_image_03.png 63KB blogpost_img_01.png 56KB slider_item_01.png 47KB bg_pattern_23.png 43KB bg_pattern_13.png 42KB bg_pattern_03.png 41KB bg_pattern_30.png 41KB bg_pattern_19.png 40KB portfolio_image_02.png 37KB bg_pattern_01.png 31KB slider_item_chrome.png 27KB bg_pattern_14.png 26KB slider_item_safari.png 18KB slider_item_firefox.png 15KB bg_pattern_11.png 14KB bg_pattern_09.png 13KB bg_pattern_04.png 12KB apple-touch-icon-114x114.png 10KB slider_item_ie.png 8KB slider_item_op.png 8KB bg_pattern_16.png 8KB staff_social_icons.png 8KB sf_bottom.png 7KB partner_01.png 7KB bg_pattern_06.png 7KB sample_image_03.png 7KB sprite.png 7KB partner_02.png 6KB partner_03.png 6KB post_thumbnail.png 6KB sample_image_02.png 6KB sample_image_04.png 6KB social_icons.png 5KB sample_image_01.png 5KB bg_pattern_18.png 5KB sf_top.png 5KB bg_pattern_15.png 5KB共 208 条
- 1
- 2
- 3
资源评论
