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?

corporate-page/index.html

Go to file
 
 
Cannot retrieve contributors at this time
191 lines (186 sloc) 9.75 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>Corporate Page</title>
<meta name="description" content="Corporate Page">
<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:400,100,100italic,200,200italic,300,300italic,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic' rel='stylesheet' type='text/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 -->
<div id="pg1">
<div id="title">
<h1>Code Out This Layout So Flawlessly It'll Make Joel Cry</h1>
</div>
<div id="pg1-2">
<button class="button pg1-button">TRY NOW</button>
</div>
<div id="disclaimer">
<p>*This should all be text</p>
</div>
</div>
<div id="pg2">
<div id="pg2-1">
<h4 class="red">JANUARY 28, 2016</h4>
<h2>And here's a random photo of a dog <span class="red">...</span></h2>
<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 id="pg2-2">
<img id="dog1" src="img/dog1.jpg" alt="dog">
</div>
</div>
<div id="pg3">
<div id="pg3-1">
<h4 class="red">NEW FEATURES</h4>
<h2>Some Awesome Columns</h2>
</div>
<div id="pg3-2">
<div id="col3-1">
<img class="col3-img" src="img/picture.png" alt="photos">
<h4>Some awesome features</h4>
<p>Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div id="col3-2">
<img class="col3-img" src="img/airplane.png" alt="airplane">
<h4>Some awesome features</h4>
<p>Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div id="col3-3">
<img class="col3-img" src="img/bulb.png" alt="lightbulb">
<h4>Some awesome features</h4>
<p>Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue.</p>
</div>
</div>
</div>
<div id="pg4">
<div id="pg4-1">
<img id="dog2" src="img/dog2.jpg" alt="dog">
</div>
<div id="pg4-2">
<h4 class="red">Start ASAP</h4>
<h2>This is a pretty big project, you know <span class="red">...</span></h2>
<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>
</div>
</div>
<div id="pg5">
<div id="pg5-1">
<div id="col5-1">
<div class="square"></div>
<h4 class="white">Jonathon Doe</h4>
<h5 class="red">Co-Founder</h5>
<p>“Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id gravida at eget metus. Etiasem malesuada magn”</p>
</div>
<div id="col5-2">
<div class="square"></div>
<h4 class="white">Jonathon Doe</h4>
<h5 class="red">Co-Founder</h5>
<p>“Pellentesque ornare sem lacinia quam. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Etiasem malesuada magn”</p>
</div>
<div id="col5-3">
<div class="square"></div>
<h4 class="white">Jonathon Doe</h4>
<h5 class="red">Co-Founder</h5>
<p>“Aenean eu leo quam. Pellentesque ornare sem lacinia qua emere wancerid elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Etiasem malesuada magn”</p>
</div>
</div>
<div id="pg5-2">
<img class="pg5-img" src="img/logo1.png" alt="hits">
<img class="pg5-img" src="img/logo2.png" alt="rvlvr">
<img class="pg5-img" src="img/logo3.png" alt="eatfindr">
<img class="pg5-img" src="img/logo4.png" alt="igor hair studios">
<img class="pg5-img" src="img/logo5.png" alt="sienna">
</div>
</div>
<div id="pg6">
<div id="pg6-1">
<h4 class="red">SERIOUSLY</h4>
<h2>So start on this soon.</h2>
<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>
</div>
<div id="pg6-2">
<img class="pg6-img" src="img/browser.png" alt="browser window">
</div>
</div>
<div id="pg7">
<div id="pg7-1">
<h4 class="red">THIS FORM DOESN'T HAVE TO WORK</h4>
<h2 class="white">But create it anyway. Use the right fields <span class="red">...</span></h2>
</div>
<div id="pg7-2">
<div id="col7-1">
<input class="info pg7-info" type="text" name="FULL NAME" placeholder="FULL NAME">
<input class="info pg7-info" type="text" name="YOUR EMAIL" placeholder="YOUR EMAIL">
<input class="info pg7-info" type="text" name="PASSWORD" placeholder="PASSWORD">
</div>
<div id="col7-2">
<img id="arrow" src="img/arrow.png" alt="arrow">
<p id="trial">30 days free trial for all</p>
<button class="button pg7-button">TRY NOW</button>
</div>
</div>
<div id="pg7-3">
<p>And some small text should go here.</p>
</div>
</div>
<footer>
<div id="pg8">
<div id="ftcol-1">
<p>Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam.</p>
<p>USA & CAN: 1-888-123-4567</p>
<p>Address: 34 Brokel Rd. NY</p>
</div>
<div id="ftcol-2">
<h4 class="ft-title">Support</h4>
<ul>
<li><a href="#">Help Center</a></li>
<li><a href="#">Get Started</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div id="ftcol-3">
<h4 class="ft-title">About Us</h4>
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Terms of Use</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
<div id="ftcol-4">
<h4 class="ft-title">Get Newsletter</h4>
<input class="info pg8-info" type="text" placeholder="EMAIL" name="EMAIL">
<button class="button pg8-button" type="submit"><img src="img/paper-plane.png"></button>
<div id="icons">
<a href="#"><img class="ft-img" src="img/icon1.png" alt="dribble"></a>
<a href="#"><img class="ft-img" src="img/icon2.png" alt="facebook"></a>
<a href="#"><img class="ft-img" src="img/icon3.png" alt="google plus"></a>
<a href="#"><img class="ft-img" src="img/icon4.png" alt="twitter"></a>
</div>
</div>
</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>