Skip to content

Commit

Permalink
removals and additions of HTML files for documentation pages
Browse files Browse the repository at this point in the history
  • Loading branch information
@justinhough
justinhough committed Nov 9, 2012
1 parent 8034645 commit 5351356
Show file tree
Hide file tree
Showing 10 changed files with 1,478 additions and 938 deletions.
251 changes: 106 additions & 145 deletions various.html → about/index.html 100755 → 100644
View file
@@ -1,145 +1,106 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Centurion Framework | Features</title>
<meta name="description" content="">
<meta name="author" content="">

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<link rel="shortcut icon" href="images/favicon.jpg" />
<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" />

<link rel="stylesheet" href="stylesheets/reset.css" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>

<!-- Centurion Framework Stylesheets -->
<link rel="stylesheet" href="stylesheets/options/typography.css" />
<link rel="stylesheet" href="stylesheets/options/features.css" />
<link rel="stylesheet" href="stylesheets/framework/cframework.css" />
<!-- End of Centurion Framework Stylesheets -->

<link rel="stylesheet" href="stylesheets/custom.css" />
<link rel="stylesheet" href="demo.css" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="scripts/jquery.url.js"></script>
<script type="text/javascript" src="scripts/centurion.js"></script>
<script type="text/javascript" src="scripts/adapt.min.js"></script>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if gte IE 9]>
<style type="text/css">
.gradient {
filter: none;
}
</style>
<![endif]-->
</head>
<body>
<!-- Navigation -->
<nav id="main">
<div class="container">
<div class="grid-12">
<h1>Centurion Framework</h1>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="grid.html">Grid</a></li>
<li><a href="various.html">Features</a></li>
</ul>
</div>
</div>
</nav>
<!-- End of Navigation -->

<div id="wrapper">
<!-- Header -->
<header>
<div class="container">
<div class="grid-12">
<h1><big>Features</big></h1>
</div>
</div>
</header>
<!-- End of Header -->

<!-- Content Section -->
<section>
<div class="container">
<div class="grid-8">

<h3>Navigation</h3>
<nav>
<ul>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
</ul>
</nav>
<div class="clear"></div>


<h3>Breadcrumbs</h3>
<ul class="ctCrumbs">
<li><a href="#">Home</a></li>
<li><a href="#">Features</a></li>
<li><a href="#">Gene Splicing</a></li>
<li class="current"><a href="#">Home</a></li>
</ul>

<h3>Panels</h3>
<div class="ctPanel">
<h3>My panel is bigger than yours.</h3>
<p>Seriously, just look at this sweet panel.</p>
</div>


<p>More information will be coming soon once I have finalized most of the template and the various portions of the template. For now it includes the basic framework, which can be shrinked using modern CSS3 media queries, 6 types of buttons in 3 different sizes, headings that respond to the size to the viewable screen size. Stay tuned for more features added daily.</p>
<h2>Some Lorem Ipsum Text</h2>
<p>Duis magna leo, dapibus id adipiscing id, egestas sed dui. Proin venenatis dui eu augue sagittis vitae suscipit diam sagittis. Suspendisse malesuada elementum enim, dictum congue purus varius nec. Suspendisse et neque nunc. Morbi porttitor risus eu tortor interdum id porttitor justo aliquet. Nam tincidunt felis ac purus varius tincidunt. Quisque luctus faucibus dolor, sit amet condimentum augue egestas quis. Nam rutrum, ante quis commodo tincidunt, orci ante ultrices quam, eu ullamcorper purus eros id magna. Nulla ac neque ac mi interdum ultricies. Nullam sagittis est in mauris adipiscing posuere. Aenean volutpat sapien sit amet sapien malesuada quis posuere massa pretium. Sed hendrerit egestas fermentum. Ut fringilla sodales neque, sit amet euismod diam pulvinar sit amet. Nulla vestibulum commodo tempus.</p>
<p>Morbi semper elit vel massa dapibus fringilla. In et imperdiet mi. Quisque id aliquam nisi. Nunc euismod felis est. Donec non enim elit, nec vulputate elit. Nullam in ligula ac nisi faucibus adipiscing. Suspendisse eget placerat eros. Aenean sed mi purus, ac tincidunt elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus fermentum nibh non dui consequat nec malesuada augue molestie. Curabitur convallis urna non lacus porttitor at tempor ante faucibus. Suspendisse rhoncus ornare risus sed consectetur. Etiam a diam turpis. Vestibulum sed urna eget nulla tincidunt volutpat id eget nibh.</p>
</div>
<!-- end of grid 8 -->
<div class="grid-4">
<h2>Other Features</h2>
<ul>
<li><a href="tables.html">Tables</a></li>
<li><a href="buttons.html">Buttons</a></li>
<!--<li><a href="various.html">Various</a></li> -->
</ul>


