forked from OttawaBrahmsChoir/ottawabrahmschoir.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
98 lines (91 loc) · 4.05 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
<html>
<head>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-127301730-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-127301730-1');
</script>
<title>Ottawa Brahms Choir</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<meta name="description" content="Home of the Ottawa Brahms Choir">
<meta name="keywords" content="Ottawa,Brahms,choir,German,no audition,community,singers,choral,music,musical,event,group,meetup">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="main">
<header>
<h1><a href="/"><img id="logo" src="logo.png" title="Ottawa Brahms Choir" alt="Ottawa
Brahms Choir"></a></h1>
<nav>
<ul id="nav">
<li><a href="/">Our Home</a></li>
<li><a href="https://www.eventbrite.ca/e/gloria-and-christmas-favourites-tickets-74489158077">Buy Tickets</a></li>
<!-- <li><a href="#">Plan Your Visit</a></li> -->
<li><a href="/join-us.html">Sing With Us</a></li>
<li><a href="/about.html">About OB Choir</a></li>
<li><a href="/support-us.html">Support Us</a></li>
</ul>
</nav>
</header>
<div id="event" class="event" style="--event-image: url('choir3.jpg')">
<h2>Concert</h2>
<div class="details">
<div class="datetime">
<span class="dow">Sunday</span>
<span class="date">April 26</span>
<span class="time">CANCELLED</span>
</div>
<div id="eventdetails">In light of the present circumstances, the Ottawa Brahms Choir has formally canceled its spring concert and remaining rehearsals this spring. See you in the fall!</a>
</div>
</div>
</div>
<div class="ctas">
<div class="subscribe">
<h3>Past Concerts</h3>
<span class="copy">
Our spring 2019 concert. </span>
<div id="form">
<form>
<button formaction="/concerts.html">Learn More</button>
</form>
</div>
</div>
<div class="join">
<h3>Sing With Us</h3>
<span class="copy">
We are always interested in new people who like to sing. Members in
any of the four voices are encouraged to come along. <strong>Tenors and
basses</strong> will be given an especially warm welcome. <br/> No auditions
are necessary!
</span>
<form>
<button formaction="/join-us.html">Learn More</button>
</form>
</div>
</div>
<div class="about">
<span class="wide-copy">
<h3 id="about-us">About Us</h3>
<p>The Ottawa Brahms Choir was founded in 1980 by Dieter Kiesewalter as a local German community choir. Currently directed by Christopher Askwith and accompanied by Svetlana Logigan, the choir continues to offer audiences a wide range of choral music, from classical to contemporary, while maintaining its roots in the German repertoire.</p>
<p>The choir rehearses at St. Giles Presbyterian Church, on the corner of Bank and First Ave., every Monday evening at 7 pm. Prospective members are invited to <a href="/join-us.html">drop in!</a></p>
<p><a href="/about.html">Learn More!</a></p>
</span>
<iframe id="video" width="560" height="315" src="https://www.youtube.com/embed/FBeR94Bqbxk?rel=0&start=18&showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
<footer>
<div>
<h4>Connect With Us</h4>
<a href="http://facebook.com/ottawabrahmschoir/">
<img src="fb.png" alt="Facebook">
</a>
<a href="https://www.youtube.com/channel/UCZcU3Hbl65oBktcaeFE87Tw/">
<img src="yt.png" alt="YouTube">
</a>
</div>
</footer>
</div>
</body>
</html>