-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmusic.html
48 lines (45 loc) · 1.85 KB
/
music.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;700&family=Bellefair&family=Barlow:wght@400;700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="css/cle-travel.css">
<title>Cleveland Tourism</title>
<script src="js/navigation.js" defer></script>
</head>
<body class="music">
<header class="primary-header flex">
<div>
<img src="/images/cleveland-logo.png" alt="Vacation in Cleveland Logo" class="logo">
</div>
<button class="mobile-nav-toggle" aria-controls="primary-navigation"></button>
<nav>
<ul id="primary-navigation" data-visible="false" class="primary-navigation underline-indicators flex">
<li><a href="cle-travel.html"><span aria-hidden="true">00</span>Home</a>
<li class="active"><a href="music.html"><span aria-hidden="true">01</span>Music</a>
<li><a href="food.html"><span aria-hidden="true">02</span>Food</a>
<li><a href="sports.html"><span aria-hidden="true">03</span>Sports</a>
</ul>
</nav>
</header>
<main id="main" class="grid-container">
<div>
<h1 class="header-font">The Home of Rock and Roll
<span class="cleveland">Cleveland</span></h1>
<p>
With Rock and Roll Hall of Fame as your guide,
Immerse in music history, let it be your pride,
Discover the rhythm that echoes through the air,
In Cleveland's heart, you'll find it everywhere.
</p>
</div>
<div>
<a href="food.html" class="large-button">Explore</a>
</div>
</main>
</body>
</html>