-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
53 lines (52 loc) · 2.64 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Acme Web Design | About us</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<header>
<div class="container">
<div id="branding">
<h1><span class="highlight">Acme</span> Web Design</h1>
</div>
<div id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li class="current"><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
</ul>
</div>
</div>
</header>
<section id="newsletter">
<div class="container">
<h1>Subscribe To Our Newsletter</h1>
<form>
<input type="email" placeholder="Enter Email...">
<button type="submit" class="btn-1">Subscribe</button>
</form>
</div>
</section>
<section id="main">
<div class="container">
<article id="main-col">
<h1 class="page-title">About us</h1>
<p class="grey">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porta, justo in molestie dictum, lectus ex elementum sem, lacinia ultricies leo ligula eu libero. Nulla facilisi. Praesent eu tristique nibh, non lobortis ligula. Fusce tristique libero at pharetra ultrices. Donec at eros elit. Phasellus iaculis ipsum non nibh dictum blandit. Quisque venenatis tempus ipsum, non imperdiet tortor auctor a.</p>
<p class="dark">Donec aliquet massa in cursus lacinia. Fusce purus turpis, pharetra sit amet felis ut, varius fringilla augue. Etiam id est sit amet odio consectetur consequat nec quis nunc. Cras blandit, enim eget mollis iaculis, libero magna tristique lacus, in vestibulum nibh leo sed libero. Nulla scelerisque tincidunt nisl a ullamcorper. Vivamus feugiat turpis et massa tempor cursus. Ut sem metus, tincidunt cursus leo at, vulputate eleifend magna. In a ornare nibh, nec eleifend ipsum.</p>
</article>
<aside id="sidebar">
<div class="dark">
<h3>What We Do</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porta, justo in molestie dictum, lectus ex elementum sem, lacinia ultricies leo ligula eu libero. Nulla facilisi. Praesent eu tristique nibh, non lobortis ligula</p>
</div>
</aside>
</div>
</section>
<footer>
<p>Acme Web Design, Copyright © 2021</p>
</footer>
</body>
</html>