Skip to content

Commit 8448a8d

Browse files
committed
assemble the about structure
1 parent c104bfc commit 8448a8d

File tree

1 file changed

+43
-3
lines changed

1 file changed

+43
-3
lines changed

about.html

Lines changed: 43 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,50 @@
11
<!DOCTYPE html>
2-
<html lang="en">
2+
<html>
33
<head>
4-
<meta charset="UTF-8">
5-
<title>Title</title>
4+
<title>The Generics | About</title>
5+
<meta name="description" content="This is the description">
6+
<link rel="stylesheet" href="styles.css" />
67
</head>
78
<body>
9+
<header class="main-header">
10+
<nav class="nav main-nav">
11+
<ul>
12+
<li><a href="index.html">HOME</a></li>
13+
<li><a href="store.html">STORE</a></li>
14+
<li><a href="about.html">ABOUT</a></li>
15+
</ul>
16+
</nav>
17+
<h1 class="band-name band-name-large">The Generics</h1>
18+
</header>
819

20+
<section class="content-section container">
21+
<h2 class="section-header">ABOUT</h2>
22+
<img class="about-band-image" src="Images/Band Members.png">
23+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta dolorum nulla accusantium perferendis quam explicabo odit quisquam ea natus? Saepe ducimus, minima error alias dolorum consectetur officia architecto voluptatem iure sunt eveniet nam, recusandae explicabo, itaque vel autem. Accusamus suscipit sit labore sed blanditiis a est rem harum expedita veritatis numquam voluptatibus dolore voluptatum sunt repellendus explicabo, excepturi beatae perferendis. Numquam dicta quis ipsum explicabo suscipit alias placeat, ea, vero minus ducimus voluptatibus iste repellendus deleniti? Eos, quas! Voluptatem tempora explicabo, corrupti dolor hic iure quo, ipsum voluptates quaerat omnis accusamus et vel, necessitatibus doloribus optio. Odio nobis ad molestias.</p>
24+
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio qui consequuntur aut. Nobis debitis ipsum soluta sit itaque officiis impedit maiores suscipit magni id harum consequuntur quas delectus culpa, saepe nostrum, autem ullam! Assumenda molestiae reprehenderit sunt ducimus id saepe porro vitae asperiores eum accusantium? Illum aliquid excepturi magni quos.</p>
25+
</section>
26+
27+
<footer class="main-footer">
28+
<div class="container main-footer-container">
29+
<h3 class="band-name">The Generics</h3>
30+
<ul class="nav footer-nav">
31+
<li>
32+
<a href="https://www.youtube.com" target="_blank">
33+
<img src="Images/YouTube Logo.png">
34+
</a>
35+
</li>
36+
<li>
37+
<a href="https://www.spotify.com" target="_blank">
38+
<img src="Images/Spotify Logo.png">
39+
</a>
40+
</li>
41+
<li>
42+
<a href="https://www.facebook.com" target="_blank">
43+
<img src="Images/Facebook Logo.png">
44+
</a>
45+
</li>
46+
</ul>
47+
</div>
48+
</footer>
949
</body>
1050
</html>

0 commit comments

Comments
 (0)