Permalink
Browse files

first upload

  • Loading branch information...
newaeonweb committed May 1, 2012
0 parents commit 2c2142c22fee5902bd637bf53dde5ad23a224f0d
@@ -0,0 +1,153 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <title>Responsive Aeon Framework - 12Columns</title>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+ <meta name="description" content="" />
+ <meta name="author" content="">
+ <meta name="keywords" content="" />
+<!-- Optimized mobile viewport -->
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<!-- CSS -->
+ <link rel="stylesheet" type="text/css" media="all" href="css/grid_12_col.css" />
+ <script scr="js/css3-mediaqueries.js"></script>
+<!--CSS for demo purpose, clean this on production mode-->
+<style type="text/css">
+ .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
+ background-color: #97cef9;
+ height:50px;
+ margin-bottom: 20px;
+ }
+
+</style>
+
+<!--Heads up grid only for demo purpose, clean this on production mode-->
+<link rel="stylesheet" type="text/css" media="all" href="headsupgrid/hugrid.css" />
+ <script src="headsupgrid/jquery-1.6.2.min.js"></script>
+ <script src="headsupgrid/hugrid.js"></script>
+ <script type="text/javascript">
+ definegrid = function() {
+ var browserWidth = $(window).width();
+ if (browserWidth >= 1140)
+ {
+ pageUnits = 'px';
+ colUnits = 'px';
+ pagewidth = 1100;
+ columns = 12;
+ columnwidth = 73;
+ gutterwidth = 20;
+ pagetopmargin = 0;
+ rowheight = 20;
+ pageleftmargin:0;
+ pagerightmargin:0;
+ gridonload = 'off';
+ makehugrid();
+ }
+ if (browserWidth <= 1000)
+ {
+ pageUnits = '%';
+ colUnits = '%';
+ pagewidth = 100;
+ columns = 6;
+ columnwidth = 14.912;
+ gutterwidth = 1.754;
+ pagetopmargin = 0;
+ rowheight = 20;
+ gridonload = 'off';
+ makehugrid();
+ }
+ if (browserWidth <= 480)
+ {
+ pageUnits = '%';
+ colUnits = '%';
+ pagewidth = 96;
+ columns = 1;
+ columnwidth = 49;
+ gutterwidth = 2;
+ pagetopmargin = 10;
+ rowheight = 20;
+ gridonload = 'off';
+ makehugrid();
+ }
+ }
+ $(document).ready(function() {
+ definegrid();
+ setgridonload();
+ });
+
+ $(window).resize(function() {
+ definegrid();
+ });
+</script>
+<!--Heads up grid only for demo purpose, clean this on production mode-->
+
+
+</head>
+
+<body>
+
+<div class="container">
+
+ <div class="content">
+
+ <div class="col1"> col 1 </div>
+ <div class="col1"> col 2 </div>
+ <div class="col1"> col 3 </div>
+ <div class="col1"> col 4 </div>
+ <div class="col1"> col 5 </div>
+ <div class="col1"> col 6 </div>
+ <div class="col1"> col 7 </div>
+ <div class="col1"> col 8 </div>
+ <div class="col1"> col 9 </div>
+ <div class="col1"> col 10 </div>
+ <div class="col1"> col 11 </div>
+ <div class="col1 last"> col 12 </div>
+
+ <div class="col4">col 4 </div>
+ <div class="col4">col 4</div>
+ <div class="col4 last">col 4</div>
+ <div class="col3">col 3</div>
+ <div class="col3">col 3</div>
+ <div class="col3">col 3</div>
+ <div class="col3 last">col 3</div>
+ <div class="col6">col 6</div>
+ <div class="col6 last">col 6</div>
+
+ <div class="col12"> col 12 </div>
+
+ <div class="col2"> col 2 </div>
+ <div class="col3"> col 3 </div>
+ <div class="col4"> col 4 </div>
+ <div class="col3 last"> col 3 </div>
+ <div class="col5"> col 5 </div>
+ <div class="col6"> col 6 </div>
+ <div class="col1 last"> col 1 </div>
+ <div class="col7"> col 7 </div>
+ <div class="col5 last"> col 5 </div>
+ <div class="col8"> col 8 </div>
+ <div class="col2"> col 2 </div>
+ <div class="col2 last"> col 2 </div>
+ <div class="col9"> col 9 </div>
+ <div class="col3 last"> col 3 </div>
+ <div class="col10"> col 10 </div>
+ <div class="col1"> col 1 </div>
+ <div class="col1 last"> col 1 </div>
+ <div class="col11"> col 11 </div>
+ <div class="col1 last"> col 1 </div>
+
+
+
+ </div><!-- /content -->
+
+
+
+</div>
+
+
+
+
+</body>
+</html>
Oops, something went wrong.

0 comments on commit 2c2142c

Please sign in to comment.