-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
103 lines (98 loc) · 4.91 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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html>
<head>
<title>Ensemble Continuo</title> <!-- hi lb -->
<meta charset="utf-8" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="styles/main.css">
<link rel="stylesheet" type="text/css" href="styles/navbar.css">
<link rel="shortcut icon" type="image/jpg" href="images/note logo.png">
<script src="https://kit.fontawesome.com/1e86972b80.js" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>
<script src="scripts/loadnavbar.js"></script>
<!-- Global site tag (gtag.js) - Google Ads: 593551022 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-593551022"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-593551022');
</script>
<!-- Event snippet for Website traffic conversion page -->
<script>
gtag('event', 'conversion', {'send_to': 'AW-593551022/_yWfCL2Rnd8BEK69g5sC'});
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SLMVDHBTBP"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-SLMVDHBTBP');
</script>
<script>
function toggleMute() {
var video = document.getElementById("bgVideo");
var button = document.getElementById("muteButton");
if (video.muted) {
video.muted = false;
button.innerHTML = "Mute";
} else {
video.muted = true;
button.innerHTML = "Unmute";
}
}
</script>
<script id="mcjs">
!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/fdf6765d2687403e924ccc48f/538c36d8f6cc0f4bfb0dd8157.js");
</script>
<script type="module" src="scripts/perfReader.js"></script>
</head>
<body onload="document.body.style.opacity='1'">
<script>
document.addEventListener('DOMContentLoaded', async () => {
await window.generatePopup();
});
</script>
<div id="rnb"></div>
<!-- <div class="parallax"></div> -->
<div id="videoBackground">
<video autoplay muted loop id="bgVideo" onclick="toggleMute()">
<source src="videos/earth song.webm" type="video/webm">
Your browser does not support HTML5 video.
</video>
</div>
<div class="jumbotron">
<div class="main">
<h2 class="title"><b>ENSEMBLE CONTINUO</b></h2>
<h3 id="headline">We are a classical chamber choir based in Mountain View, California. </h3>
<a href="https://www.instagram.com/ensemblecontinuo/" target="_blank">
<i id="instagram" class="fab fa-instagram fa-3x" data-toggle="tooltip" data-placement="bottom" title="Instagram"></i>
</a>
<a href="https://www.youtube.com/@ensemblecontinuo468" target="_blank">
<i id="youtube" class="fab fa-youtube fa-3x" data-toggle="tooltip" data-placement="bottom" title="YouTube"></i>
</a>
<a href="https://www.facebook.com/profile.php?id=61560800301152" target="_blank">
<i id="facebook" class="fab fa-facebook fa-3x" data-toggle="tooltip" data-placement="bottom" title="Facebook"></i>
</a>
<a href="https://ensemble-continuo.us22.list-manage.com/subscribe?u=fdf6765d2687403e924ccc48f&id=b637d06d3f">
<i id="mailchimp" class="fa fa-envelope fa-3x" data-toggle="tooltip" data-placement="bottom" title="Subscribe to our mailing list"></i>
</a>
<a>
<a href="pages/join_us.html">
<i id="email" class="fas fa-reply fa-3x" data-toggle="tooltip" data-placement="bottom" title="Contact us"></i>
</a>
<br/>
<h4 id="instruction">
Click below to hear Frank Ticheli's Earth Song. Full recording on <a href="https://www.youtube.com/watch?v=oIpcmuQH59U" target="_blank">YouTube</a>.<br>
</h4>
</div>
</div>
<!-- <div class="parallax"></div> -->
</body>
</html>