-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest.html
227 lines (214 loc) · 11.5 KB
/
test.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
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="AstroIAPS webpage">
<meta name="author" content="SCJ Ensenada">
<link rel="icon" href="favicon.ico">
<title>AstroIAPS</title>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<!-- Custom styles for this template -->
<link href="carousel.css" rel="stylesheet">
</head>
<body>
<header>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<a class="navbar-brand" href="#"><b>AstroIAPS</b></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home<span class="sr-only">(current)</span></a>
</li>
<div class="btn-group">
<li type="button" class="btn">Facilities</li>
<li type="button" class="btn dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></li>
<span class="sr-only">Toggle Dropdown</span>
</li>
<div class="dropdown-menu">
<a class="dropdown-item" href="facilities.html#UABC">UABC-FC</a>
<a class="dropdown-item" href="facilities.html#UNAM">UNAM-IA</a>
<a class="dropdown-item" href="facilities.html#CICESE">CICESE</a>
</div>
</div>
<li class="nav-item">
<a class="nav-link" href="programme.html">Programme</a>
</li>
<li class="nav-item">
<a class="nav-link" href="registration.html">Registration</a>
</li>
<li class="nav-item">
<a class="nav-link" href="sponsors.html">Sponsors</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.iaps.info/">IAPS</a>
</li>
</ul>
</div>
</nav>
</header>
<main role="main">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="first-slide" src="spm-sky.jpg" alt="SPM-OAN Picture">
<div class="container">
<div class="carousel-caption text-left">
<h1><b>National Astronomical Observatory</b></h1>
<p>Known internationally as one of the best sites on Earth from which to view the heavenly bodies thanks to extremely low light pollution and relative humidity, low atmospheric pollution, generally clear skies and relatively little radio interference.</p>
<p><a class="btn btn-lg btn-primary" href="http://www.astrossp.unam.mx/Opciones/text1.html" target="_blank" role="button">Learn more</a></p>
</div>
</div>
</div>
<div class="carousel-item">
<img class="second-slide" src="ens.jpg" alt="Ensenada picture">
<div class="container">
<div class="carousel-caption">
<h1><b>Ensenada, Baja California</b></h1>
<p>Both a commercial port and port of call for cruise ships, the city is known for spearheading scientific research, as it is the city with the highest rate of scientists per capita in Latin America.</p>
<p><a class="btn btn-lg btn-primary" href="https://en.unesco.org/creative-cities/ensenada" target="_blank" role="button">Learn more</a></p>
</div>
</div>
</div>
<div class="carousel-item">
<img class="third-slide" src="http://ecolibriumsolar.com/images/uploads/project-gallery/edit_5_CICESE-Abajo.jpg" alt="Third slide">
<div class="container">
<div class="carousel-caption text-right">
<h1><b>Universities and Lectures</b></h1>
<p>The Institute of Astronomy (IA) of the UNAM (National Autonomous University of Mexico) has among its objectives: researching in the astrophysics field, developing astronomical instrumentation, as well as having high quality staff on undergraduate, master’s degree, and doctorate levels.</p>
<p><a class="btn btn-lg btn-primary" href="http://www.astrossp.unam.mx/oanspm/index.php?option=com_content&view=article&id=39" target="_blank" role="button">Browse gallery</a></p>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="Service-section">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-heading-title">
<center>
<h1><b>AstroIAPS 2018</b></h1>
<p>First Scientific Excursion to the Mexican National Astronomical Observatory of the International Association of Physics Students <b>{iaps}</b></p><br/>
</center>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div>
<div class="media">
<div class="p-1">
<i class="fas fa-users fa-2x fa-pull-left" style="color:#395CA3"></i>
</div>
<div class="media-body">
<h3>Who</h3>
<p style="text-align:justify">46 physics and related areas students, from the International Association of Physics Students. All backgrounds and nationalities are welcome!</p>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div>
<div class="media">
<div class="p-1">
<i class="fas fa-calendar-alt fa-2x fa-pull-left" style="color:#395CA3"></i>
</div>
<div class="media-body">
<h3>When</h3>
<p style="text-align:justify">From the 10<sup>th</sup> to the 14<sup>th</sup> of October 2018</p>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div>
<div class="media">
<div class="p-1">
<i class="fas fa-map-marker-alt fa-2x fa-pull-left" style="color:#395CA3"></i>
</div>
<div class="media-body">
<h3>Where</h3>
<p style="text-align:justify">In Ensenada, Mexico. The Observatory is located approximately 262 kilometers southeast of the city</p>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="col-md-4">
<div>
<div class="media">
<div class="p-1">
<i class="fas fa-comments fa-2x fa-pull-left" style="color:#395CA3"></i>
</div>
<div class="media-body">
<h3>Lectures</h3>
<p style="text-align:justify">Scientific Lectures and talks with <a href="http://www.astroscu.unam.mx/IA/index.php?lang=en" target="_blank">UNAM</a> scientists and telescope operators</p>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div>
<div class="media">
<div class="p-1">
<i class="fas fa-globe-americas fa-2x fa-pull-left" style="color:#395CA3"></i>
</div>
<div class="media-body">
<h3>Facilities and Laboratories</h3>
<p style="text-align:justify">Visit to the National Astronomical Observatory, the Science Faculty of UABC and some of UNAM-IA and CICESE facilities</p>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div>
<div class="media">
<div class="p-1">
<i class="fas fa-map fa-2x fa-pull-left" style="color:#395CA3"></i>
</div>
<div class="media-body">
<h3>Tours and Get togethers</h3>
<p style="text-align:justify">City tours and visits to some of Ensenada most renown landmarks, as well as time for socialising</p>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<hr class="featurette-divider">
<!-- FOOTER -->
<footer class="container">
<p class="float-right"><a href="#">Back to top</a></p>
<p>© AstroIAPS 2018 · <a href="https://www.iaps.info/privacy-notice/">Privacy</a> · <a href="https://www.iaps.info/wp-content/uploads/2007/11/IAPS_termsandconditions.pdf">Terms</a></p>
</footer>
</main>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>