-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
66 lines (57 loc) · 1.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>About</title>
</head>
<body>
<main>
<header>
<img src="./images/logo.png" id="logo" alt="coffee logo" />
<h1>About</h1>
<nav>
<!-- navbar -->
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="numbers.html">Numbers</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<!-- hero image -->
<img src="./images/background.jpeg" alt="coffee beans" width="100%" />
</header>
<br />
<article>
<h2>About Us</h2>
<br />
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nisi incidunt
repellendus sunt asperiores accusantium, vel dicta quas rerum sint, a
fugiat non consequatur, id adipisci itaque mollitia. Ex maxime minus
cumque magni non dicta numquam laudantium corporis totam labore ducimus
nihil eligendi iure molestias ab consequatur nobis est perspiciatis cum
voluptate praesentium, autem at. Deleniti ipsam accusantium aut ipsa.
Adipisci porro officiis fugit magni maxime consequuntur impedit culpa sint
neque totam eligendi odit voluptatibus atque iste quibusdam quam esse
commodi sequi aliquam voluptate, facere, quae nostrum deserunt optio.
Velit sapiente tempore placeat sed quisquam id harum voluptate alias
minima rerum!
</p>
</article>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<footer>
<p>copyrigth ©2022</p>
<h3><a href="#logo">Back To Top</a></h3>
</footer>
</main>
</body>
</html>