-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
82 lines (82 loc) · 5.34 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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="og:title" content="The Western Music">
<meta name="og:type" content="website">
<meta name="og:url" content="https://developers-rccs.github.io/wstrn-music-site/">
<meta name="og:image" content="https://developers-rccs.github.io/wstrn-music-site/assets/logoWesternMusic.png">
<meta name="og:description" content="This is an application created by the Computer Society and the Western Music Society of Royal College to promote western music culture within students">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" type="image/png" href="assets/favicon.png"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<title>Guide to Western Music</title>
</head>
<body>
<nav class="container navbar">
<a href class="navbar-brand ml-md-4 d-flex align-items-center">
<img style="margin: 0;" height="30" src="assets/logoWesternMusic.png"/>
<strong class="ml-2">Guide to Western Music</strong>
</a>
<ul class="nav">
<li class="nav-item mx-1"><a class="btn btn-light btn-sm" href>
Home
</a></li>
<li class="nav-item mx-1"><a class="btn btn-outline-light btn-sm" href="#contentSection">
Read Book
</a></li>
</ul>
</nav>
<main>
<div class="container-fluid welcome-div py-sm-3 mb-5 text-center">
<h1 class="display-2 txt-glow py-sm-4 mx-auto my-3 my-sm-5">Discover the<br/>Real Music</h1>
<div class="py-1"><a href="#contentSection" class="btn btn-outline-light btn-lg">
Get Started
</a></div>
<div class="py-3 py-sm-5"><a href="#contentSection">
<svg width="52" height="71" viewBox="0 0 62 81" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M28.1147 38.0906L30 40.4786L30.5698 40.0288L31.1395 40.4786L33.0248 38.0906L33.1395 38L33.1179 37.9726L61.1395 2.47858L58 0L30.5698 34.745L3.13953 0L0 2.47858L28.0216 37.9726L28 38L28.1147 38.0906Z" fill="white"/>
<path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M28.1147 58.0906L30 60.4786L30.5698 60.0288L31.1395 60.4786L33.0248 58.0906L33.1395 58L33.1179 57.9726L61.1395 22.4786L58 20L30.5698 54.745L3.13953 20L0 22.4786L28.0216 57.9726L28 58L28.1147 58.0906Z" fill="white"/>
<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M28.1147 78.0906L30 80.4786L30.5698 80.0288L31.1395 80.4786L33.0248 78.0906L33.1395 78L33.1179 77.9726L61.1395 42.4786L58 40L30.5698 74.745L3.13953 40L0 42.4786L28.0216 77.9726L28 78L28.1147 78.0906Z" fill="white"/>
</svg>
</a></div>
</div>
<div id="contentSection" class="container-fluid py-3 mb-5">
<div class="sectiontitle h1 mb-5 ml-sm-4 pl-sm-4 pl-2">The Contents</div>
<div id="contents" class="container accordion px-0">
<div class="card black-glow">
<div class="card-header shadow-sm bg-light" id="headingOne">
<a class="btn btn-lg btn-link" href="" data-toggle="collapse" data-target="#collapser" aria-expanded="true" aria-controls="collapser">
<span class="spinner-border spinner-border-sm my-1 mx-1" role="status" aria-hidden="true"></span>
Loading...
</a>
</div>
<div id="collapser" class="collapse" aria-labelledby="headingOne" data-parent="#contents">
<div class="card-body">
Loading...
</div>
</div>
</div>
</div>
</div>
</main>
<footer>
<hr color="grey" width="40%"/>
<div class="my-1 text-center" style="font-size: 0.9rem;">A project by Royal College Western Music Society & Royal College Computer Society</div>
<div><center>
<img height="120" src="assets/wms_logo.png" />
<img height="120" src="assets/rccs_logo.png" />
</center></div>
<hr color="grey" width="40%"/>
</footer>
<script type="text/javascript" src="data/contents.js"></script>
<script type="text/javascript" src="js/utils.js"></script>
<script type="text/javascript" src="js/home.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script>main();</script>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</body>
</html>