260 lines
13 KiB
HTML
Executable File
260 lines
13 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" type="text/css" media="all" href="assets/css/cascade/production/build-full.min.css" />
|
|
<link rel="stylesheet" type="text/css" media="all" href="assets/css/site.css" />
|
|
<!--[if lt IE 8]><link rel="stylesheet" href="assets/css/cascade/production/icons-ie7.min.css"><![endif]-->
|
|
<!--[if lt IE 9]><script src="assets/js/shim/iehtmlshiv.js"></script><![endif]-->
|
|
<title>Cascade Framework</title>
|
|
<meta name="description" content="Professional Frontend framework that makes building websites easier than ever.">
|
|
<link rel="shortcut icon" href="assets/img/favicon.ico" type="image/x-icon" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<style type="text/css">
|
|
a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover .body {
|
|
background: #f7f7f9;
|
|
}
|
|
|
|
.nuremberg {
|
|
background-size:100%;
|
|
background-repeat: no-repeat;
|
|
border-width: 1px;
|
|
}
|
|
|
|
.nuremberg img {
|
|
visibility:hidden;
|
|
}
|
|
|
|
#link1 {
|
|
background-image:url('assets/img/templates/centered-content.png');
|
|
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/img/templates/centered-content.png',sizingMethod='scale');
|
|
}
|
|
|
|
#link2 {
|
|
background-image:url('assets/img/templates/centered-page.png');
|
|
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/img/templates/centered-page.png',sizingMethod='scale');
|
|
}
|
|
|
|
#link3 {
|
|
background-image:url('assets/img/templates/centered-panel+header.png');
|
|
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/img/templates/centered-panel+header.png',sizingMethod='scale');
|
|
}
|
|
|
|
#link4 {
|
|
background-image:url('assets/img/templates/fixed-header+centered-content.png');
|
|
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/img/templates/fixed-header+centered-content.png',sizingMethod='scale');
|
|
}
|
|
|
|
#link5 {
|
|
background-image:url('assets/img/templates/fixed-header+centered-panel.png');
|
|
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/img/templates/fixed-header+centered-panel.png',sizingMethod='scale');
|
|
}
|
|
|
|
#link6 {
|
|
background-image:url('assets/img/templates/fixed-header+fixed-footer+centered-content.png');
|
|
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/img/templates/fixed-header+fixed-footer+centered-content.png',sizingMethod='scale');
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="narrow">
|
|
<div class="site-center">
|
|
<div class="site-body">
|
|
<div class="site-header">
|
|
<div class="tags sitemenutags">
|
|
<div class="cell">
|
|
<ul class="nav blocks">
|
|
<li><a href="https://github.com/jslegers/cascadeframework/archive/master.zip">Download v1.6</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col width-fill sitemenu">
|
|
<div class="col width-fit mobile-width-fit">
|
|
<div class="cell">
|
|
<a href="index.html" class="logo"></a>
|
|
</div>
|
|
</div>
|
|
<div class="col width-fill mobile-width-fill">
|
|
<div class="cell">
|
|
<ul class="nav">
|
|
<li><a href="grid.html">Grid</a></li>
|
|
<li><a href="typography.html">Typography</a></li>
|
|
<li><a href="icons.html">Icons</a></li>
|
|
<li><a href="components.html">Components</a></li>
|
|
<li class="active"><a href="templates.html">Templates</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="sitemenu-responsive col collapsible collapsed">
|
|
<div class="col collapse-trigger">
|
|
<div class="cell">
|
|
<ul class="nav ">
|
|
<li><a href="#"><span class="icon icon-32 icon-align-justify"></span></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="left collapse-section">
|
|
<div class="cell">
|
|
<ul class="nav">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="grid.html">Grid</a></li>
|
|
<li><a href="typography.html">Typography</a></li>
|
|
<li><a href="icons.html">Icons</a></li>
|
|
<li><a href="components.html">Components</a></li>
|
|
<li><a href="templates.html">Templates</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="cell">
|
|
<div class="col">
|
|
<div class="cell">
|
|
<div class="page-header">
|
|
<h1>Templates <small>documentation</small></h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="col tablet-width-1of2">
|
|
<div class="col width-1of3">
|
|
<a href="template-centered-content.html" target="_blank">
|
|
<div class="cell panel">
|
|
<div class="header">
|
|
Centered content
|
|
</div>
|
|
<div class="body">
|
|
<div class="cell">
|
|
<figure class="nuremberg" id="link1">
|
|
<img src="assets/img/templates/centered-content.png" alt="">
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col width-1of3">
|
|
<a href="template-centered-page.html" target="_blank">
|
|
<div class="cell panel">
|
|
<div class="header">
|
|
Centered page
|
|
</div>
|
|
<div class="body">
|
|
<div class="cell">
|
|
<figure class="nuremberg" id="link2">
|
|
<img src="assets/img/templates/centered-page.png" alt="">
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col width-fill">
|
|
<a href="template-centered-panel-with-header.html" target="_blank">
|
|
<div class="cell panel">
|
|
<div class="header">
|
|
Centered panel with header
|
|
</div>
|
|
<div class="body">
|
|
<div class="cell">
|
|
<figure class="nuremberg" id="link3">
|
|
<img src="assets/img/templates/centered-panel+header.png" alt="">
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col tablet-width-fill">
|
|
<div class="col width-1of3">
|
|
<a href="template-fixed-header+centered-content.html" target="_blank">
|
|
<div class="cell panel">
|
|
<div class="header">
|
|
Fixed header & centered content
|
|
</div>
|
|
<div class="body">
|
|
<div class="cell">
|
|
<figure class="nuremberg" id="link4">
|
|
<img src="assets/img/templates/fixed-header+centered-content.png" alt="">
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col width-1of3">
|
|
<a href="template-fixed-header+centered-panel.html" target="_blank">
|
|
<div class="cell panel">
|
|
<div class="header">
|
|
Fixed header & centered panel
|
|
</div>
|
|
<div class="body">
|
|
<div class="cell">
|
|
<figure class="nuremberg" id="link5">
|
|
<img src="assets/img/templates/fixed-header+centered-panel.png" alt="">
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col width-fill">
|
|
<a href="template-fixed-header+fixed-footer+centered-content.html" target="_blank">
|
|
<div class="cell panel">
|
|
<div class="header">
|
|
Fixed header, footer & centered content
|
|
</div>
|
|
<div class="body">
|
|
<div class="cell">
|
|
<figure class="nuremberg" id="link6">
|
|
<img src="assets/img/templates/fixed-header+fixed-footer+centered-content.png" alt="">
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="site-footer">
|
|
<div class="cell">
|
|
<div id="sociallogos">
|
|
<a href="https://twitter.com/cascadecss"><span class="icon icon-32 icon-twitter"></span></a>
|
|
<a href="http://www.facebook.com/cascadeframework"><span class="icon icon-32 icon-facebook-sign"></span></a>
|
|
<a href="https://github.com/CascadeFramework"><span class="icon icon-32 icon-github"></span></a>
|
|
<div class="col">
|
|
© 2013, <a href="http://www.johnslegers.com/">John Slegers</a>
|
|
</div>
|
|
</div>
|
|
<a href="http://www.cascade-framework.com/" class="powered-by"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="assets/js/app.js"></script>
|
|
</body>
|
|
</html> |