generated from DeNepo/template-html-css
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
177 lines (162 loc) · 6.54 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
<!DOCTYPE html>
<!-- Created By CodingNepal - www.codingnepalweb.com -->
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>HackYourFuture | Homepage</title>
<link rel="stylesheet" href="./styles/index.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
/>
</head>
<body>
<div class="wrapper">
<nav>
<input type="checkbox" id="show-menu" />
<div class="content">
<div class="logo">
<a href="#"><img src="./img/hyf-logo.svg" alt="hyf logo"></a>
</div>
<ul class="links">
<li><a href="#">THE PROGRAM</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">FAQ</a></li>
<li>
<a href="#" class="dropbox">FOR YOU</a>
<input type="checkbox" id="show-foryou" />
<label for="show-foryou">FOR YOU</label>
<ul>
<li><a href="coaches.html">COACHES</a></li>
<li><a href="students.html">STUDENTS</a></li>
<li><a href="volunteers.html">VOLUNTEERS</a></li>
<li><a href="alumni.hmtl">ALUMNI</a></li>
<li><a href="supporters.html">SUPPORTERS</a></li>
</ul>
</li>
</ul>
</div>
<a href="#" class="button cc-contact-us w-inline-block">
<div>apply now</div>
</a>
<label for="show-menu" class="menu-icon"
><i class="fas fa-bars"></i
></label>
</nav>
</div>
<!--- Section 1 --->
<section class="sec1 sec">
<div class="container grid">
<div class="banner-area">
<h1>HELPING NEW TALENT INTO THE TECH WORLD</h1>
</div>
</div>
</section>
<!--- Section 2 our program --->
<section class="sec-3">
<h3>Our Program</h3>
<br>
<div class="section-2">
<p>Our 8-month program is divided into 12 modules. The last module is a 6-weeks intensive
Final Project where students work on a real project with a real partner. Our training
takes place at The Beacon (Antwerpen) everyother Sunday. During the week, students are supported
online in their self-study, homework and peer learning.</p>
</div>
<br>
<br>
<div class="img">
<img class="imgs" src="./public/students.png" alt="hyf students" >
</div>
</section>
<!--- Section 3 impact by Alina --->
<!--- Section 3 impact by Alina --->
<!-- Close #26 -->
<section class="impact">
<div class="container background-imp">
<h3 class="impact-heading md my-2">Our impact</h3>
<p class="sm">
We graduated over 100 people in Belgium and more than 300 globally. In
Belgium, over 70% found and retained a high-quality job as a
developer.
</p>
<div class="grid-3 my-2">
<div class="card-imp">
<h4 class="text-left underline">100</h4>
<p class="text-left">
Students graduated since HackYourFuture Belgium was founded in
2018
</p>
</div>
<div class="card-imp">
<h4 class="text-left underline">70%</h4>
<p class="text-left">
Of our graduates find an internship, a job or start advanced
studies.
</p>
</div>
<div class="card-imp">
<h4 class="text-left underline">300 +</h4>
<p class="text-left">
Alumni in the Netherlands, Denmark, Belgium and Canada.
</p>
</div>
</div>
</div>
</section>
<!--- Section 4 --->
<section class="core-value">
<div>
<h2>Our core values</h2>
</div>
<div class="grid content grid-2 text-left">
<div>
<img class="image" src="./img/community-3347f757a579fb678f68ee42a03ea14b.svg" alt="community">
<h3>Community</h3>
<p class="para">We’re largely dependent on volunteers. That’s what makes us an engaged grassroots community, as our students call it ‘the HYF family’.</p>
</div>
<div>
<img class="image" src="./img/diversity-inclusiveness-da0e781b5d30e2f8eebbc90e94bca398.svg" alt="diversity">
<h3>Diversity and inclusiveness</h3>
<p class="para">Our program is adapted to suit people with different backgrounds, often in vulnerable situations. We teach on Sundays to allow everyone to take control of their personal lives during the week.</p>
</div>
</div>
<div class="grid content grid-2 text-left">
<div>
<img class="image" src="./img/commitment-fbbb30e26f644c37a3f840b712d44622.svg" alt="commitment">
<h3>Commitment</h3>
<p class="para">Our program is free of charge, although we ask for strong commitment during our 7 month-journey. And you know what? Many alumni stay actively involved!</p>
</div>
<div>
<img class="image" src="./img/open-a250298a62de2a8d61c7c5ae00eaa031.svg" alt="open">
<h3>Open</h3>
<p class="para">Sharing is caring. Our curriculum is 100% open. We believe in knowledge for the many, not the few.</p>
</div>
</div>
</section>
<!--- Section 5 --->
<!--- Section 6 --->
<!--- Section 7 --->
<!-- Footer -->
<footer class="footer bg py-5">
<div class="container grid">
<div>
<h4>HACK YOU FUTURE (PART OF OPEN KNOWLEDGE BELGIUM)</h4>
<p>
Open Knowledge Belgium vzw <br />
Cantersteen 12 <br />
1000 Bruxlles <br />
</p>
</div>
<div class="social">
<a href="#" aria-label="social media"><i class="fab fa-github fa-2x footer-a"></i></a>
<a href="#" aria-label="social media"><i class="fab fa-facebook fa-2x footer-a"></i></a>
<a href="#" aria-label="social media"><i class="fab fa-instagram fa-2x footer-a"></i></a>
<a href="#" aria-label="social media"><i class="fab fa-twitter fa-2x footer-a"></i></a>
</div>
</div>
</footer>
</body>
</html>