-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
156 lines (149 loc) · 7.09 KB
/
index.html
File metadata and controls
156 lines (149 loc) · 7.09 KB
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
<!DOCTYPE html>
<html>
<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 href="Resources/CSS/styles.css" rel="stylesheet" type="text/css">
<title>Moringa School</title>
</head>
<body>
<div class="nav">
<h4 id="space">
<a class="pink">Moringa</a> School</h4>
<ul>
<li class="line">Courses</li>
<li class="line">Our Projects</li>
<li class="line">Stories</li>
<li class="line" id="button">Enroll</li>
</ul>
</div>
<div class= "seo">
<div class="firstpart">
<h5>Moringa</h5>
<h4 id="big" class="pink">Nurturing Africa's Tech Talent</h4>
<p>Through market-aligned skills training, we help <br>learners build new career possibilities with greater<br>confidence and capability.</p>
<button id="button2">Enroll now</button>
<button id="button3">Explore</button>
</div>
<div class="firstimg">
<img src="Resources/Images/image1.png" alt="">
</div>
</div>
<div class="secondpart">
<div class="line1">
<h3>Stories</h3>
<h6>So many memories!</h6>
</div>
<div id="she">
<div class="secondimg">
<img src="Resources/Images/image 2.png">
</div>
<div class="text1">
<h3>Orientation day</h3>
<p>Lorem ipsum, dolor sit amet consectetur<br> adipisicing elit. Excepturi, soluta cum omnis repellat eius tempora obcaecati, odio aut laudantium ducimus dolore nulla illum veritatis unde perferendis doloremque quis ipsa. Doloremque.</p>
<button id="button4"> See Album</button>
</div>
</div>
<div class="thirdpart">
<div class="text2">
<h3>Board meeting</h3>
<p>Lorem ipsum, dolor sit amet consectetur<br> adipisicing elit. Excepturi, soluta cum omnis repellat eius tempora obcaecati, odio aut laudantium ducimus dolore nulla illum veritatis unde perferendis doloremque quis ipsa. Doloremque.</p>
<button id="button5"> Read out stories</button>
</div>
<div class="thirdimg">
<img src="Resources/Images/image 3.png">
</div>
</div>
<!-- section 4 -->
<div class="fourthpart">
<div class="fourthimg">
<img src="Resources/Images/image 4.png" alt="">
</div>
<div class="text3">
<h3>Graduation Party</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum eligendi, non fugit cupiditate quaerat eos? Exercitationem necessitatibus veniam alias tempora aperiam et. Sed repellat atque quas perferendis ducimus. Laboriosam, iusto?</p>
<button id="button6">See Album</button>
</div>
</div>
<!-- cards -->
<div class="cards">
<div class="title3">
<h3>Technical Mentors</h3>
<h6>Skilled and kind!</h6>
</div>
<div class="allcards">
<div class="card1">
<div class="mentor1">
<img class="sizeall" src="Resources/Images/image 5.png" alt="">
<p class="mentor-name">Rose Oketch</p>
</div>
<div class="writing1">
<h4 class="pink">Web development</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem incidunt consequuntur saepe quae neque, omnis et nisi quasi itaque sed recusandae tenetur dicta quam unde at a autem ad error.</p>
<button class="buttons">Ask A Question</button>
</div>
</div>
<div class="card2">
<div class="mentor2">
<img class="sizeall" src="Resources/Images/image 6.png" alt="">
<p class="mentor-name">Albert Byrone</p>
</div>
<div class="writing2">
<h4 class="pink">Web development</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem incidunt consequuntur saepe quae neque, omnis et nisi quasi itaque sed recusandae tenetur dicta quam unde at a autem ad error.</p>
<button class="buttons">Ask A Question</button>
</div>
</div>
<div class="card3">
<div class="mentor3">
<img class="sizeall" src="Resources/Images/image 7.png " alt="">
<p class="mentor-name">Raphael Katana</p>
</div>
<div class="writing3">
<h4 class="pink">Web development</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem incidunt consequuntur saepe quae neque, omnis et nisi quasi itaque sed recusandae tenetur dicta quam unde at a autem ad error.</p>
<button class="buttons">Ask A Question</button>
</div>
</div>
<div class="card4">
<div class="mentor4">
<img class="sizeall" src="Resources/Images/image 8.png" alt="">
<p class="mentor-name">Christine Karimi</p>
</div>
<div class="writing4">
<h4 class="pink">Android development</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem incidunt consequuntur saepe quae neque, omnis et nisi quasi itaque sed recusandae tenetur dicta quam unde at a autem ad error.</p>
<button class="buttons">Ask A Question</button>
</div>
</div>
</div>
</div>
<!-- project section -->
<div class="project">
<div class="title4"></div>
<div class="allimg">
<div class="texts">
<h5>This is our</h5>
<h2 class="pink">Cool Bike website</h2>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Non doloremque magni repellat eos saepe illo commodi rem, <br> earum maiores voluptas odit exercitationem voluptatibus sit tenetur consequatur impedit. Corporis, asperiores itaque!</p>
<button class="buttons">Learn More</button>
</div>
<div class="picture">
<div class="bike">
<img src="Resources/Images/image 9.png">
</div>
</div>
</div>
</div>
<div class="last">
<h3 class="pink">Still not sure?</h3>
<div class="lastline">
<p>Go ahead and <button class="buttons">Enroll</button> or<span id="grey" class="pink"> contact us.</span></p>
</div>
</div>
<div class="footer">
<p class="color"> Designed <span class="heart">♥</span> by Abwao.</p>
</div>
</body>
</html>