forked from audiobytes/audiobytes.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathjoin.html
130 lines (119 loc) · 5.97 KB
/
join.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
<!DOCTYPE HTML>
<!--
Phantom by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>AudioBytes | IIIT Delhi</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<link rel="apple-touch-icon" sizes="57x57" href="assets/icon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/icon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/icon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/icon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/icon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/icon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/icon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/icon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/icon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/icon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/icon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/icon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/icon/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="assets/icon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="inner">
<!-- Logo -->
<a href="index.html" class="logo">
<span class="symbol"><img src="images/logo.jpg" alt="" /></span><span class="title">AudioBytes</span>
</a>
<!-- Nav -->
<nav>
<ul>
<li><a href="#menu">Menu</a></li>
</ul>
</nav>
</div>
</header>
<!-- Menu -->
<nav id="menu">
<h2>Menu</h2>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="join.html">Join Us</a></li>
<!-- <li><a href="generic.html">Consequat dolor</a></li> -->
<!-- <li><a href="elements.html">Elements</a></li> -->
</ul>
</nav>
<!-- Main -->
<div id="main">
<div class="inner">
<h1>Join Us</h1>
<span class="image main"><img src="images/bandjoin.jpg" alt="" /></span>
<p>AudioBytes holds auditions every semester for students who are passionate about music. Members of AudioBytes are an integral part of the college's music community and participate actively in the music events that take place in the institute.</p>
<p>You can also join us by showing an active participation in external events and especially winning them.</p>
<!-- <p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fersapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit tristique lorem ipsum dolor.</p> -->
</div>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<section>
<h2>Get in touch</h2>
<form method="post" action="#">
<div class="fields">
<div class="field half">
<input type="text" name="name" id="name" placeholder="Name" />
</div>
<div class="field half">
<input type="email" name="email" id="email" placeholder="Email" />
</div>
<div class="field">
<textarea name="message" id="message" placeholder="Message"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send" class="primary" /></li>
</ul>
</form>
</section>
<section>
<h2>Follow</h2>
<ul class="icons">
<!-- <li><a href="#" class="icon style2 fa-twitter"><span class="label">Twitter</span></a></li> -->
<li><a href="https://www.facebook.com/AudioBytesIIITD/" class="icon style2 fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/audiobytesiiitd/" class="icon style2 fa-instagram"><span class="label">Instagram</span></a></li>
<!-- <li><a href="#" class="icon style2 fa-dribbble"><span class="label">Dribbble</span></a></li> -->
<li><a href="https://github.com/audiobytes" class="icon style2 fa-github"><span class="label">GitHub</span></a></li>
<li><a href="tel:+919718827023" class="icon style2 fa-phone"><span class="label">500px</span></a></li>
<!-- <li><a href="#" class="icon style2 fa-phone"><span class="label">Phone</span></a></li> -->
<li><a href="mailto:[email protected]" class="icon style2 fa-envelope-o"><span class="label">Email</span></a></li>
</ul>
</section>
<ul class="copyright">
<li>© Made by Atieve. All rights reserved</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>