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?

layout1/index.html

Go to file
 
 
Cannot retrieve contributors at this time
191 lines (130 sloc) 7.01 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 rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link href="https://fonts.googleapis.com/css?family=Exo:100" rel="stylesheet">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body >
<header>
<div class="wrap">
<img src="img/mountains.jpg" alt="Beautiful Italian Alps"class="imgl"></img>
<div class="text_over_image">
<p>Code Out This Layout So Flawlessly It'll Make Joel Cry</p>
<button class="button_over_image"type="button" onclick="alert('haha not a real button fooled you')">Try Now</button>
</div>
</div>
</header>
<div>
<div class="leftcol1">
<p class="date">September 20, 2016</p>
<h1>And here's a random photo of a dog ....</h1>
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Vestibulum id ligula porta felis euismod semper.</p>
<p>Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Donec ullamcorper nulla non metus auctor fringilla. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="rightcol1">
<img src="img/dog1.jpg" alt="golden retriever"></img>
</div>
</div>
<div class="colheader">
<p class="date">New Features</p>
<h1>Some Awesome Columns</h1>
</div>
<div class="leftcol3">
<img class="icons" src="img/gearicon.png" alt="icon1"></img>
<h3 class="leftcol2">Some Awsome Features</h6>
<p class="leftcol2">Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="leftcol3">
<img class="icons" src="img/diceicon.png" alt="icon2"></img>
<h3 class="leftcol2">Some Awsome Features</h6>
<p class="leftcol2">Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="leftcol3">
<img class="icons" src="img/rocketicon.png" alt="icon3"></img>
<h3 class="leftcol2">Some Awsome Features</h6>
<p class="leftcol2">Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div style="margin:75px">
<section id="dog2section">
<p class="date" >Start ASAP<p>
<h1>This is a pretty big project, you know ....</h1>
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Etiasem malesuada magn. Vestibulum felis euismod semper.</p>
</section>
<img src="img/dog2.jpg" alt="golden retriever"></img>
</div>
<img id="clients"src="img/clientssection.jpg" alt="clients"class="imgl"></img>
<div>
<div id="browsr">
<p class="date">seriously</p>
<h1>So start on this soon.</h1>
<p class="displaynone">Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Etiasem malesuada magn. Vestibulum felis euismod semper.</p>
</div>
<div>
<img src="img/browser.jpg" alt="browser" class="imgl" ></img>
</div>
</div>
<div id="form">
<p class="date">THIS FORM DOESNT HAVE TO WORK</p>
<h2>But create it anyways. Use the right fields ...</h2>
<form>
<input type="text" placeholder="Full Name">
<input type="text" placeholder="Email">
<input type="text" placeholder="Password">
<input id="button" type="submit">
</form>
<p>And some small text should go here.</p>
</div>
<footer>
<div id="footcol1">
<p>Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam.
USA & CAN: 1-888-123-4567
Address: 34 Brokel Rd. NY</p>
</div>
<div class="other3">
<ul>
<li><h3>Support</h3></li>
<li>Help Center</li>
<li>Get Started</li>
<li>Contact Us</li>
</ul>
</div>
<div class="other3">
<ul>
<li><h3>About Us</h3></li>
<li>About Us</li>
<li>Terms of Use</li>
<li>Privacy Policy</li>
</ul>
</div>
<div class="other3">
<h3>Get Newsletter</h3>
<form>
<input type="text" name="firstname" value="Email">
<input type="submit" value="Send">
</form>
</div>
</footer>
<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>