Skip to content

Instantly share code, notes, and snippets.

@hatefulcrawdad

hatefulcrawdad/alok-test.html

Created January 9, 2013 01:28
Show Gist options
  • Save hatefulcrawdad/4489796 to your computer and use it in GitHub Desktop.
Save hatefulcrawdad/4489796 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
alok-test.html
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width" />
<title>Foundation PAGE Testing</title>
<!-- Included CSS Files -->
<link rel="stylesheet" href="stylesheets/styles.css">
<script src="../vendor/assets/javascripts/foundation/modernizr.foundation.js"></script>
<style>
.row.full { max-width: 100%; }
</style>
</head>
<body>
<div class="row full">
<div class="twelve columns" style="background: #eee; height: 40px; width: 100%; position: fixed; top: 0; left; 0;">
</div>
</div>
<div class="row">
<div class="eight columns centered" style="background: #333; height: 100px; margin-top: 200px;">
<div class="row">
<div class="six columns" style="background: #eee; height: 40px;">
</div>
<div class="six columns">
</div>
</div>
</div>
</div>
<div class="row full" style="position: relative;">
<div class="twelve columns" style="background: #eee; height: 40px; width: 100%; position: fixed; bottom: 0; left; 0;">
<div style="background: #000; height: 100px; width: 25%; position: absolute; right: 0; bottom: 40px;">
</div>
</div>
</div>
<!-- Included JS Files -->
<script src="../vendor/assets/javascripts/foundation/jquery.js"></script>
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.mediaQueryToggle.js"></script>
<script src="../vendor/assets/javascripts/foundation/jquery.placeholder.js"></script>
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.alerts.js"></script>
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.accordion.js"></script>
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.buttons.js"></script>
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.tooltips.js"></script>
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.forms.js"></script>
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.tabs.js"></script>
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.navigation.js"></script>
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.reveal.js"></script>
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.orbit.js"></script>
<script src="../vendor/assets/javascripts/foundation/app.js"></script>
<script type="text/javascript">
// Page-Specific JavaScript Goes Here
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment