-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
52 lines (49 loc) · 3.52 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Generics | About</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header class="mainHeader">
<nav class="nav mainNav">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="store.html">STORE</a></li>
<li><a href="about.html">ABOUT</a></li>
</ul>
</nav>
<h1 class="bandName bandNameLarge">The Generics</h1>
</header>
<section class="contentSection container">
<h2 class="sectionHeader">About</h2>
<img src="https://github.com/WebDevSimplified/Introduction-to-Web-Development/blob/master/Introduction%20to%20HTML/Lesson%202/Images/Band%20Members.png?raw=true" class="aboutBandImg">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Reiciendis excepturi nam adipisci vel porro obcaecati consequatur illo quia. Obcaecati officia minus voluptatem quia inventore beatae error earum officiis nihil non aliquid autem quod, dolores cumque mollitia nulla doloribus quidem ex corporis possimus sit id accusamus expedita! Praesentium, veritatis illum? Numquam laborum impedit dignissimos ab ea quis, pariatur perferendis deserunt porro molestias delectus minima nesciunt quaerat voluptatibus explicabo, nam, id facere omnis eligendi. Harum consequuntur aperiam et hic est id quis unde tempore quibusdam quisquam quo, voluptatum eligendi modi adipisci fuga tempora? Doloribus, numquam iste. Quaerat repellat sequi praesentium sunt distinctio!</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quisquam officia pariatur, ab, quas, nihil porro debitis labore maiores consequuntur saepe commodi quos esse recusandae sunt iure velit nulla. Obcaecati voluptate voluptatum dolor, reprehenderit quos qui commodi! Facilis soluta placeat optio consequatur repellendus molestias dolores officia perferendis? Quia perspiciatis maxime consequatur minima nam beatae cumque saepe numquam aliquam neque facilis, doloremque officiis laboriosam vero doloribus! Quaerat dolorum, eum aut asperiores quo quisquam a maxime natus expedita voluptate aspernatur accusamus eaque, cumque vel! Vitae, ipsum minima. lorem</p>
</section>
<footer class="mainFooter">
<div class="container mainFooterContainer">
<h3 class="bandName">The Generics</h3>
<ul class="nav footerNav">
<li><a href="https://youtube.com" target="_blank">
<img src="https://github.com/WebDevSimplified/Introduction-to-Web-Development/blob/master/Introduction%20to%20CSS/Lesson%201/Images/YouTube%20Logo.png?raw=true">
</a>
</li>
<li>
<a href="https://spotify.com" target="_blank">
<img src="https://github.com/WebDevSimplified/Introduction-to-Web-Development/blob/master/Introduction%20to%20CSS/Lesson%201/Images/Spotify%20Logo.png?raw=true">
</a>
</li>
<li>
<a href="https://facebook.com" target="_blank">
<img src="https://github.com/WebDevSimplified/Introduction-to-Web-Development/blob/master/Introduction%20to%20CSS/Lesson%201/Images/Facebook%20Logo.png?raw=true">
</a>
</li>
</ul>
</div>
</footer>
</body>
</html>