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
187 lines (164 sloc) 6.97 KB
Raw Blame
Open in GitHub Desktop
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Corporate Page</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Exo' rel='stylesheet' type='text/css'>
</head>
<body>
<!-- Header -->
<div id="header" class="jumbotron text-center vertical-center pagination-centered">
<div class="header">
<h1>Code Out This Layout So Flawed It'll Make Hunter Cry</h1>
<button class="btn btn-danger btn-lg">Try Now</button>
<p>* This should all be text</p>
</div>
</div>
<!-- Article 1 -->
<div id="article1" class="row">
<div id="article1-text" class="col-md-6">
<h3 class="red">January 28, 2016</h3>
<h2>And Here's a Random Photo of a Dog <span class="red">...</span></h2>
<p class="darkgrey">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 class="darkgrey">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="article1-img" class="col-md-6">>
<img src="imgs/dog.png">
</div>
</div>
<!-- 3 Columns -->
<div id="features">
<div>
<h3 class="red">New Features</h3>
<h2>Some Awesome Columns</h2>
</div>
<div class="row">
<div class="col-md-4">
<img src="imgs/picture.png">
<h3>Some Awesome Features</h3>
<p>Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="col-md-4">
<img src="imgs/airplane.png">
<h3>Some Awesome Features</h3>
<p>Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="col-md-4">
<img src="imgs/bulb.png">
<h3>Some Awesome Features</h3>
<p>Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue.</p>
</div>
</div>
</div>
<!-- Article 2 -->
<div id="article2" class="row">
<div class="col-md-6">
<img src="imgs/dog2.png" id="article2-img">
</div>
<div class="col-md-6" id="article2-text">
<h3 class="red">Start ASAP</h3>
<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. 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>
<!-- Founders Columns -->
<div id="founders">
<div class="row" id="founders-bio">
<div class="col-md-4">
<img src="imgs/founders-hold.png">
<h2 class="white">Jonathon Doe</h2>
<h3 class="red">Co-Founder</h3>
<p class="lightgrey">“Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id gravida at eget metus. Etiasem malesuada magn”</p>
</div>
<div class="col-md-4">
<img src="imgs/founders-hold.png">
<h2 class="white">Jonathon Doe</h2>
<h3 class="red">Co-Founder</h3>
<p class="lightgrey">“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 class="col-md-4">
<img src="imgs/founders-hold.png">
<h2 class="white">Jonathon Doe</h2>
<h3 class="red">Co-Founder</h3>
<p class="lightgrey">“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 class="row" id="partners">
<img src="imgs/partner-logo-1.png">
<img src="imgs/partner-logo-2.png">
<img src="imgs/partner-logo-3.png">
<img src="imgs/partner-logo-4.png">
<img src="imgs/partner-logo-5.png">
</div>
</div>
<!--Web Page Section-->
<div id="mac">
<h3 class="red">Seriously</h3>
<h2>So start on this soon.</h2>
<p class="darkgrey">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>
<img src="imgs/mac.png">
</div>
<!--Entry Form -->
<div id="form">
<h3 class="red">This form doesn't have to work</h3>
<h2 class="white">But Create it Anyway. Use the Right Fields ...</h2>
<form class="form-inline">
<div class="form-group">
<input type="text" class="form-control" placeholder="FULL NAME">
</div>
<div class="form-group">
<input type="email" class="form-control" placeholder="YOUR EMAIL">
</div>
<div class="form-group">
<input type="password" class="form-control" placeholder="PASSWORD">
</div>
<button type="submit" class="btn btn-primary">TRY NOW</button>
</form>
<p class="lightgrey">And some small text should go here</p>
</div>
<!-- 4 Column Footer -->
<div class="row" id="footer">
<div class="col-md-3">
<p class="lightgrey">Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. </p>
<p class="lightgrey">USA & CAN: 1-888-123-4567</p>
<p class="lightgrey">Address: 34 Brokel Rd. NY</p>
</div>
<div class="col-md-3">
<ul>
<li><h3 class="darkgrey">Support</h3></li>
<li class="lightgrey">Help Center</li>
<li class="lightgrey">Get Started</li>
<li class="lightgrey">Contact Us</li>
</ul>
</div>
<div class="col-md-3">
<ul>
<li><h3 class="darkgrey">About Us</h3></li>
<li class="lightgrey">About Us</li>
<li class="lightgrey">Terms of Use</li>
<li class="lightgrey">Privacy Policy</li>
</ul>
</div>
<div class="col-md-3">
<h3>Get Newsletter</h3>
<div class="form-group">
<input type="email" class="form-control" placeholder="EMAIL">
</div>
<div class="row social">
<img src="imgs/bball.png">
<img src="imgs/fb.png">
<img src="imgs/google.png">
<img src="imgs/twit.png">
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>