-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
140 lines (140 loc) · 4.45 KB
/
home.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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE HTML>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"></meta>
<title>Taal Tadka A Cappella</title>
<meta content="width=device-width, initial-scale=1" name="viewport"></meta>
<link href="assets/css/main.css" rel="stylesheet"></link>
<style type="text/css"></style>
</head>
<body>
<!-- Header -->
<section class="dark" id="header">
<header>
<h1>TAAL TADKA</h1>
<p>Georgia Tech's premier South Asian fusion a cappella group</p>
</header>
<footer>
<a class="button scrolly" href="#first">About</a>
<a class="button scrolly" href="#first">Repertoire</a>
<a class="button scrolly" href="#first">Gallary</a>
<a class="button scrolly" href="#first">Members</a>
<a class="button scrolly" href="#first">Audition</a>
<a class="button scrolly" href="#first">Shop</a>
<a class="button scrolly" href="#first">Contact</a>
</footer>
</section>
<!-- First -->
<section class="main" id="first">
<header>
<div class="container">
<h2>ABOUT</h2>
<p>Taal Tadka is the first and only South Asian fusion a cappella group from Georgia Tech! We perform medleys of songs in Hindi, English, and other South Asian languages as well. As our name suggests, we believe in creating "spiced-up rhythm" using just our voices, and aim to bring cultures together in the process!</p>
</div>
</header>
<div class="content dark style2">
<div class="container">
<div class="row">
<div class="4u 12u(narrow)">
<section>
<h3>Take a look at what we do!</h3>
<p>Taal Tadka performs several times during the year on the Georgia Tech campus, around the Atlanta area, and other locations throughout the country. We also hold open auditions every August and January for Atlanta-area college students (both undergraduate and graduate). Check our calendar for important performance and audition dates!</p>
<p>We have also released several recorded tracks, and last year we released our first album! Check out our Spotify/iTunes/YouTube for all our tracks and music videos!</p>
<footer>
<a class="button scrolly" href="#fourth">Contact us!</a>
</footer>
</section>
</div>
<div class="8u 12u(narrow)">
<div class="row">
<div class="6u">
<a class="image fit" href="listen.html">
<img alt="LISTEN" src="images/pic01.jpg">
</a>
</div>
<div class="6u">
<a class="image fit" href="watch.html">
<img alt="WATCH" src="images/pic02.jpg">
</a>
</div>
<div class="6u">
<a class="image fit" href="book.html">
<img alt="BOOK US" src="images/pic03.jpg">
</a>
</div>
<div class="6u">
<a class="image fit" href="audition.html">
<img alt="AUDITION" src="images/pic04.jpg" />
</a>
</div>
<div class="6u">
<a class="image fit" href="merch.html">
<img alt="MERCHANDISE" src="images/pic05.jpg" />
</a>
</div>
<div class="6u">
<a class="image fit" href="events.html">
<img alt="EVENTS" src="images/pic06.jpg" />
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Third -->
<!-- Fourth -->
<section class="main" id="fourth">
<header>
<div class="container">
<h2>Send us a message!</h2>
<p>Have a question? Want to learn more about us? Or shower us with compliments? Send us an email at taaltadkagt@gmail.com!</p>
</div>
</header>
</section>
<!-- Footer -->
<section id="footer">
<ul class="icons">
<li>
<a class="icon fa-twitter" href="http://twitter.com/taaltadka">
<span class="label">Twitter</span>
</a>
</li>
<li>
<a class="icon fa-facebook" href="http://facebook.com/taaltadka">
<span class="label">Facebook</span>
</a>
</li>
<li>
<a class="icon fa-instagram" href="http://instagram.com/taaltadka">
<span class="label">Instagram</span>
</a>
</li>
<li>
<a class="icon fa-youtube" href="http://youtube.com/taaltadka">
<span class="label">YouTube</span>
</a>
</li>
<li>
<a class="icon fa-apple" href="http://itunes.apple.com/us/artist/taal-tadka/id491180146">
<span class="label">iTunes</span>
</a>
</li>
</ul>
<div class="copyright">
<ul class="menu">
<li>© Untitled. All rights reserved.</li>
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</section>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</section>
</body>
</html>