-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (127 loc) · 4.76 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>repl.it</title>
<link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet">
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script src="script.js">
</script>
<nav class="main-nav">
<div class="logo">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQr2COmOGyKnAx3jf39XocgfZMsAtWuhdbAMA&usqp=CAU" alt="logo image">
</div>
<div class="menu">
<ul>
<li><a href="/about.html">About</a></li>
<li><a href="/faqs.html">FAQs</a></li>
<li><a href="/contact.html">Contact Us</a></li>
<li>
<button class="donate-btn">Donate</button>
</li>
</ul>
</div>
</nav>
<header>
<div class="header-container">
<div class="header-caption">
<h1>Developer Career</h1>
<h4>A non-profit Tech organization to support the rising Tech Ecosystem in <strong>Africa</strong>
</h4>
<button class="apply-btn">Apply to cohort</button>
</div>
<div class="header-image">
</div>
</div>
</header>
<main>
<div class="map-container">
<div class="map-image">
<img src="https://i.ibb.co/8DY3GKF/226-2268947-world-map-dot-square-africa-dot-map-png-removebg-preview.png" class="africa" alt="map img">
</div>
<div class="map-text">
<h2>Why we are here</h2>
<ul>
<li>- Create world class Software Developers</li>
<li>- Solve problems in Africa with Tech</li>
<li>- Create employment and breed innovative ideas</li>
<li>- Build more positive Tech savvy youths</li>
<li>- Support females into Tech in Africa</li>
</ul>
</div>
</div>
<section>
<div class="info-caption">
<h3>Our Method</h3>
</div>
<div class="info-section">
<span class="icon">
<img src="https://img.icons8.com/bubbles/100/000000/box.png"/>
<h4>Join Program</h4>
<p>Pass our four-level stage assessment and join DevCareer. Assessment will be based on several criteria; aptitude test, coding test and a physical interview.</p>
</span>
<span class="icon">
<img src="https://img.icons8.com/bubbles/100/000000/internship.png"/>
<h4>Resources & Mentors</h4>
<p>Get a laptop, get a course, get paired with a mentor in your field to support and progress your skill</p>
</span>
<span class="icon">
<img src="https://img.icons8.com/bubbles/100/000000/office.png"/>
<h4>Job Placements</h4>
<p>During and after your mentorship program, We will work together with your mentor to source for suitable jobs for you and prepare you for interviews</p>
</div>
</section>
<div class="pre-info">
<h2 class="so-far"><b>So far</b></h2>
<p class="so-far-child">We've not done alot, hopefully we will get to increase these numbers soon.</p>
</div>
<div class="checklist-box">
<div class="checklist-box-child">
<div class="box-child">
<h3>22</h3>
<p class="child-text">Developers trained</p>
</div>
<div class="box-child">
<h3>10</h3>
<p class="child-text">Partnership</p>
</div>
<div class="box-child">
<h3>2</h3>
<p class="child-text">Award Winning</p>
</div>
</div>
<div class="checklist-box-child" id="lower">
<div class="box-child">
<h3>48+</h3>
<p class="child-text">Donations</p>
</div>
<div class="box-child">
<h3>30</h3>
<p class="child-text">Patron</p>
</div>
<div class="box-child">
<h3>22+</h3>
<p class="child-text">Avaliable Mentors</p>
</div>
</div>
</div>
<div class="additional-details">
<a href="https://imgbb.com/"><img src="https://i.ibb.co/rZcQvvC/Group-10.jpg" alt="Group-10" class="mail-image" ></a>
<p class="additional-details-text">Stay Updated!</p>
<span class="additional-details-subtext">
<p>HEY! DevCareer, seems like I'll love to get your newsteller to know when<br>
your next program will be holding</p>
</span>
<form>
<input type="text" id="email" name="email" placeholder="So i’ll put my email here right ?">
<button class="email-click">I’m in</button>
</form>
</div>
</div>
</div>
</main>
</body>
</html>