This repository has been archived by the owner on Jul 18, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
191 lines (175 loc) · 11 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
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
<!DOCTYPE HTML>
<html>
<head>
<title>Ciss™ | CanSat</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" />
<!--<link rel="stylesheet" href="assets/css/bg.css" />-->
<!-- Dit is onzin die ik (Cemre) ooit een keer heeft gemaakt, het werkt, maar het moet mooi gemaakt worden -->
<noscript>
<link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="landing is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">Ciss™</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="#banner">Home</a></li>
<li><a href="#one">Ciss™</a></li>
<li><a href="#two_one">Ons idee</a></li>
<li><a href="#two_two">Onze missie</a></li>
<li><a href="#two_three">Toepassingen</a></li>
<li><a href="#three">Ons team</a></li>
<li><a href="#cta">Sponsoren</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>Ciss™ | CanSat</h2>
<p><i>"A small can for man, one giant bottle for mankind"</i><br /></p>
<ul class="actions special">
<li><a href="#one" class="button primary scrolly">Ga verder</a></li>
</ul>
</div>
<a href="#one" class="more scrolly">Ga verder</a>
</section>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<header class="major">
<h2>Ciss™ - Cansat</h2>
<p>Ciss™ is één van de deelnemende teams aan de <a href="http://www.ruimtevaartindeklas.nl/nieuws/421">CanSat competitie 2018</a>. De CanSat competitie is een wedstrijd voor jonge studenten waarbij het doel is om een satelliet te maken ter grote van
een frisdrankblikje. De satelliet moet verplicht de temperatuur en de luchtdruk meten, daarnaast moet je als team een secondaire missie bedenken en uitvoeren.<br> Onze secondaire missie is om de locatie van de satelliet te kunnen bepalen zonder
GPS te gebruiken.</p>
</header>
<ul class="icons major">
<li><span class="icon fa-pencil major style1"><span class="label">Ontwerpen</span></span><br><br>Ontwerpen
</li>
<li><span class="icon fa-cogs major style2"><span class="label">Testen</span></span><br><br>Testen
</li>
<li><span class="icon fa-rocket major style3"><span class="label">Lanceren</span></span><br><br>Lanceren
</li>
</ul>
<input type="hidden" name="IL_IN_ARTICLE">
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<section id="two_one" class="spotlight">
<div class="image"><img src="images/pic01.jpg" alt="" /></div>
<div class="content">
<h2>Ons idee</h2>
<p>Wij willen een sataliet maken, die zonder GPS getraceerd kan worden en die gebruikt kan worden op een andere planeet goederen af te leveren aan de bewoners. Aangezien er op een andere planeet, zoals Mars, geen GPS is, moet onze sataliet, getraceerd
kunnen worden zonder GPS.</p>
</div>
</section>
<section id="two_two" class="spotlight">
<div class="image"><img src="images/pic02.jpg" alt="" /></div>
<div class="content">
<h2>Onze missie</h2>
<p>Onze missie is, buiten het meten van de luchtdruk en temperatuur, onze sataliet te traceren zonder gebruik te maken van GPS of andere soortgelijke middelen die niet aanwezig zijn buiten de aarde.</p>
</div>
</section>
<section id="two_three" class="spotlight">
<div class="image"><img src="images/pic03.jpg" alt="" /></div>
<div class="content">
<h2>Toepassingen</h2>
<p>Onze sataliet zou gebruikt kunnen worden om mensen, goederen of andere dingen af te leveren bij kolonisten op een andere planeet, waar geen GPS is. Om de sataliet terug te vinden na de landing, is het nodig dat iemand een accurate locatie kan krijgen
van de sataliet.</p>
</div>
<input type="hidden" name="IL_IN_ARTICLE">
</section>
</section>
<!-- Three -->
<section id="three" class="wrapper style3 special">
<div class="inner">
<header class="major">
<h2>Ons team</h2>
<p>Ons team bestaat uit 6 leden en een begeleider. Iedereen draagt zijn eigen steentje<br /> bij binnen het team. Door het combineren van ieders individuele vaardigheden vormen we een excellent team.</p>
</header>
<ul class="features">
<li class="icon fa-paper-plane-o">
<h3>Stan Verlaan - voorzitter</h3>
<p>Stan is een uiterst gedreven jongen. Als hij ergens mee aan de slag gaat, stopt hij niet totdat het perfect is. Daarnaast is hij organisatorisch goed en beschikt over een heel aantal programeer skills. Al deze vaardigheden, en nog vele meer, maken
hem een uitstekende voorzitter!</p>
</li>
<li class="icon fa-laptop">
<h3><a href="https://michadenheijer.com/">Micha den Heijer</a>- software</h3>
<p>De kleinste van het team, maar daarom niet minder belangrijk. Micha is een zeer effectieve werker. Bij hem moet je niet aankomen met eindeloos gepraat, want Micha wil het liefst zo snel mogelijk de problemen oplossen die hij bij het programmeren
tegenkomt. Deze problemen lost hij bijna altijd feilloos op. Daarom ook van grote toegevoegde waarde!</p>
</li>
<li class="icon fa-code">
<h3>Igor Baars - alleskunner</h3>
<p>Igor, een echte harde werker. Deze jongen houdt van aanpakken en is lekker direct. Igor voert daarom velen taken uit, hij is actief met de hardware, social media en financieel managment. Iedereen heeft wat aan deze jongen! </p>
</li>
<li class="icon fa-headphones">
<h3>Sven Roos - finacieel/ontwerp</h3>
<p>Sven staat bekend als een echt rekenwonder. Rekenen is niet het enige waar hij in uitblinkt, want eigenlijk is dat alles. Dit keer heeft Sven zich toch maar gefocust op twee afdelingen: financieel en ontwerpen. Dit zijn de afdelingen waar hij de
meeste passie voor heeft en dat is terug te zien in zijn werk!</p>
</li>
<li class="icon fa-heart-o">
<h3><a href="http://cemresuler.nl/">Cemre Süler</a> - software</h3>
<p>Cemre zijn brein is ons allemaal te snel af (soms is zijn eigen brein hem ook te snel af). Dit zorgt ervoor dat hij de complexere vraagstukken die hij tegenkomt bij het programmeren met gemak oplost. Een fantastische toevoeging voor het team, want
ook op andere gebieden komt deze jongen met goede ideeën!</p>
</li>
<li class="icon fa-flag-o">
<h3>Tycho Groenewegen - hardware</h3>
<p>Tycho is razend enthousiast over dit project. Hij komt altijd met goede ideeën en denkt met iedereen graag mee. Met zijn creativiteit is hij dan ook graag bezig met de hardware. Op deze manier komt hij tot de beste en meest compacte oplossingen.</p>
</li>
</ul>
</div>
</section>
<section id="cta" class="wrapper style4">
<div class="inner">
<header>
<h2>Onze sponsoren</h2>
<p>Dit project zou niet geslaagd zijn zonder de sponsoren die ons ontzettend hebben geholpen tijdens dit project. En daar zijn wij dankbaar voor!</p>
<div id="sponsors" class="sponsors">
<ul>
<li><a href="https://www.hvc.nl"><img src="images/sponsoren/hvc.png"></a></li>
</ul>
</div>
</header>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://www.instagram.com/cisstm/" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://twitter.com/CISS34887249" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.fb.me/cisstm/" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="mailto:[email protected]?subject=Contact&body=Goedendag! U staat op het punt om ons een mail te sturen. Zodra u een mail gestuurd heeft gestuurd zullen wij zo spoedig mogelijk reageren." class="icon fa-envelope-o"><span class="label">Email</span></a></li>
</ul>
<input type="hidden" name="IL_IN_ARTICLE">
<ul class="copyright">
<li>© Ciss™</li>
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<!-- <script src="assets/js/bg.js"></script> -->
<!-- Werkt, maar is niet mooi, iemand moet dit verbeteren -->
<script src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.scrollex.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.scrolly.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>
<script src="assets/js/smooth.scroll.js"></script>
</body>
</html>