-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
55 lines (55 loc) · 2.22 KB
/
index.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Guitar Club at Pitt</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class='topnav' id='myTopnav'>
<a href='index.html' class='bigname'><h3>GCP</h3></a>
<nav>
<ul class = 'navlinks'>
<li><a href="resources.html">Resources</a></li>
<li><a href="songs.html">Playlist</a></li>
<li><a href="monthly.html">Monthly</a></li>
<li><a href="weekly.html">Weekly</a></li>
<li><a href="people.html">People</a></li>
</ul>
</nav>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class='fa fa-bars'></i>
</a>
</header>
<div class="container">
<h1 class='title'>Guitar Club at Pitt</h1>
<div class="intro">
Welcome to Guitar Club at Pitt! We are an on-campus organization with the goal of bringing together guitar players of all genres and levels. We want to help you find new songs, bands, genres and styles, as well and people to play them with. Click <a href="weekly.html">here</a> to view our weekly posts, and click <a href="resources.html"> here </a> to view some of our favorite learning resources.
</div>
<br>
<div class="weekly">
<a href="weekly.html">This week's player of the week</a> is Slash.
</div>
<br>
<div class="monthly">
<a href="monthly.html">September</a> is Acoustic month.
</div>
<br>
<div class="involve">
Want to get involved? Contact Noah Bright at nmb84@pitt.edu and join our <a href="https://www.facebook.com/groups/guitarclubatpitt/" target=_blank>Facebook group!</a>
</div>
</div>
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
</body>
</html>