Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Midterm #2

Open
wants to merge 20 commits into
base: master
Choose a base branch
from
Open

Midterm #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
417076e
Added index.html and styles.css
Mar 8, 2016
ffdbc19
Added Sub Heading * 6
Mar 8, 2016
bc506e9
Added footer
Mar 10, 2016
adf9db4
Reorganized Footer and Css
Mar 10, 2016
595639a
Added fa fa-bookmark
Mar 15, 2016
569094b
Added specs to css
Mar 15, 2016
0e2e8b8
Adjusted Header Container
Mar 15, 2016
8fafb37
Added section02 and pic placeholder image
Mar 15, 2016
63a4fc0
Added section02 and created about.html
Mar 17, 2016
be819a3
Added headings and content
Mar 17, 2016
431cbcc
index/about.html
Mar 17, 2016
6ad1fc6
Revised Homepage
Mar 17, 2016
bbf26a4
Rearrange Links & Added Footer
Mar 29, 2016
b24d5c6
Rearranged Link in index.html
Mar 29, 2016
536a09e
Home & About Links
Mar 29, 2016
fc5311e
Revised Colums
Mar 29, 2016
8f2355b
Revising Main Nav
Mar 29, 2016
b3a8bc0
Nav-toggle
Mar 29, 2016
dfc5c97
Adjusting active class and footer nav
Mar 29, 2016
cbd877f
Removed Column class
Mar 29, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
98 changes: 98 additions & 0 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,98 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Company Name 2</title>

<!-- VIEWPORT FOR MOBILE -->
<meta name="viewport" content="width=device-width, initial-scale=1" />

<!-- MAIN CSS -->
<link rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link href="css/styles.css" rel="stylesheet" type="text/css">

</head>
<body>

<header class="header">
<div class="container">
<h1 class="logo"><a href="index.html">Company Name</a></h1>
<p class="tagline"><small>A FICTIONAL COMPANY WEBSITE</small></p>



</div>
</header>

<nav class="main-nav container">
<ul>
<li><a href="index.html">Home
<small>Welcome</small></a>
</li>
<li><a class="active" href="about.html">
<small>Who We Are</small></a>About
</li>
<li><a href="#">Products
<small>What We Sell</small></a>
</li>
<li><a href="#">Contact
<small>How to Get in Touch</small></a>
</li>
</ul>
</nav>

<main>
<div class="container">
<article class="article">
<h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h2>
<h3>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur non velit quis turpis dictum tincidunt. </h3>
<h4 class="date">Date of Article MM/DD/YYYY</h4>
<h3>Sed ultrices eget lacus eget maximus. Proin vitae porta sapien</h3>
In hac habitasse platea dictumst. Sed semper ex a dignissim fermentum. Suspendisse potenti. Vivamus a tincidunt ante, sit amet fermentum ligula. Suspendisse id maximus libero, eget suscipit purus. In sem odio, blandit id nisl in, tincidunt pellentesque ipsum. Aenean ipsum orci, venenatis sit amet rhoncus et, pellentesque vitae quam. Quisque in sem et lorem dictum tincidunt nec sit amet orci. Aliquam sit amet euismod magna, vel faucibus lorem. Vivamus sit amet metus sem. Ut eleifend nec dolor lacinia porta. Maecenas porttitor aliquam semper. Duis ut euismod metus.
<p>
Sed ultrices eget lacus eget maximus. Proin vitae porta sapien. In hac habitasse platea dictumst. Sed semper ex a dignissim fermentum. Suspendisse potenti. Vivamus a tincidunt ante, sit amet fermentum ligula. Suspendisse id maximus libero, eget suscipit purus. In sem odio, blandit id nisl in, tincidunt pellentesque ipsum. Aenean ipsum orci, venenatis sit amet rhoncus et, pellentesque vitae quam. Quisque in sem et lorem dictum tincidunt nec sit amet orci. Aliquam sit amet euismod magna, vel faucibus lorem. Vivamus sit amet metus sem. Ut eleifend nec dolor lacinia porta. Maecenas porttitor aliquam semper. Duis ut euismod metus.
</p>

</article>
</div>
</main>

<footer class="footer">
<nav class="footer-nav">
<div class="container">

<div class="footer-logo">
<a href="index.html">Company Name</a>
<p class="copyright">&copy; Company Name</p>
</div>


<li class="col">
<a href="#">Home</a>
<small>Welcome</small>

</li>
<li class="col">
<a href="#">About</a>
<small>Who We Are</small>
</li>

<li class="col">
<a href="#">Products</a>
<small>What We Sell</small>
</li>

<li class="col">
<a href="#">Contact</a>
<small>How to Get in Touch</small>
</li>
</div>
</nav>
</footer>





</body>
</html>
Loading