-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhistorique.html
174 lines (167 loc) · 9.24 KB
/
historique.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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UTSpace</title>
<link rel="icon" type="image/png" href="./img/logo_full.png">
<meta name="theme-color" content="#000000">
<meta name="author" content="UTSpace">
<meta name="keywords" content="UTSpace,UTC,espace,ingenieur,spatial,fusée,étudiant">
<meta name="description" content="UTSpace est l'association étudiante d'ingénierie spatiale de l'UTC.">
<link rel="apple-touch-icon" href="./img/logo_full.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="UTSpace">
<meta name="twitter:description" content="UTSpace est l'association étudiante d'ingénierie spatiale de l'UTC.">
<meta name="twitter:image" content="./img/logo_full.png">
<meta property="og:type" content="website">
<meta property="og:locale" content="fr_FR">
<meta property="og:site_name" content="UTSpace">
<meta property="og:title" content="UTSpace">
<meta property="og:description" content="UTSpace est l'association étudiante d'ingénierie spatiale de l'UTC.">
<meta property="og:image:width" content="790">
<meta property="og:image:height" content="790">
<meta property="og:image" content="./img/logo_full.png">
<meta property="og:url" content="http://assos.utc.fr/utspace/">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<link rel="stylesheet" href="./css/style.css" type="text/css">
<script src="./js/wow.min.js"></script>
<script>new WOW().init();</script>
</head>
<body>
<nav id="navbar" class="animated fadeInDown navbar navbar-expand-md navbar-dark fixed-top py-0">
<a class="nav-link navbar-brand d-md-none" href="#">
<img class="logo" src="./img/logo_transparent.png" alt="UTSpace">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#menu" aria-controls="menu" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse" id="menu">
<ul class="navbar-nav mx-auto text-center">
<li><a class="nav-link active my-3 left" href="./historique.html">Historique</a></li>
<li><a class="nav-link my-3 left" href="./projets.html">Nos projets</a></li>
<li><a id="logo-web" class="nav-link center navbar-brand px-2 mx-5 d-none d-md-block" href="./index.html">
<img class="logo" src="./img/logo_transparent.png" alt="UTSpace">
</a></li>
<li><a class="nav-link my-3 right" href="./contact.html">Nous contacter</a></li>
<li><a class="nav-link my-3 right" href="./reseau.html">Réseau</a></li>
</ul>
</div>
</nav>
<div class="view intro wow fadeIn" style="background-image: url('./img/background.png');" data-wow-duration="3s">
<div class="displayer displayer-bottom hover-scale p-4 p-lg-5 wow fadeInLeft" data-wow-delay=".5s">
<h1 class="wow blurUp" data-wow-delay="1.2s">Historique de l'association</h1>
<p class="lead wow blurUp" data-wow-delay="1.5s">
UTSpace exite depuis ... Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi
</p>
</div>
</div>
<div class="container">
<div class="row my-5 wow fadeIn" data-wow-duration="2s">
<div class="col-md-4 img">
<img src="./img/lancement.jpg">
</div>
<div class="col-md-8 bg-dark p-4">
<div class="semestre hover-border-left my-4 wow fadeInUp">
<h4>P18 - Projet Prométhée</h4>
<p>
Fusée expérimentale intégrant un drone autonome conçu entièrement par notre team.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<div class="d-flex justify-content-between">
<a class="mb-2 mx-2 link red" target="_blank" href="#">En savoir plus</a>
</div>
</div>
<hr style="border-color: #ddd;" class="wow fadeInRight">
<div class="semestre hover-border-left my-4 wow fadeInUp">
<h4>A17 - Conférence sur La surveillance satellitaire de l'ESA : une nécessite pour l'humanité</h4>
<p>
Conférence de Monsieur Donny Aminou de ESA organisée à l'UTC le 22 novembre 2017.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<div class="d-flex justify-content-between">
<a class="mb-2 mx-2 link red" target="_blank" href="https://www.youtube.com/watch?v=gleeQuSP7c4">Vidéo Conférence</a>
</div>
</div>
<hr style="border-color: #ddd;" class="wow fadeInRight">
<div class="semestre hover-border-left my-4 wow fadeInUp">
<h4>P14/15 - Projet Pheonix Fusée Transsonique</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<div class="d-flex justify-content-between">
<a class="mb-2 mx-2 link red" target="_blank" href="#">En savoir plus</a>
</div>
</div>
<hr style="border-color: #ddd;" class="wow fadeInRight">
<div class="semestre hover-border-left my-4 wow fadeInUp">
<h4>P14 - Exposition du CNES à l'UTC au Centre d'Innovation</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<div class="d-flex justify-content-between">
<a class="mb-2 mx-2 link red" target="_blank" href="https://webtv.utc.fr/watch_video.php?v=W26YBMDSAMYG">Vidéo de l'UTC</a>
</div>
</div>
<hr style="border-color: #ddd;" class="wow fadeInRight">
<div class="semestre hover-border-left my-4 wow fadeInUp">
<h4>P13 - Projet Cronos Fusée experimentale</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<div class="d-flex justify-content-between">
<a class="mb-2 mx-2 link red" target="_blank" href="https://interactions.utc.fr/thematiques/mecanique-acoustique-materiaux-electromecanique/cronos-une-fusee-experimentale-pour-lutc.html">Article Intéractions UTC</a>
<a class="mb-2 mx-2 link red" target="_blank" href="https://www.dailymotion.com/video/x14i1vt">Vidéo lancement</a>
<a class="mb-2 mx-2 link red" target="_blank" href="https://www.dailymotion.com/video/x14i1vw">Vidéo vol</a>
</div>
</div>
<hr style="border-color: #ddd;" class="wow fadeInRight">
<div class="semestre hover-border-left my-4 wow fadeInUp">
<h4>P12 - Projet Horus Mini-fusée</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<div class="d-flex justify-content-between">
<a class="mb-2 mx-2 link red" target="_blank" href="https://www.youtube.com/watch?v=SmmM2zNnebc">Vidéo de lancement</a>
<a class="mb-2 mx-2 link red" target="_blank" href="https://www.youtube.com/watch?v=G5iGiI2o_c4&feature=youtu.be">Vidéo de vol à la première personne</a>
</div>
</div>
</div>
</div>
</div>
<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://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
<script type="text/javascript" charset="utf-8">
const navbar = document.getElementById("navbar");
window.addEventListener('scroll', function(e) {
if (window.scrollY > 100)
navbar.classList.add("scrolled");
else
navbar.classList.remove("scrolled");
});
</script>
</body>
</html>