Permalink
Cannot retrieve contributors at this time
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?
assignment-4/index.html
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
181 lines (171 sloc)
8.04 KB
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html class="no-js" lang=""> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="x-ua-compatible" content="ie=edge"> | |
<title>Scrolling Website with Dogs</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"> | |
<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> | |
<h1>Code Out This Layout So Flawlessly It’ll Make Joel Cry </h1> | |
<div class="button1"> | |
<h3>TRY NOW</h3> | |
</div> | |
<p>*This Should All Be Text</p> | |
<header> | |
<div id="section1"> | |
<div id="dog-paragraph"> | |
<h3 class="orange-text">JANUARY 28, 2016</h3> | |
<h2 class="section-title">And here’s a random photo of a dog ....</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.<br> | |
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> | |
<img id="dog-image" src="img/dog.png" alt="This is a dog;"> | |
</div> | |
<div id="section2"> | |
<div class="header-section2" | |
<h3 class="orange-text">NEW FEATURES</h3> | |
<h2 class="section-title">Some Awesome Columns</h2> | |
</div> | |
<div id="awesome-features"> | |
<div class="features-3"> | |
<img class="picture-3" src="img/picture.png" alt="drawing of a picture;"> | |
<h5>Some Awesome features</h5> | |
<p>Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue.</p> | |
</div> | |
<div class="features-3"> | |
<img class="picture-3" src="img/airplane.png" alt="drawing of an airplane;"> | |
<h5>Some Awesome features</h5> | |
<p>Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue.</p> | |
</div> | |
<div class="features-3"> | |
<img class="picture-3" src="img/bulb.png" alt="drawing of a light builb;"> | |
<h5>Some Awesome features</h5> | |
<p>Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue.</p> | |
</div> | |
</div> | |
</div> | |
<div id="section3"> | |
<img id="dog2" src="img/dog2.jpg" alt="the 2nd dogg image on this site;"> | |
<div id="dog-paragraph"> | |
<h3 class="orange-text">Start ASAP</h3> | |
<h2 class="section-title">This is a pretty big project, you know ....</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="section4"> | |
<div id="people"> | |
<div class="workers"> | |
<div class="box"></div> | |
<h4 class="people-name">Jonathon Doe</h4> | |
<h3 class="people-position">Co Founder</h3> | |
<p>“Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id gravida at eget metus. | |
Etiasem malesuada magn” | |
</p> | |
</div> | |
<div class="workers"> | |
<div class="box"></div> | |
<h4 class="people-name">Jonathon Doe</h4> | |
<h3 class="people-position">Co Founder</h3> | |
<p>“Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id gravida at eget metus. | |
Etiasem malesuada magn” | |
</p> | |
</div> | |
<div class="workers"> | |
<div class="box"></div> | |
<h4 class="people-name">Jonathon Doe</h4> | |
<h3 class="people-position">Co Founder</h3> | |
<p>“Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id gravida at eget metus. | |
Etiasem malesuada magn” | |
</p> | |
</div> | |
</div> | |
<div id="section4-images"> | |
<img src="img/partner-logo-1.png" alt="Hits Logo"> | |
<img src="img/partner-logo-4.png" alt="RVLVR Logo"> | |
<img src="img/partner-logo-5.png" alt="Partner Logo"> | |
<img src="img/partner-logo-7.png" alt="Partner Logo"> | |
<img src="img/partner-logo-8.png" alt="Partner Logo"> | |
</div> | |
</div> | |
<div id="section5"> | |
<div class="header-section2" | |
<h3 class="orange-text">SERIOUSLY</h3> | |
<h2 class="section-title">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> | |
<img src="img/web-browser.png"alt="image of web browser;"> | |
</div> | |
<div id="form"> | |
<div id="form-text"> | |
<h3 class="orange-text">THIS FORM DOESNT HAVE TO WORK</h3> | |
<h2 class="form-white-text">But create it anyway. Use the right fields ...</h2> | |
</div> | |
<form> | |
<input type="text" value="Full Name"> | |
<input type="text" value="Your Email"> | |
<input type="text" value="Password"> | |
<input type="submit" value="Try Now"> | |
</form> | |
<p>Some small text should go here</p> | |
</div> | |
<footer> | |
<div id="adress"> | |
Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. <br> | |
USA & CAN: 1-888-123-4567 <br> | |
Address: 34 Brokel Rd. NY <br> | |
</div> | |
<div class="help"> | |
<div class="footer-text"> | |
<h3>Support</h3> | |
</div> | |
<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 class="help"> | |
<div class="footer-text"> | |
<h3>About US</h3> | |
</div> | |
<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="newsletter"> | |
<div class="footer-text"> | |
<h3>Get Newsletter</h3> | |
</div> | |
<input type="text" name="email"> | |
<div id="social-icons"> | |
<img src="img/dribbble_S.png" alt="social media icon;"> | |
<img src="img/facebook_S.png" alt="social media icon;"> | |
<img src="img/googleplus_S.png" alt="social media icon;"> | |
<img src="img/twitter_S.png" alt="social media icon;"> | |
</div> | |
</footer> | |
</html> |