Skip to content
Permalink
master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

layout-practice-1/index.html

Go to file
 
 
Cannot retrieve contributors at this time
83 lines (69 sloc) 3.61 KB
Raw Blame
Open in GitHub Desktop
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- Place favicon.ico in the root directory -->
<link href="https://fonts.googleapis.com/css?family=Exo:100,100i,300,300i,400,400i,500,500i" rel="stylesheet">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<section class="page" id="page1">
<div class="container lede-wrap">
<h1>Code out this layout so flawlessly it'll make Joel cry.</h1>
<a class="button" href="#page2">Try Now</a>
</div>
</section>
<section class="page" id="page2">
<div class="container">
<div class="column col50">
<div class="blurb">
<h2>And here's a random photo of a dog...</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean posuere ante sit amet enim vulputate, at mattis est mollis. Donec dignissim, lectus quis faucibus efficitur, nisl lacus pretium diam, nec facilisis elit elit ut felis. Nam cursus sed enim ut sagittis. Aenean felis massa, elementum ac aliquet feugiat, volutpat eu dui. Duis vitae sapien eu est faucibus luctus. Ut velit elit, tincidunt ut elementum quis, euismod vitae nibh.</p>
</div>
</div>
<div class="column right col50"><img src="img/tucker.jpg"></div>
</div>
</section>
<section class="page" id="page3">
<div class="container">
<h2>But create it anyway. Use the right fields...</h2>
<div class="form-container">
<form action="#">
<div class="input-wrapper">
<input type="text" placeholder="name">
</div>
<div class="input-wrapper">
<input type="email" placeholder="email">
</div>
<div class="input-wrapper">
<input type="password" placeholder="password">
</div>
<div class="input-wrapper button-wrapper">
<span class="arrow"><img src="img/arrow.png"> Something something something.</span>
<button class="button">Try Now</button>
</div>
</form>
</div>
</section>
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.12.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='https://www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X','auto');ga('send','pageview');
</script>
</body>
</html>