indiamst/index.html at gh-pages · highelves/indiamst · GitHub

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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
<!DOCTYPE html>
<html lang="en">

<head>

    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>India Association @ Missouri S & T</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/grayscale.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">

    <!-- Navigation -->
    <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                    <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand page-scroll" href="#page-top">
                    <i class="fa fa-play-circle"></i>  Go to the Top
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
                <ul class="nav navbar-nav">
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#about">About</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#pickupdrop">Winter Pick-Up/Drops</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#roommatereqt">Roommate Requirement</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#contact">Contact</a>
                    </li>

                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

    <!-- Intro Header -->
    <header class="intro">
        <div class="intro-body">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 col-md-offset-2">
                        <h1 class="brand-heading1">India</h1>
                        <h1 class="brand-heading2">Association</h1>
                        <p class="intro-text">A sangam of Indian students at the Missouri University of Science & Technology</p>
                        <a href="#about" class="btn btn-circle page-scroll">
                            <i class="fa fa-angle-double-down animated"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- About Section -->
    <section id="about" class="container content-section text-center">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2">
                <h2>About Us</h2>
                <p>Namaste!</p>

                <p>India Association (IA) is one of the most active Recognized Student Organizations (RSO) at Missouri S & T.  Our mission is primarily focused on helping the Indian student community while nurturing the culture & traditions of India. We have always believed in cherishing our diverse Indian roots & culture. At IA, Indian festivals are more than just events. They are an expression of our Indian tradition and diversity. We help new students gel in with our closely knit community, and we welcome you to join our extended family halfway around the world from home.</p>

                <p>India Association helps all incoming students with an airport pick up service along with temporary accommodation, until they find a permanent place to stay. IA also provides pick-up and drop services to Lambert International Airport at St. Louis during the Thanksgiving, spring, winter & summer holiday breaks.</p>

                <p>IA’s finest contribution to the Missouri S & T community takes place twice every academic year for conducting an event for Diwali & Holi. These are some of the biggest shows that take place on campus each year, where IA members display an amazing array of talent in different art performances & culinary skills! (Yes, students cook dinner for more than 800+ people who attend these events.)</p>

                <p>Check back on our website for regular updates about our events & other India related news!</p>
            </div>
        </div>
    </section>
    <!-- Winter Pick-Up / Drops Service -->
     <section id="pickupdrop" class="container content-section text-center">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2">
                <h2>Winter Pick-Up / Drops Service</h2>

                <p>Ho Ho Ho and a very merry Christmas to all! </p>

                <p>With winter setting in, India Association is providing our annual reindeer services for all during the winter break for traveling to / from Rolla and St. Louis! </p>

                <p> No, we won’t be flying you around on a sleigh & reindeer, but rather pick you up and drop by the modern miracle of the automobile!</p>

                <p> This service can be availed by all students of Missouri S & T, be it students who are currently enrolled or incoming students for the Spring 2016 semester. The service will begin from the 17th of December,2015 and run until the 19th of January, 2016.</p>

                <p> Do fill out the <a href="http://goo.gl/forms/u0G8tmLlTj">Google Form</a> at the end of this post with your relevant details so that you can avail our services. So as to not cause any inconveniences, do ensure that you’ve checked the information that you’ve provided us before submitting the form. </p>

                <p>Please note that pickups and drops is a voluntary service by India Association at Missouri S&T. Although we try to help you personally to the best of our abilities, we cannot legally guarantee you any support or assistance. Once we have received your information, you will receive an email from us confirming the ride with other details.</p>

                <p>Wish you all a very merry-berry-cherry-prairie-sherry-blueberry (okay, we won’t bother you with more rhymes!) Christmas and a fabulous New Year!</p>

                <p> <a href="http://goo.gl/forms/u0G8tmLlTj">Winter Pickup/Drop Service Google Form</a> </p>

            </div>
        </div>
    </section>

    <!-- Roommate Requirement Form -->
     <section id="roommatereqt" class="container content-section text-center">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2">
                <h2>Roommate Requirement</h2>

                <p>Winter is here! The White Walkers shall rise soon, but fear not, India Association and the Night’s Watch Brotherhood shall protect you from all evil! We shall help you conquer the wretched creatures of the night by forging friendships with your new roommates! </p>

                <p>Fill up the <a href="http://goo.gl/forms/R2N3NYzn86">Roommate Requirement Google Form</a> at the end of this post with your relevant details as required. Be sure to state your preferences such as your love for Valyrian steel, Dragon heartstring, Jimi Hendrix or Mughlai chicken, so that you’d be able to find that perfect roommate(s)!</p>

                <p> And for those of you who are looking at a place to stay, have a look at the <a href="https://docs.google.com/a/mst.edu/spreadsheets/d/1dFja9_c6yMfyCQGK5iVq2_Ou35J4d5H0YKnU9Z07ZK0">Response Sheet </a> of the Requirement Form to see if you’ve found that magical friend with a taste for Elfish music or Artificial Neural Networks!</p>

                <p> Happy rooming!</p>

                <p> Note:  Details that you have mentioned in these Google Forms shall be shared in public and India Association will not be responsible for the security / maintaining the privacy of the information that you provide. </p>

                <p><a href="http://goo.gl/forms/R2N3NYzn86">Roommate Requirement Form</a> </p>

                <p><a href="https://docs.google.com/a/mst.edu/spreadsheets/d/1dFja9_c6yMfyCQGK5iVq2_Ou35J4d5H0YKnU9Z07ZK0">Response Sheet to Roommate Requirement Form</a> </p>

            </div>
        </div>
    </section>


    <!-- Contact Section -->
    <section id="contact" class="container content-section text-center">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2">
                <h2>Contact  </h2>
                <h2> India Association</h2>
                <p>Feel free to email us with any questions that you may have! </p>
                <p><a href="mailto:india@mst.edu">india@mst.edu</a>
                </p>
                <ul class="list-inline banner-social-buttons">
                    <li>
                        <a href="https://www.facebook.com/groups/indiamst/" class="btn btn-default btn-lg"><i class="fa fa-facebook fa-fw"></i> <span class="network-name">Facebook</span></a>
                    </li>
                </ul>
            </div>
        </div>
    </section>


    <!-- Map Section -->
    <!-- <div id="map"></div>

    <!-- Footer -->
    <footer>
        <div class="container text-center">
            <p>Copyrights &copy; India Association Missouri S & T</p>
            <p> Image Copyrights &copy; Sanjay Krishna</p>
        </div>
    </footer>

    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="js/jquery.easing.min.js"></script>

    <!-- Google Maps API Key - Use your own API key to enable the map feature. More information on the Google Maps API can be found at https://developers.google.com/maps/ -->

    <!-- <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false"></script> -->
    <!-- GA script -->
    <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-63896233-1', 'auto');
  ga('send', 'pageview');

  </script>


    <!-- Custom Theme JavaScript -->
    <script src="js/grayscale.js"></script>


</body>

</html>