forked from HYF-Class19/agile-development-hyf-group-1
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
inclusion by copy/paste of html code of #Anass - program.html - Anass…
… make a Pull Request [Anass-URL-Pull Request Here](HYF-Class19#39 pull request failed some tests. So i include "manually" Annas Code Here. So we can work together to solve issues.
- Loading branch information
1 parent
4ccb776
commit 441d7f4
Showing
1 changed file
with
196 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,196 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
|
||
<head> | ||
<meta charset="UTF-8"> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<link rel="stylesheet" href="../styles/program.css"> | ||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css" | ||
integrity="sha512-1sCRPdkRXhBV2PBLUdRb4tMg1w2YPf37qatUFeS7zlBy7jJI8Lf4VHwWfZZfpXtYSLy85pkm9GaYVYMfw5BC1A==" | ||
crossorigin="anonymous" referrerpolicy="no-referrer" /> | ||
<title>Hack Your Future Belgium</title> | ||
</head> | ||
|
||
<body> | ||
<div class="container"> | ||
<div class="row"> | ||
<div class="paragraph"> | ||
<h1 class="main-color title-font"><b>YOUR NEW CAREER STARTS HERE</b></h1> | ||
<p class="text-font"> | ||
HackYourFuture is a <b class="main-color"> free 9-month front end web development program </b> for | ||
newcomers passionate about | ||
code and web development. You don’t need any technical background to start, only loads of | ||
motivation. | ||
<br> | ||
<br> | ||
If you want to kickstart your career in the IT sector, take your chance! | ||
<br> | ||
<b class="main-color"> Women are strongly encouraged to apply! </b> | ||
<br> | ||
<br> | ||
<p class="text-font main-color underline"> Applications for new classes are constantly ongoing</p> | ||
<br> | ||
<br> | ||
<a class="btn" href="http://">APPLY NOW</a> | ||
</p> | ||
</div> | ||
<div class="img-paragraph"> | ||
<img src="../images/img1.jpg"> | ||
</div> | ||
</div> | ||
<div class="row colored-background"> | ||
<div class="paragraph"> | ||
<h2 class="main-color title-font"><b>WHO CAN APPLY?</b></h2> | ||
<p class="text-font"> | ||
We teach motivated refugees and newcomers with limited access to education or the labor market who | ||
want | ||
to start their career in web development. The course is open to anyone staying in Belgium. Women are | ||
strongly encouraged to apply! | ||
</p> | ||
</div> | ||
<div class="img-paragraph"> | ||
|
||
<ul class="text-font"> | ||
<li><span><i class="fa-regular fa-circle-check main-color"></i></span> You’re <b class="main-color"> | ||
+18 years </b> old.</li> | ||
<li><span><i class="fa-regular fa-circle-check main-color"></i></span> You’re <b class="main-color"> | ||
extremely | ||
motivated </b> to start a <b class="main-color">career in web development</b>. | ||
</li> | ||
<li><span><i class="fa-regular fa-circle-check main-color"></i></span> You speak <b | ||
class="main-color">English</b> at an intermediate level.</li> | ||
<li><span><i class="fa-regular fa-circle-check main-color"></i></span> You can study a minimum of <b | ||
class="main-color">25 hours per week</b>.</li> | ||
<li><span><i class="fa-regular fa-circle-check main-color"></i></span> You are <b | ||
class="main-color">recognized | ||
as a refugee</b> or waiting for your recognition.</li> | ||
<li><span><i class="fa-regular fa-circle-check main-color"></i></span> You are a migrant with <b | ||
class="main-color">limited access to education or the labor market</b>.</li> | ||
</ul> | ||
</div> | ||
</div> | ||
|
||
<div class="row"> | ||
<div class="paragraph"> | ||
<h2 class="main-color title-font"><b>9-MONTH PROGRAM</b></h2> | ||
<br> | ||
<a class="btn" href="http://">DISCOVER THE FULL CURRICULUM HERE</a> | ||
<br> | ||
<br> | ||
<a class="btn" href="http://">BECOME A COACH</a> | ||
</p> | ||
</div> | ||
<div class="img-paragraph "> | ||
<div class="svg-img"> | ||
<div><img class="svg" src="../images/html.svg"> | ||
<p> | ||
<center>HTML</center> | ||
</p> | ||
</div> | ||
<div><img class="svg" src="../images/css.svg"> | ||
<p> | ||
<center>CSS</center> | ||
</p> | ||
</div> | ||
<div><img class="svg" src="../images/js.svg"> | ||
<p> | ||
<center>JavaScript</center> | ||
</p> | ||
</div> | ||
<div><img class="svg" src="../images/node.svg"> | ||
<p> | ||
<center>NodeJs</center> | ||
</p> | ||
</div> | ||
<div><img class="svg" src="../images/sql.svg"> | ||
<p> | ||
<center>Database</center> | ||
</p> | ||
</div> | ||
<div><img class="svg" src="../images/react.svg"> | ||
<p> | ||
<center>React</center> | ||
</p> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<div class="row colored-background"> | ||
<div class="paragraph"> | ||
<h2 class="main-color title-font"><b>BUT THAT'S NOT IT</b></h2> | ||
<h3 class="main-color title-font">Final Project</h3> | ||
<p class="text-font"> | ||
We challenge our graduates to a 6-weeks final project sprint, where they build open source projects | ||
with a social impact. During the final project spring, the students get acquainted with new skills, | ||
discover new ways to collaborate, processes and learn about the industry best practices | ||
that are expected in the local labor market. | ||
<br> | ||
<br> | ||
<a class="btn-more" href="http://"><b>DISCOVER MORE</b> <span><i | ||
class="fas fa-arrow-right"></i></span></a> | ||
</p> | ||
</div> | ||
<div class="img-paragraph"> | ||
<img class="x-small" src="../images/img2.jpg"> | ||
</div> | ||
</div> | ||
|
||
<div class="row colored-background"> | ||
<div class="img-paragraph"> | ||
<img class="x-small" src="../images/img3.jpg"> | ||
</div> | ||
<div class="paragraph reversed"> | ||
<h2 class="main-color title-font"><b>Towards a job: Mentorship Program</b></h2> | ||
<p class="text-font"> | ||
Career guidance is an essential part of our program, as the real challenge for our graduates is | ||
finding an internship or job as a junior web developer. | ||
<br> | ||
<br> | ||
Thanks to our voluntary mentors, we offer our students a career guiding journey when graduating from | ||
our program. Each student has its own mentor, who helps with updating their CV and LinkedIn profile, | ||
writing a motivation letter, doing a mock interview, and leading them through the job-hunting jungle | ||
in the IT sector | ||
<br> | ||
<br> | ||
<a class="btn-more" href="http://"><b>BECOME A MENTOR</b> <span><i | ||
class="fas fa-arrow-right"></i></span></a> | ||
</p> | ||
</div> | ||
</div> | ||
|
||
<div class="row colored-background"> | ||
<div class="paragraph"> | ||
<h2 class="main-color title-font"><b>Career Skills Sessions</b></h2> | ||
|
||
<p class="text-font"> | ||
On Sunday mornings, before class starts, we regularly organize Career Skills Sessions. These are | ||
inspirational sessions by experts, within and outside the IT and HR sector, to share their knowledge | ||
with our community. It can be about how to organize a healthy work environment, it may as well be | ||
about how to constantly keep updated as a junior web developer. In other words, highly valuable | ||
mornings! | ||
</p> | ||
</div> | ||
<div class="img-paragraph"> | ||
<img class="x-small" src="../images/img4.jpg" </div> | ||
</div> | ||
</div> | ||
<div id="footer"> | ||
<h2 class="main-color title-font"><b>HACK YOUR FUTURE (PART OF OPEN KNOWLEDGE BELGIUM)</b></h1> | ||
|
||
<p class="text-font">Open Knowledge Belgium vzw</p> | ||
<p class="text-font">Cantersteen 12</p> | ||
<p class="text-font">1000 Bruxelles</p> | ||
<p class="text-font">[email protected]</p> | ||
<div class="sociel-media"> | ||
<a href="http://"><i class="fa-brands fa-facebook-f sociel-media-color"></i></a> | ||
<a href="http://"><i class="fa-brands fa-twitter sociel-media-color"></i></a> | ||
<a href="http://"><i class="fa-brands fa-github sociel-media-color"></i></a> | ||
<a href="http://"><i class="fa-brands fa-linkedin-in sociel-media-color"></i></a> | ||
</div> | ||
|
||
</div> | ||
</body> | ||
|
||
</html> |