<h2>Sidebar</h2>
<img src="http://placehold.it/280x200" class="frame" alt="image with caption" />
<p class="caption">Captions to describe your images.</p>
<h2>More lorem ipsum</h2>
<p>Duis magna leo, dapibus id adipiscing id, egestas sed dui. Proin venenatis dui eu augue sagittis vitae suscipit diam sagittis. Suspendisse malesuada elementum enim, dictum congue purus varius nec. Suspendisse et neque nunc. Morbi porttitor risus eu tortor interdum id porttitor justo aliquet. Nam tincidunt felis ac purus varius tincidunt.</p>
</div>
<div class="clear"></div>
</div>
<!-- container -->
<div class="clear"></div>
</section>
<!-- End of Content Section -->

</div>
<!-- End of Wrapper -->

<!-- Footer -->
<footer>
<div class="container">
<div class="grid-12">
<p>Centurion Framework was created by Justin Hough. Images supplied by <a href="http://placehold.it/">placehold.it</a></p>
</div>
</div>
</footer>
<!-- End of Footer -->

</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Centurion Framework</title>
<meta name="description" content="testing">
<meta name="author" content="">

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<link rel="shortcut icon" href="/images/favicon.jpg" />
<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" />

<link rel="stylesheet" href="/css/reset.css" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>

<!-- Centurion Framework -->
<link rel="stylesheet" href="/css/centurion.css" />
<!-- End of Framework -->
<link rel="stylesheet" href="/css/custom.css" />

<!--[if gte IE 9]>
<style type="text/css">
.gradient {
filter: none;
}
</style>
<![endif]--><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery.url.js"></script>
<script type="text/javascript" src="/js/centurion.js"></script>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>

</head>
<body>
<!-- Navigation -->
<header>

<div class="container">
<div class="grid-12">
<h1>Centurion Framework</h1>
<nav id="main" class="mobile">
<span class="openMenu hide-desktop">Open</span>
<ul>
<li><a href="/index.html">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/grid/">Grid</a></li>
<li><a href="/various/">Features</a></li>
<!-- <li><a href="/fluid/">Try Me Fluid!</a></li> -->
</ul>
</nav>


</div>
</div>

</header>
<!-- End of Navigation -->

<!-- Content Section -->
<section>
<div class="container">
<div class="grid-8">
<h1>About this Template</h1>
<p>More information will be coming soon once I have finalized most of the template and the various portions of the template. For now it includes the basic framework, which can be shrinked using modern CSS3 media queries, 6 types of buttons in 3 different sizes, headings that respond to the size to the viewable screen size. Stay tuned for more features added daily.</p>
<h2>Some Lorem Ipsum Text</h2>
<p>Duis magna leo, dapibus id adipiscing id, egestas sed dui. Proin venenatis dui eu augue sagittis vitae suscipit diam sagittis. Suspendisse malesuada elementum enim, dictum congue purus varius nec. Suspendisse et neque nunc. Morbi porttitor risus eu tortor interdum id porttitor justo aliquet. Nam tincidunt felis ac purus varius tincidunt. Quisque luctus faucibus dolor, sit amet condimentum augue egestas quis. Nam rutrum, ante quis commodo tincidunt, orci ante ultrices quam, eu ullamcorper purus eros id magna. Nulla ac neque ac mi interdum ultricies. Nullam sagittis est in mauris adipiscing posuere. Aenean volutpat sapien sit amet sapien malesuada quis posuere massa pretium. Sed hendrerit egestas fermentum. Ut fringilla sodales neque, sit amet euismod diam pulvinar sit amet. Nulla vestibulum commodo tempus.</p>
<p>Morbi semper elit vel massa dapibus fringilla. In et imperdiet mi. Quisque id aliquam nisi. Nunc euismod felis est. Donec non enim elit, nec vulputate elit. Nullam in ligula ac nisi faucibus adipiscing. Suspendisse eget placerat eros. Aenean sed mi purus, ac tincidunt elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus fermentum nibh non dui consequat nec malesuada augue molestie. Curabitur convallis urna non lacus porttitor at tempor ante faucibus. Suspendisse rhoncus ornare risus sed consectetur. Etiam a diam turpis. Vestibulum sed urna eget nulla tincidunt volutpat id eget nibh.</p>
</div>
<!-- end of grid 8 -->
<div class="grid-4">
<h2>Sidebar</h2>
<img src="http://placehold.it/280x200" class="frame" alt="image with caption" />
<p class="caption">Captions to describe your images.</p>
<h2>More lorem ipsum</h2>
<p>Duis magna leo, dapibus id adipiscing id, egestas sed dui. Proin venenatis dui eu augue sagittis vitae suscipit diam sagittis. Suspendisse malesuada elementum enim, dictum congue purus varius nec. Suspendisse et neque nunc. Morbi porttitor risus eu tortor interdum id porttitor justo aliquet. Nam tincidunt felis ac purus varius tincidunt.</p>
</div>
<div class="clear"></div>
</div>
<!-- container -->
<div class="clear"></div>
</section>
<!-- End of Content Section -->
</div>
<!-- End of Wrapper -->



<!-- Footer -->
<footer>
<div class="container">
<div class="grid-12">
<p>Centurion Framework was created by <a href="http://www.justinhough.com" title="Justin Hough">Justin Hough</a>. Images supplied by <a href="http://placehold.it/">placehold.it</a></p>
</div>
</div>
</footer>
<!-- End of Footer -->


</body>
</html>

0 comments on commit 5351356

Please sign in to comment.