-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·156 lines (156 loc) · 7.55 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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Jaipuria Model United Nations</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/flipclock.min.css">
<link rel="stylesheet" type="text/css" href="css/flaticon.css">
<link rel="stylesheet" href="css/style.css">
<style type="text/css">
@media(max-width: 768px) {
body {
margin-top: 70vh !important;
}
}
</style>
</head>
<body>
<div id="loader">
<div id="spinner"></div>
</div>
<!--<div id="search">
<ul id="searchEl">
<li><a href="index.html">Home</a></li>
<li><a href="secr.html">Secretariat</a></li>
<li><a href="comm.html">Committees</a></li>
<li><a href="info.html">Registration</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>-->
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"></a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">Home</a></li>
<li><a href="secr.html">Secretariat</a></li>
<li><a href="comm.html">Committees</a></li>
<li><a href="info.html">Registration</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
<!--<div class="searchbox navbar-right">
<input type="text" id="searchBox" onFocus="onFocus()" onBlur="onBlur()" onkeyup="search()"/>
<button>
<i class="flaticon-search" aria-hidden="true"></i>
</button>
</div>-->
</div>
</nav>
<nav class="navbar navbar-inverse navbar-fixed-bottom">
<div class="container-fluid">
<ul class="nav navbar-nav nav-justified">
<li><a href="index.html"><i class="flaticon-home" aria-hidden="true"></i></a></li>
<li><a href="secr.html"><i class="flaticon-user" aria-hidden="true"></i></a></li>
<li><a href="comm.html"><i class="flaticon-team" aria-hidden="true"></i></a></li>
<li><a href="info.html"><i class="flaticon-info" aria-hidden="true"></i></a></li>
<li><a href="contact.html"><i class="flaticon-mail" aria-hidden="true"></i></a></li>
</ul>
</div>
</nav>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active" id="item1"></div>
<div class="item" id="item2"></div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="flaticon-left-arrow"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="flaticon-right-arrow"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="banner"></div>
<span class="buttons register"><a href="info.html">Register now</a></span>
<span class="buttons comm"><a href="comm.html">View Committees</a></span>
<!--<div class="clock"></div>-->
<section class="letter">
<h1 class="text-center">LETTER FROM THE SECRETARY GENERAL</h1>
<hr>
<img src="img/af.jpg" class="img-rounded" style="width: 25vw; margin-left: 75%;">
<p class="text-left" style="margin-right: 30%; margin-top: -39%;">
We are delighted to invite you to the Sixth chapter of the Jaipuria Model United Nations Conference (JMUN), to be held from 18th to 20th May, 2018, at Seth M.R. Jaipuria School, Lucknow.
</p>
<p class="text-left" style="margin-right: 30%;">
The first school level Model UN conference in Uttar Pradesh, JMUN has made a mark for itself owing to its warm hospitality, high standards of debate, and novelty in committees simulated. This year JMUN offers nine very engrossing committees that cover diverse issues affecting people of different areas and times. To ensure the most enriching experience for all delegates, each committee is backed by an accomplished Executive Board. In addition, our Press Corps affords students an opportunity to step into the shoes of reporters, and discover the subtle nuances of the profession while being within the ambit of an actual committee and its dynamics.
</p>
<p class="text-left">
We expect these committees to test the delegates and their depth of research, innovation in solutions, and diplomacy of the highest order. With an array of unique crisis simulations in store, delegates should be ready to expect the unexpected and think on their feet. So with that we can say without the slightest hint of uncertainty that there won’t be a dull moment in committee.
</p>
<p class="text-left">
Hope to see you all in May and make this conference another memorable experience.
</p>
<p class="text-right">
Madhav Agarwal<br>
Secretary General
</p>
</section>
<div id="footer">
<div class="row">
<div class="container">
<div class="col-lg-5 col-md-5 col-sm-5" id="copyright">
<p>© 2018 Jaipuria Model United Nations.</p>
</div>
<div class="col-lg-7 col-md-7 col-sm-7">
<ul id="social">
<li><a target="_blank" href="https://www.facebook.com/TheJMUN/?ref=aymt_homepage_panel"><i class="fa fa-facebook"></i> </a></li>
<li><a target="_blank" href="https://www.instagram.com/jaipuriamun/"><i class="fa fa-instagram"></i></a></li>
<li><a target="_blank" href="https://www.snapchat.com/add/jaipuriamun"><i class="fa fa-snapchat"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/flipclock.js"></script>
<script src="js/script.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var f=0;
$(window).scroll(function(){
var scroll = $(window).scrollTop();
var scroll1 = $(window).height()*(9/10);
if (scroll > scroll1) {
$(".navbar-fixed-top").css("animation" , "changeb 0.5s cubic-bezier(0.5, 0.5, 0.5, 0.5) 0s 1 forwards");
f=1;
}
if((scroll < scroll1)&&(f===1)) {
$(".navbar-fixed-top").css("animation" , "changebr 0.5s cubic-bezier(0.5, 0.5, 0.5, 0.5) 0s 1 forwards");
console.log(f);
}
});
});
</script>
</body>
</html>