-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathchambergroup.html
104 lines (101 loc) · 6.8 KB
/
chambergroup.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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="keywords" content="Science Olympiad, Friends of Madison Area Science Clubs, Science, scioly, Madison, Clubs, Science Olympiad Clubs, Nonprofit, Madison Science Olympiad, Madison West High School, Science Clubs, Organization, Parents, Chamber Group, Orchestra, Sounds of Music Chamber Group">
<meta name="description" content="Friends of Madison Area Science Clubs is a nonprofit organization that supports Science Olympiad and other science clubs in the Madison area.">
<meta name="author" content="Jacob Bolling">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Friends of Madison Area Science Clubs</title>
<link rel="icon" href="images/favicon.ico">
<link rel="stylesheet" href="scss/custom.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
</head>
<body data-bs-theme="dark">
<nav style="height:10vh" id="navbar-example2" class="navbar navbar-expand-lg sticky-top bg-body-tertiary px-3 mb-3">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">Friends of Madison Area Science Clubs</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarScroll" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse bg-body-tertiary justify-content-end" id="navbarScroll">
<ul class="nav nav-pills">
<li class="nav-item">
<a class="nav-link" href="index.html">Our Mission</a>
</li>
<li class="nav-item">
<a class="nav-link" href="badger.html">Badger Invitational</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link active dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Our Initiatives</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="scioly.html">Science Olympiad</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="active dropdown-item" href="chambergroup.html">Sounds of Music Chamber Group</a></li>
</ul>
</li>
<li class="nav-item d-flex">
<a class="btn btn-outline-success" href="https://donorbox.org/2025-science-donation-drive" target="_blank">Support Us</a>
</li>
</ul>
</div>
</div>
</nav>
<div id="carouselExampleAutoplaying" class="carousel position-relative" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/chambergroup/chambergroup.jpg" class="d-block w-50 mx-auto" alt="science olympiad chamber group">
</div>
<div class="carousel-item active">
<img src="images/chambergroup/piano_play.png" class="d-block w-50 mx-auto" alt="asian male playing piano">
</div>
<div class="carousel-item active">
<img src="images/chambergroup/violin.png" class="d-block w-50 mx-auto" alt="asian male playing violin">
</div>
<div class="carousel-item active">
<img src="images/chambergroup/trombone-play.png" class="d-block w-50 mx-auto" alt="asian male playing trombone">
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<div id="titlebox">
<div class="carousel-title position-absolute top-50 start-50 translate-middle text-center bg-body-secondary bg-opacity-50" id="title">
<div style="height:33vh" class="spacer-fill"></div>
<h1 id="title-text" class="display-3 fw-bolder text-body-emphasis">Our Initiatives</h1>
<div id="title-text-subheading" class="mx-auto lead mb-4">
Sounds of Music Chamber Group
</div>
<div style="height:33vh; width: 100vw" class="spacer-fill"></div>
</div>
</div>
</div>
<div data-bs-spy="scroll" data-bs-target="#navbar-example2" data-bs-smooth-scroll="true" class="scrollspy-example bg-body-tertiary p-3 rounded-2 text-center" tabindex="0">
<div class="container-sm vstack gap-3">
<div style="height: 10vh"></div>
<div class="border border-light border-3 text-bg-dark rounded p-5">
<h3 id="scrollspyHeading3" class="display-6 fw-normal">Sounds of Music Chamber Group</h3>
<div>
We operate and support a small chamber orchestra that performs concerts to benefit our organization and to provide music to the Madison communities! Many students we support are not only passionate about STEM but also are talented musicians! To join or get more info, <a href="mailto:[email protected]">contact us</a> or join the
<a href="https://discord.gg/jsaFBqMhqm">discord server</a>.
<br>
You can watch their latest recital here: <a href="https://www.youtube.com/watch?v=ftcORxkxVQ0">https://www.youtube.com/watch?v=ftcORxkxVQ0</a>
</div>
</div>
</div>
<div>
Friends of Madison Area Science Clubs is a registered 501(c)(3) nonprofit organization. All donations are tax-deductible.
</div>
<div>
This site is <a href="https://github.com/ProbablyComputingSquid/madwest-scioly-website">open source</a> and was created by Jacob Bolling, a student at Madison West High School. <a href="https://github.com/ProbablyComputingSquid/">Find me on Github!</a>
</div>
</div>
</body>
</html>