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?

layoutpractice1/index.html

Go to file
 
 
Cannot retrieve contributors at this time
205 lines (189 sloc) 9.59 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>Layout Practice</title>
<meta name="description" content="Homework for DMD-3470">
<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">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Add your site or application content here -->
<header>
<section id="title">
<h1>Code Out This Layout So Flawlessly It'll Make Joel Cry</h1>
<div id="headbutton">
<h4>TRY NOW</h4>
</div>
<h5>* This should all be text</h5>
</section>
</header>
<div id="main1">
<section class="col2 content" id="content1">
<div id="contentONE">
<h5 id="main1h5">JANUARY 28, 2016</h5>
<h3>And Here's a random photo of a dog <span id="dots">....<span></h3>
<p>Aenean eu leo quam. Pellentesque ornare sem lacinla quam venenatis vestbulum. Donec ID eltt non mi porta gravia at eget metus. Curabltur blandlt tempus porttitor. Etlam porta sem malesuada magma mollis sulsmod. Vestibulum Id ligula porta felis eulsmood semper.</p>
<p>Donec sed odio dul. Aenean lacinia bibendum nulla sed consectetur. Donec ullamcorpor nulla non metus auctor fringilla. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue.</p>
<div>
</section>
<section class="col2" id="goldenR">
<img src="img/dog1.png" id="dog1" alt="golden retriver">
</section>
</div>
<div id="main2">
<section class="content">
<h5>New Features</h5>
<h3>Some Awesome Columns</h5>
</section>
<section class="content" id="newfeat">
<div class="col3" id="colphone">
<img src="img/newfeat1.png" class="centerpic">
<h4>Some awesome features</h4>
<p>Donec sed odio dul. Aenean lacinia ibendum nulla sed consecetur. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="col3" id="colphone">
<img src="img/newfeat2.png" class="centerpic">
<h4>Some awesome features</h4>
<p>Donec sed odio dul. Aenean lacinia ibendum nulla sed consecetur. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="col3" id="colphonee">
<img src="img/newfeat3.png" class="centerpic">
<h4>Some awesome features</h4>
<p>Donec sed odio dul. Aenean lacinia ibendum nulla sed consecetur. Nulla vitae elit libero, a pharetra augue.</p>
</div>
</section>
</div>
<div id="main3">
<img class="col2" src="img/dog2.png" alt="dog2" id="dog2">
<section class="content col2" id="content2">
<h5 id="main3h5">Start ASAP</h5>
<h3>This is a pretty big project, you know <span id="dots">....<span></h3>
<p>Aenean eu leo quam. Pellentesque ornare sem lacinla quam venenatis vestbulum. Donec ID eltt non mi porta gravia at eget metus. Curabltur blandlt tempus porttitor. Etlam porta sem malesuada magma mollis sulsmod. Vestibulum Id ligula porta felis eulsmood semper.</p>
</section>
</div>
<div id="main4">
<section class="content" id="founders">
<div class="col3 founder" id="colphone">
<div class="portbox">
</div>
<h3>Jonathon Doe</h3>
<h6>Co Founder</h6>
<p>"Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestbulum. Donec id gravida at eget metus. Etlasem malesuada magn"</p>
</div>
<div class="col3 founder" id="colphone">
<div class="portbox">
</div>
<h3>Jonathon Doe</h3>
<h6>Co Founder</h6>
<p>"Pellentesque ornare sem lacinia quam. Donec id elit non mi porta gravida at eget metus. Curabltur blandlt tempus porttitor. Etlassem malesuada magn"</p>
</div>
<div class="col3 founder" id="colphonee">
<div class="portbox">
</div>
<h3>Jonathon Doe</h3>
<h6>Co Founder</h6>
<p>"Aenean eu leo quam. Pellentesque ornare sem lacinia qua emere wancerld elit non mi porta gravida at eget metus. Curabltur blandlt tempus porttitor. Etlassem malesuada magn"</p>
</div>
</section>
<section id="sponsors">
<img src="img/logo1.png" class="logoS" alt="logo">
<img src="img/logo2.png" class="logoS" alt="logo">
<img src="img/logo3.png" class="logoS" alt="logo">
<img src="img/logo4.png" class="logoS" alt="logo">
<img src="img/logo5.png" class="logoS" alt="logo">
</section>
</div>
<div id="main5">
<section class="content" id="seri">
<h5>SERIOUSLY</h5>
<h3>So start on this soon.</h5>
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id elit non mi porta gravida at eget metus. Curbitur blandlt tempus porttitot. Elasem malesuada magn. Vestibulum felis eulsmod semper.</p>
<img id="desktop" alt="Screen" src="img/desktop.png">
</section>
</div>
<div id="main6">
<section class="content" id="formtitle">
<h5>THIS FORM DOESN'T HAVE TO WORK</h5>
<h3>But create it anyway. Use the right fields ...</h3>
</section>
<section id="form">
<img id="trial" alt="trial" src="img/trial.png">
<form id="form1">
<div class="col4">
<input type="text" placeholder="FULL NAME" class="input1 typeform" name="name">
</div>
<div class="col4">
<input type="text" placeholder="YOUR EMAIL" class="input1 typeform" name="email">
</div>
<div class="col4">
<input type="text" placeholder="PASSWORD" class="input1 typeform" name="password">
</div>
<div class="col4">
<input type="submit" value="TRY NOW" id="trynow" class="input1" name="name">
</div>
</form>
</section>
<section class="content" id="smalltext">
<p>And some small text should go here.</p>
</section>
</div>
<footer>
<section id="footercontent">
<div class="footer44" id="address">
<p>Aenean lscinia blbendum nulla sed</p><br>
<p>consectetur. Aenean eu leo quam.</p><br>
<p>USA & CAN: 1-888-123-4567</p><br>
<p>Address: 34 Brokel Rd. NY</p>
</div>
<div id="clear">
<div class="footer4">
<h4>Support</h4>
<ul>
<li>Help Center</li>
<li>Get Started</li>
<li>Contact Us</li>
</ul>
</div>
<div class="footer4">
<h4>About Us</h4>
<ul>
<li>About Us</li>
<li>Terms of Use</li>
<li>Privacy Policy</li>
</ul>
</div>
</div>
<div class="footer4" id="formfoot">
<h4>Get Newsletter</h4>
<form>
<input type="text" placeholder="EMAIL" class="footerform formfloat" name="name">
<input type="submit" class="formfloat" id="image-button" value=""></input>
</form>
<img alt="social Media" src="img/socialmedia.png" id="socialmedia">
</div>
</section>
</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>