-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
134 lines (123 loc) · 4.78 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Company Name 1 | About</title>
<!-- VIEWPORT FOR MOBILE -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- MAIN CSS -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="header">
<div class="container">
<h2 class="logo">
<a href="index.html">Company Name</a>
</h2>
<p class="tagline">Tagline Goes Here</p>
<ul class="utility-nav">
<li>
<a href="#">Link</a>
</li>
<li>
<a href="#">Link</a>
</li>
<li>
<a href="#">Link</a>
</li>
</ul>
</div>
</header>
<nav class="main-nav row">
<div class="container">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">News</a></li>
<li><a class="active" href="about.html">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</nav>
<main>
<div class="container row">
<article class="article">
<h1>Title of the Main Article</h1>
<h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper, nunc quis euismod porta. Cras volutptat neque eget neque volutpat in congue diam eleifend.</h2>
<h4 class="date">Date of Article MM/DD/YYYY</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus scelerisque condimentum leo in porta. Pellentesque ac mauris diam, et scelerisque tortor. Cras volutpat neque eget neque volutpat in congue diam eleifend. Donec aliquam accumsan urna, volutpat semper augue lobortis eget. Maecenas condimentum est eu urna consectetur vestibulum. Curabitur eget purus massa, non lobortis ipsum. Nulla mollis rhoncus vehicula. Pellentesque nunc metus, posuere et pellentesque non, faucibus ut dui. Ut rhoncus iaculis est eget pulvinar. Mauris consectetur ornare quam, congue vehicula tortor pharetra et.
</p>
<p>
Maecenas ac lacus massa, ac sodales velit. Nullam viverra felis quis mi volutpat non posuere lacus tempor. Aliquam erat volutpat. Curabitur pellentesque, nunc sed ornare ultricies, libero nibh convallis odio, sit amet pretium ante massa et erat. Nulla facilisi. In hac habitasse platea dictumst. Suspendisse non metus justo. Cras sapien turpis, convallis ac fringilla quis, aliquam egestas dui. Suspendisse mollis fringilla eros tempus congue.
</p>
<p>
In hac habitasse platea dictumst. Vestibulum orci urna, egestas sit amet luctus eu, ullamcorper varius libero. Vivamus in diam mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.
</p>
</article>
<aside class="sidebar">
<div class="widget">
<h3>SubNav</h3>
<ul>
<li><a href="#">Sub Section 1</a></li>
<li><a href="#">Sub Section 2</a></li>
</ul>
</div>
<div class="widget">
<h3>Testimonials</h3>
<p class="quote">
“Curabitur a nunc at arcu elementum tincidunt. Sed sit amet turpis sed tortor venenatis lacinia. Suspendisse ut felis in tortor porttitor euismod.”
<span>
- John Doe
</span>
</p>
</div>
</aside>
</div>
</main>
<footer class="footer">
<div class="container">
<ul class="row">
<li class="col">
<a href="#">Products</a>
<ul>
<li><a href="#">Services</a></li>
<li><a href="#">Packages</a></li>
<li><a href="#">Custom</a></li>
</ul>
</li>
<li class="col">
<a href="#">News</a>
<ul>
<li><a href="#">Latest News</a></li>
<li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</a></li>
</ul>
</li>
<li class="col">
<a href="#">About</a>
<ul>
<li><a href="#">Mission Statement</a></li>
<li><a href="#">History</a></li>
</ul>
</li>
<li class="col">
<a href="#">Contact</a>
<ul>
<li>
<address>
John Doe <br>
Company Name <br>
999 Street Address, Town, ST 12345 <br>
800-555-1212 <br>
email [at] companyname.com
</address>
</li>
</ul>
</li>
</ul>
<p class="copyright">© Copyright CompanyName</p>
</div>
</footer>
</body>
</html>