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?
Go to file
 
 
Cannot retrieve contributors at this time
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title> Web2 Final Project</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<link href="https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/final-5.1.2020.css">
<script src="https://use.fontawesome.com/d4e127e2d0.js"></script>
<script src="https://kit.fontawesome.com/9c045b0ca9.js" crossorigin="anonymous"></script>
<meta name="theme-color" content="#fafafa">
</head>
<body>
<!--[if IE]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
<div id="main1">
<div class="center">
<h1>CODE OUT THIS LAYOUT SO FLAWLESSLY IT'LL MAKE JOEL CRY</h1>
<button id="topbutton">TRY NOW</button>
<p>* This should all be text</p>
</div>
</div>
<div id="main2">
<div class="dog">
<h3>JANUARY 28, 2016</h3>
<h2>And here's a random photo of a dog <em>...</em></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><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>
<picture>
<source media="(min-width: 1000px)" srcset="./img/retriever-with-stick.jpg">
<source media="(min-width: 750px)" srcset="./img/dog-looking-right.jpg">
<img src="./img/golden-retriever-mobile.jpg" alt="golden retriever" style="width:auto;">
</picture>
</div>
<div id="main3">
<h3>NEW FEATURES</h3>
<h2>Some Awesome Columns</h2>
<div class="columns">
<div class="columns3">
<img src="img/picture.png" alt="picture clip art">
<h4>Some awesome features</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem eligendi numquam neque nihil maxime</p>
</div>
<div class="columns3">
<img src="img/airplane.png" alt="airplane clip art">
<h4>Some awesome features</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem eligendi numquam neque nihil maxime</p>
</div>
<div class="columns3">
<img src="img/bulb.png" alt="bulb clip art">
<h4>Some awesome features</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem eligendi numquam neque nihil maxime</p>
</div>
</div>
</div>
<div id="main4">
<picture>
<img src="./img/goldenretreiver-grass.jpg" alt="golden retriever in the grass" style="width:auto;">
</picture>
<div class="dog">
<h3>Start ASAP</h3>
<h2>This is a pretty big project, you know <em>...</em></h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos nemo illum, quas obcaecati debitis incidunt iure enim in non nostrum repellat consectetur, molestiae quo quod aliquid quaerat hic consequatur quidem.</p>
</div>
</div>
<div id="main5">
<div class="columns">
<div class="columns3">
<img src="img/rectangle.png" alt="John Doe 1">
<h4>Jonathan Doe</h4>
<h3>CoFounder</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem eligendi numquam neque nihil maxime</p>
</div>
<div class="columns3">
<img src="img/rectangle.png" alt="John Doe 2">
<h4>Jonathan Doe</h4>
<h3>CoFounder</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem eligendi numquam neque nihil maxime</p>
</div>
<div class="columns3">
<img src="img/rectangle.png" alt="John Doe 3">
<h4>Jonathan Doe</h4>
<h3>CoFounder</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem eligendi numquam neque nihil maxime</p>
</div>
</div>
<ul>
<li><img src="./img/partner-logo-1.png" alt="Hits logo"></li>
<li><img src="./img/partner-logo-4.png" alt="RVLVR logo"></li>
<li><img src="./img/partner-logo-5.png" alt="Eatfindr logo"></li>
<li><img src="./img/partner-logo-7.png" alt="Igor logo"></li>
<li><img src="./img/partner-logo-8.png" alt="Sienna"></li>
</ul>
</div>
<div id="main6">
<h3>SERIOUSLY</h3>
<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>
<picture>
<source media="(min-width: 750px)" srcset="./img/browser.png">
<img src="./img/browser.png" alt="Mac Browser" style="width:auto;">
</picture>
</div>
<div id="main7">
<h3>THIS FORM DOESN'T HAVE TO WORK</h3>
<h2>But create it anyways. Use the right fields ...</h2>
<img src="img/30daytrial.PNG" alt="30 days free trial for all">
<form action="/action_page.php" method="get">
<input type="text" id="fname" name="fname" placeholder="Full Name" >
<input type="text" id="email" name="email" placeholder="YOUR EMAIL" >
<input type="text" id="password" name="password" placeholder="PASSWORD" >
<button type="button" id="enter" name="submit">TRY NOW</button>
</form>
<p>And some small text should go here</p>
</div>
<footer>
<p>Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam.
<br>USA & CAN: 1-888-123-4567<br>Address: 34 Brokel Rd. NY</p>
<div>
<h4>Support</h4>
<p>Help Center</p>
<p>Get Started</p>
<p>Contact Us</p>
</div>
<div>
<h4>About Us</h4>
<p>About us</p>
<p>Terms of Use</p>
<p>Privacy Policy</p>
</div>
<div id="newsletter">
<h4>Get Newsletter</h4>
<form>
<input type="text" name="fname" placeholder="EMAIL"><br><br>
<button type="button">
<img src="img/sendicon.png" alt="send icon">
</button>
</form>
<ul>
<li><img src="img/dribbble_S.png" alt="Dribble logo"></li>
<li><img src="img/facebook_S.png" alt="Facebook logo"></li>
<li><img src="img/googleplus_S.png" alt="Google Plus logo"></li>
<li><img src="img/twitter_S.png" alt="Twitter logo"></li>
</ul>
</div>
</footer>
<script src="js/vendor/modernizr-3.8.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.4.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
ga('create', 'UA-XXXXX-Y', 'auto'); ga('set','transport','beacon'); ga('send', 'pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async></script>
</body>
</html>