-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
126 lines (121 loc) · 6.56 KB
/
about.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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<!-- open-iconic-bootstrap (icon set for bootstrap) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/open-iconic/1.1.1/font/css/open-iconic-bootstrap.min.css" integrity="sha256-BJ/G+e+y7bQdrYkS2RBTyNfBHpA9IuGaPmf9htub5MQ=" crossorigin="anonymous" />
<!-- internal CSS-->
<link rel="stylesheet" href="css/main.css"/>
</head>
<body>
<div class="container-fluid border header_top_links">
<div class="row align-self-center header_top_container">
<div class="col">
<a class="text-white" href="about.html"><span class="oi oi-comment-square"></span> Contact Us</a>
</div>
<div class="col">
<span class="oi oi-phone"></span> Phone: 07 4724 2086
</div>
<div class="col">
<a class="text-white" href="members.html"><span class="oi oi-person"></span> Become a Member!</a>
</div>
</div>
</div>
<div class="container mt-2">
<div class="row align-items-center justify-content-center top_logo_container">
<div class="col logo_text_small">
<span class="oi oi-sun"></span>
</div>
<div class="col logo_text_medium">
<span class="oi oi-sun"></span>
</div>
<div class="col logo_text_big">
<span class="oi oi-sun"></span>
</div>
<div class="col">
<img src="img/siteImages/TCMC10067.jpg" alt="Logo image" class="img-thumbnail">
</div>
<div class="col logo_text_big">
<span class="oi oi-sun"></span>
</div>
<div class="col logo_text_medium">
<span class="oi oi-sun"></span>
</div>
<div class="col logo_text_small">
<span class="oi oi-sun"></span>
</div>
</div>
</div>
<div class="container mt-2">
<ul class="nav justify-content-center text-uppercase nav-pills">
<li class="nav-item">
<a class="nav-link text-dark" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark active" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="events.html">Events</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="history.html">History</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="artists.html">Artists</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="bulletins.html">Bulletins</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="members.html">Members</a>
</li>
</ul>
</div>
<div class="container mt-5">
<div class="jumbotron bg-white">
<h1 class="display-3">About Us</h1>
<p class="lead">Based in Townsville, North Qld, the Music Centre presents concerts and workshops throughout the year, in a diverse range of genres including classical, jazz, folk, blues, world and contemporary music, featuring touring artists and locally-based professional and emerging artists.</p>
<p class="lead">Townsville Community Music Centre is a not-for-profit, incorporated organisation serving musicians and their audience in North Queensland. The Music Centre's role includes facilitation, presentation and promotion of events, functions, education, workshops, concerts, festivals in Townsville, and surrounding centres.
It promotes local artists and presents performances by inter- and intra-state and international artists.
It is involved in the instigation of projects based on cross collaboration with other artistic disciplines, and it promotes the work of North Queensland musicians outside the region, organising tours and promoting their work.
The Music Centre offers various levels of membership.
</p>
<p class="lead">To join and experience the benefits that membership provides when using this site please click <a href="members.html">here</a> to join now.</p>
<hr class="my-4">
<div class="row align-items-center justify-content-center">
<div class="col">
<div class="card bg-light mb-3 text-center">
<div class="card-header">Our Contacts</div>
<div class="card-body text-dark">
<span class="oi oi-phone"></span> Phone: 07 4724 2086 |
<span class="oi oi-signal"></span> Mobile: 0402 255 182 |
<span class="oi oi-envelope-closed"></span> Email: admin@townsvillemusic.org.au
<p class="mt-3"><span class="oi oi-pencil"></span> Postal Address: PO Box 1006, Townsville, Qld 4810</p>
</div>
</div>
</div>
</div>
<div class="row align-items-center justify-content-center">
<div class="col">
<div class="card bg-light mb-3 text-center">
<div class="card-header">Our Location</div>
<div class="card-body text-dark">
<p class="mb-3">Townsville Civic Theatre, 41 Boundary Street, Townsville, Qld 4810</p>
<img src="img/randomImages/location_map.JPG"/>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
</body>
</html>