Skip to content

Instantly share code, notes, and snippets.

@r0n22

r0n22/gist:36556d6b93ec90c5d0cb

Created May 30, 2014 13:31
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save r0n22/36556d6b93ec90c5d0cb to your computer and use it in GitHub Desktop.
Save r0n22/36556d6b93ec90c5d0cb to your computer and use it in GitHub Desktop.
Download ZIP
Test file REM-PolyFill
Raw
gistfile1.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title id="title"></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="public/stylesheets/app.css" rel="stylesheet">
<script src="public/js/modernizr.min.js"></script>
<!--[if lte IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
<script src="//s3.amazonaws.com/nwapi/nwmatcher/nwmatcher-1.2.5-min.js"></script>
<script src="//html5base.googlecode.com/svn-history/r38/trunk/js/selectivizr-1.0.3b.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.1.0/respond.min.js"></script>
<script src="public/js/rem_polyfill.min.js"></script>
<![endif]-->
</head>
<body>
<div class="mainContent">
<div class="row">
<div class="sideContent">
<div class="information-box">
<div class="heading">
<h4 id="mainTitle"></h4>
</div>
<div class="content">
<img class="logo" src="public/images/logo.png" />
<p class="info" id="curdate"></p>
<p class="info" id="curtime"></p>
<p class="info" id="curtemp"></p>
</div>
</div>
<div class="information-box last-row">
<div class="heading">
<h4 id="PowerCost"></h4>
</div>
<div class="content" align="center">
<div id="powercost" class="gague"></div>
<p><strong id="current_cost"></strong>
</p>
</div>
</div>
</div>
<div class="primaryContent">
<div class="information-box">
<div class="heading">
<h4 id="consumption-title"></h4>
</div>
<div class="content" align="center">
<div id="consumption-graph" class="graph" ></div>
</div>
</div>
<div class="information-box last-row">
<div class="heading">
<h4 id="demmand-title"></h4>
</div>
<div class="content" align="center">
<div id="demand-graph" class="graph" ></div>
</div>
</div>
</div>
<div class="sideContent">
<div class="information-box">
<div class="heading">
<h4 id="powerfactor-title"></h4>
</div>
<div class="content" align="center">
<div id="powerfactor" class="gague"></div>
<p id="powerfactor_Text"></p>
</div>
</div>
<div class="information-box last-row">
<div class="heading">
<h4 id="Marketing_Title"></h4>
</div>
<div class="content" align="center">
<ul data-orbit>
<li>
<img src="public/images/marketing/marketing1.jpg" alt="slide 1" />
<div class="orbit-caption"></div>
</li>
<li class="active">
<img src="public/images/marketing/marketing2.jpg" alt="slide 2" />
<div class="orbit-caption"></div>
</li>
<li>
<img src="public/images/marketing/marketing3.jpg" alt="slide 3" />
<div class="orbit-caption"></div>
</li>
<li>
<img src="public/images/marketing/marketing4.jpg" alt="slide 4" />
<div class="orbit-caption"></div>
</li>
<li>
<img src="public/images/marketing/marketing5.jpg" alt="slide 5" />
<div class="orbit-caption"></div>
</li>
<li>
<img src="public/images/marketing/marketing6.jpg" alt="slide 6" />
<div class="orbit-caption"></div>
</li>
</ul>
<a href="#" class="find-out-more">Find Out More</a>
</div>
</div>
</div>
</div>
</div>
<script src="public/js/main.min.js"></script>
<script>
$(document).foundation();
</script>
</body>
<!--[if lte IE 9]>
<script src="public/js/rem_polyfill.min.js"></script>
<![endif]-->
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment