Skip to content

Instantly share code, notes, and snippets.

@thotbox

thotbox/index.html

Last active March 1, 2016 15:48
Show Gist options
  • Save thotbox/1c2859cd639d1c2ee658 to your computer and use it in GitHub Desktop.
Save thotbox/1c2859cd639d1c2ee658 to your computer and use it in GitHub Desktop.
Download ZIP
Exercise
Raw
index.html
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Page Meta -->
<title>Exercise</title>
<meta name="description" content="">
<!-- Facebook Meta -->
<meta property="og:title" content="" />
<meta property="og:description" content=""/>
<meta property="og:image" content="" />
<meta property="og:image:width" content="" />
<meta property="og:image:height" content="" />
<meta property="og:image:type" content="image/jpg" />
<meta property="og:url" content=""/>
<meta property="og:type" content="website"/>
<!-- Twitter Meta -->
<meta name="twitter:title" content="">
<meta name="twitter:description" content="">
<meta name="twitter:image:src" content="">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="">
<meta name="twitter:creator" content="">
<meta name="twitter:domain" content="">
<!-- Imported Stylesheets -->
<link rel="stylesheet" href="/test-student/exercise/css/foundation.css" />
<link rel="stylesheet" href="/test-student/exercise/css/animate.css" />
<link rel="stylesheet" href="/test-student/exercise/css/font-awesome.min.css" />
<link rel="stylesheet" href="/test-student/exercise/css/slick.css" />
<link rel="stylesheet" href="/test-student/exercise/css/screen.css" />
<!-- Imported Header JS -->
<script src="/test-student/exercise/js/vendor/modernizr.js"></script>
<script src="/test-student/exercise/js/vendor/jquery.js"></script>
<!-- Imported Typekit JS -->
<script src="https://use.typekit.net/ykc0qpg.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
</head>
<body>
<!-- Custom Content Here -->
<div class="header">
<div class="row">
<div class="small-12 medium-3 large-2 columns">
<a href="/test-student/exercise"><img src="/test-student/exercise/img/logo.jpg" alt=""></a>
</div>
<div class="small-12 medium-9 large-10 columns">
<div class="nav">
<a href="#">About</a>
<a href="#">Work</a>
<a href="#">Contact</a>
</div>
</div>
</div>
</div>
<div class="content">
<div class="callouts">
<div class="row">
<div class="small-12 medium-4 large-4 columns">
<div class="block block-blue">
<h3>Lorem ipsum.</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique ipsam et maiores facere tenetur accusamus, libero ut debitis impedit quidem.</p>
</div>
</div>
<div class="small-12 medium-4 large-4 columns">
<div class="block block-yellow">
<h3>Lorem ipsum.</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique ipsam et maiores facere tenetur accusamus, libero ut debitis impedit quidem.</p>
</div>
</div>
<div class="small-12 medium-4 large-4 columns">
<div class="block block-green">
<h3>Lorem ipsum.</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique ipsam et maiores facere tenetur accusamus, libero ut debitis impedit quidem.</p>
</div>
</div>
</div>
</div>
<ul class="thumbnails small-block-grid-1 medium-block-grid-3 large-block-grid-5">
<li><a href="#"><img src="http://lorempixel.com/800/800/fashion/" alt=""></a></li>
<li><a href="#"><img src="http://lorempixel.com/800/800/fashion/" alt=""></a></li>
<li><a href="#"><img src="http://lorempixel.com/800/800/fashion/" alt=""></a></li>
<li><a href="#"><img src="http://lorempixel.com/800/800/fashion/" alt=""></a></li>
<li><a href="#"><img src="http://lorempixel.com/800/800/fashion/" alt=""></a></li>
<li><a href="#"><img src="http://lorempixel.com/800/800/fashion/" alt=""></a></li>
<li><a href="#"><img src="http://lorempixel.com/800/800/fashion/" alt=""></a></li>
<li><a href="#"><img src="http://lorempixel.com/800/800/fashion/" alt=""></a></li>
<li><a href="#"><img src="http://lorempixel.com/800/800/fashion/" alt=""></a></li>
<li><a href="#"><img src="http://lorempixel.com/800/800/fashion/" alt=""></a></li>
</ul>
</div>
<div class="footer">
<div class="row">
<div class="small-12 medium-4 columns">
<h3>Title</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium iste ipsa fugit eaque, aliquam recusandae fuga nobis vero quis! Odit!</p>
</div>
<div class="small-12 medium-4 columns">
<h3>Title</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium iste ipsa fugit eaque, aliquam recusandae fuga nobis vero quis! Odit!</p>
</div>
<div class="small-12 medium-4 columns">
<h3>Title</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium iste ipsa fugit eaque, aliquam recusandae fuga nobis vero quis! Odit!</p>
</div>
</div>
</div>
<!-- Imported Footer JS -->
<script src="/test-student/exercise/js/foundation.min.js"></script>
<script src="/test-student/exercise/js/script.js"></script>
<script src="/test-student/exercise/js/slick.min.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment