Skip to content

Commit c104bfc

Browse files
cpe-codercpe-coder
committed
assemble the main structure
1 parent 63eb3c0 commit c104bfc

File tree

1 file changed

+81
-4
lines changed

1 file changed

+81
-4
lines changed

‎index.html‎

Lines changed: 81 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,87 @@
11
<!DOCTYPE html>
2-
<html lang="en">
2+
<html>
33
<head>
4-
<meta charset="UTF-8">
5-
<title>$Title$</title>
4+
<title>The Generics</title>
5+
<meta name="description" content="This is the description">
6+
<link rel="stylesheet" href="styles.css" />
67
</head>
78
<body>
8-
$END$
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+
<div class="container">
19+
<button type="button" class="btn btn-header">Get our Latest Album</button>
20+
</div>
21+
<button type="button" class="btn btn-header btn-play">&#9658;</button>
22+
</header>
23+
<section class="content-section container">
24+
<h2 class="section-header">TOURS</h2>
25+
<div>
26+
<div class="tour-row">
27+
<span class="tour-item tour-date">JUL 16</span>
28+
<span class="tour-item tour-city">DETROIT, MI</span>
29+
<span class="tour-item tour-arena">DTE ENERGY MUSIC THEATRE</span>
30+
<button type="button" class="tour-item tour-btn btn btn-primary">BUY TICKETS</button>
31+
</div>
32+
<div class="tour-row">
33+
<span class="tour-item tour-date">JUL 19</span>
34+
<span class="tour-item tour-city">TORONTO, ON</span>
35+
<span class="tour-item tour-arena">BUDWEISER STAGE</span>
36+
<button type="button" class="tour-item tour-btn btn btn-primary">BUY TICKETS</button>
37+
</div>
38+
<div class="tour-row">
39+
<span class="tour-item tour-date">JUL 22</span>
40+
<span class="tour-item tour-city">BRISTOW, VA</span>
41+
<span class="tour-item tour-arena">JIGGY LUBE LIVE</span>
42+
<button type="button" class="tour-item tour-btn btn btn-primary">BUY TICKETS</button>
43+
</div>
44+
<div class="tour-row">
45+
<span class="tour-item tour-date">JUL 29</span>
46+
<span class="tour-item tour-city">PHOENIX, AZ</span>
47+
<span class="tour-item tour-arena">AK-CHIN PAVILION</span>
48+
<button type="button" class="tour-item tour-btn btn btn-primary">BUY TICKETS</button>
49+
</div>
50+
<div class="tour-row">
51+
<span class="tour-item tour-date">AUG 2</span>
52+
<span class="tour-item tour-city">LAS VEGAS, NV</span>
53+
<span class="tour-item tour-arena">T-MOBILE ARENA</span>
54+
<button type="button" class="tour-item tour-btn btn btn-primary">BUY TICKETS</button>
55+
</div>
56+
<div class="tour-row">
57+
<span class="tour-item tour-date">AUG 7</span>
58+
<span class="tour-item tour-city">CONCORD, CA</span>
59+
<span class="tour-item tour-arena">CONCORD PAVILION</span>
60+
<button type="button" class="tour-item tour-btn btn btn-primary">BUY TICKETS</button>
61+
</div>
62+
</div>
63+
</section>
64+
<footer class="main-footer">
65+
<div class="container main-footer-container">
66+
<h3 class="band-name">The Generics</h3>
67+
<ul class="nav footer-nav">
68+
<li>
69+
<a href="https://www.youtube.com" target="_blank">
70+
<img src="Images/YouTube Logo.png">
71+
</a>
72+
</li>
73+
<li>
74+
<a href="https://www.spotify.com" target="_blank">
75+
<img src="Images/Spotify Logo.png">
76+
</a>
77+
</li>
78+
<li>
79+
<a href="https://www.facebook.com" target="_blank">
80+
<img src="Images/Facebook Logo.png">
81+
</a>
82+
</li>
83+
</ul>
84+
</div>
85+
</footer>
986
</body>
1087
</html>

0 commit comments

Comments
 (0)