-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
206 lines (157 loc) · 6.82 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
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
<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" type="text/css" href="assets/style.css">
<title>Moringa School</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;900&display=swap" rel="stylesheet">
</head>
<body>
<div class="row">
<div class="wrapper">
<!-- navigation bar -->
<div class="navigation">
<nav class="nav-left"> <a> <b> Moringa </b> School</a> </nav>
<nav class="nav-right">
<a href="#">Courses</a>
<a href="#">Our Projects</a>
<a href="#"> Stories </a>
<button class="btn-nav">Enroll</button>
</nav>
</div>
<!-- about moringa school -->
<div class="about">
<nav class="sect-a">
<h3>Moringa</h3>
<h4>Nurtutring Africa's Tech Talent</h4>
<p>Through market-aligned training, we help learners build new career possibilities with greater confidence and capability.</p>
<button>Enroll Now</button>
<a href="">Explore</a>
</nav>
<nav class="sect-b"> <img src="assets/image-1.jpg" alt="" class="image"> </nav>
</div>
<!-- stories at moringa -->
<div class="stories">
<h1 id="stories">Stories <a> so many memories!</a></h1>
<nav class="sect-b">
<img src="assets/image-2.jpg" alt="" class="image">
</nav>
<!-- orientation at moringa -->
<nav class="sect-a">
<h1>Orientation day</h1>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Saepe, doloribus? Harum magni deleniti enim facere dignissimos dolores consequuntur maxime velit recusandae odio culpa unde laborum aliquid animi inventore, possimus nulla?</p>
<button class="album">See Album</button>
</nav>
</div>
<!-- board meetings at moringa school -->
<div class="board-meeting">
<nav class="sect-a">
<h3>Board Meeting</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam ad officiis vero nesciunt, dolorem quas voluptatum rerum magni omnis minima totam, odit debitis enim ab quisquam alias natus dignissimos quaerat.
</p>
<button class="btn">Read our stories</button>
</nav>
<nav class="sect-b"> <img src="assets/image-3.jpg" alt="" class="image"> </nav>
</div>
<!-- graduation section -->
<div class="graduation">
<nav class="sect-b"> <img src="assets/image-4.jpg" alt="" class="image"> </nav>
<nav class="sect-a">
<h2>Graduation Party</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa dolorem, magnam nobis sit perspiciatis eius doloremque laudantium sed quidem, quisquam ex provident vel reiciendis cum sunt amet rerum, omnis saepe!</p>
<button class="btn">See Album</button>
</nav>
</div>
<!-- technical mentors -->
<div class="mentors">
<h2 id="mentors">Technical Mentors <a> Skilled and kind! </a> </h2>
<!-- rose akech -->
<div class="mentors-a">
<nav class="mentors-b">
<nav class="mentors-c">
<img src="assets/image-5.jpg" alt="" class="img-mentor">
<nav class="mentors-d">
<h4>Rose Oketch</h4>
<h5>Web Developemnt</h5>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Unde quaerat ea vitae deserunt explicabo quidem nam, repudiandae molestias aliquam eum velit pariatur ut quod quasi. Itaque minus eveniet ex libero?</p>
<button class="btn">Ask a question</button>
</nav>
</nav>
</nav>
</div>
<!-- albert byrone -->
<div class="mentors-a">
<nav class="mentors-b">
<nav class="mentors-c">
<img src="assets/image-6.jpg" alt="" class="img-mentor">
<nav class="mentors-d">
<h4>Albert Byrone</h4>
<h5>Web Developemnt</h5>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Unde quaerat ea vitae deserunt explicabo quidem nam, repudiandae molestias aliquam eum velit pariatur ut quod quasi. Itaque minus eveniet ex libero?</p>
<button class="btn">Ask a question</button>
</nav>
</nav>
</nav>
</div>
<!-- raphael katana -->
<div class="mentors-a">
<nav class="mentors-b">
<nav class="mentors-c">
<img src="assets/image-7.jpg" alt="" class="img-mentor">
<nav class="mentors-d">
<h4>Raphael Katana</h4>
<h5>Web Developemnt</h5>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Unde quaerat ea vitae deserunt explicabo quidem nam, repudiandae molestias aliquam eum velit pariatur ut quod quasi. Itaque minus eveniet ex libero?</p>
<button class="btn">Ask a question</button>
</nav>
</nav>
</nav>
</div>
<!-- karimu -->
<div class="mentors-a">
<nav class="mentors-b">
<nav class="mentors-c">
<img src="assets/image-8.jpg" alt="" class="img-mentor">
<nav class="mentors-d">
<h4>karimu </h4>
<h5>Web Developemnt</h5>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Unde quaerat ea vitae deserunt explicabo quidem nam, repudiandae molestias aliquam eum velit pariatur ut quod quasi. Itaque minus eveniet ex libero?</p>
<button class="btn">Ask a question</button>
</nav>
</nav>
</nav>
</div>
</div>
<!-- project -->
<div class="projects">
<h2 id="projects">Project <a > It's hopefully, a good one</a> </h2>
<nav class="projects-a">
<a>This is our</a>
<p class="p"> Cool Bike Website</p>
<p>An application that allows users to show case bikes for sale and hire whenever they are having team bonding and any hiking activities</p>
<button class="btn">Learn More</button>
</nav>
<!-- project image -->
<nav class="projects-b"> <img src="assets/image-9.jpg" alt="" class="image-1"></nav>
</div>
<!-- foot section -->
<div class="foot">
<h4 id="foot1">Still not sure?</h4>
<p>Go ahead and <button class="btn">Enroll</button> or <span id="contact"> Contact us</span></p>
</div>
<!-- footer section -->
<div id="footer">
<p>Designed with <i class="fa fa-heart"> </i> by J&R</p>
</div>
</div>
</div>
</body>
</html>