-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
222 lines (219 loc) · 8.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
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
<!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" />
<title>iEducate - Transforming online Education</title>
<link rel="stylesheet" href="style.css" />
<script src="javascript.js"></script>
</head>
<body>
<div class="container">
<nav class="navbar background" id="n-1">
<ul class="nav-list">
<div class="logo">
<img src="assets/iEducate.png" alt="iEducate" />
</div>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contactus">Contact us</a></li>
</ul>
<div class="right-nav c-1">
<!-- <input type="text" name="search" id="search" class="search-1" />
<button class="btn-sm search-1">Search</button> -->
<input
class="in"
type="text"
name="search"
id="search-1"
placeholder="Search..."
/>
<!-- <i class="fa-solid fa-magnifying-glass se"></i> -->
<div class="sea"></div>
</div>
</nav>
<section class="background first-section">
<div class="box-main">
<div class="first-half">
<p class="big-text">The Future of Education is here</p>
<p class="small-text">
In this world of 7 billion people we need to educate all of them.
This is the future of an educated world and we are proud to say
that the Future of Education is here.
</p>
<div class="buttons">
<button class="btn btn-1 sub">Subscribe</button>
<button class="btn sub">Watch Video</button>
</div>
</div>
<div class="second-half">
<img src="assets/photo.jpg" alt="iEduacate" />
</div>
</div>
</section>
</div>
<hr />
<div class="black">
<div class="reveal">
<section class="subject">
<div class="secLeft">
<div class="secTag">Breaking the Cycle of Poverty</div>
<div class="secSubTag">
Education in all different forms is key to breaking the cycle of
poverty. It has an uplifting effect on other aspects of society
that may seem totally unrelated, such as girls’ education lowering
the number of prenatal deaths. The relationship between poverty
and education is complex, but we know that education helps people
make healthier and smarter decisions about their children, their
livelihoods and the way they live. Education also has a
significant role in the fight for children’s rights, both in
teaching children what they can and should expect from adults, and
in showing adults the benefits of respecting their children’s
rights.
</div>
</div>
<div class="secRight">
<img
src="assets/right to education.jpg"
alt="Breaking the Cycle of Poverty Through Education"
/>
</div>
</section>
<hr />
<section class="hi">
<div class="hi-secLeft">
<div class="secTag">Early Childhood</div>
<div class="secSubTag">
Education designed to support early development in preparation for
participation in school and society. The programmes are designed
for children below the age of three. This is ISCED level 01.[59]
Preschools provide education from ages approximately three to
seven, depending on the country when children enter primary
education. The children now readily interact with their peers and
the educator.[59] These are also known as nursery schools and as
kindergarten, except in the US, where the term kindergarten refers
to the earliest levels of primary education.
</div>
</div>
<div class="hi-secRight">
<img
src="assets/early-childhood.jpg"
alt="Breaking the Cycle of Poverty Through Education"
/>
</div>
</section>
<hr />
<section class="subject">
<div class="secLeft">
<div class="secTag">Technology in Education</div>
<div class="secSubTag">
Technology plays an increasingly significant role in improving
access to education for people living in impoverished areas and
developing countries. However, lack of technological advancement
is still causing barriers with regards to quality and access to
education in developing countries.[113] Charities like One Laptop
per Child are dedicated to providing infrastructures through which
the disadvantaged may access educational materials.
</div>
</div>
<div class="secRight">
<img
src="assets/technology in education.png"
alt="Breaking the Cycle of Poverty Through Education"
/>
</div>
</section>
</div>
</div>
<hr />
<!-- <section class="former">
<h2>Contact Us</h2>
<div class="contacting">
<form action="" method="post">
<div class="fomer">
<input type="text" name="name" class="co" id="name" placeholder="Your name" />
<input
type="email"
name="email"
id="email"
class="co"
placeholder="Your email"
/>
<input
type="tel"
name="phone"
id="phone"
class="co"
placeholder="Your Phone no."
/>
<textarea
name="message"
id="message"
cols="30"
rows="10"
class="co"
placeholder="Write your message for the team here."
></textarea>
<button class="btn-form">Submit</button>
</div>
</form>
</div>
</section> -->
<!-- <div class="image"><img src="assets/love to learn.jpg" alt="Love to Learn"></div> -->
<div class="poster" id="contactus">
<div class="bulu">
<div class="fi">
<div class="screen">
<div class="screen-header">
<div class="screen-header-left">
<div class="screen-header-button close"></div>
<div class="screen-header-button maximize"></div>
<div class="screen-header-button minimize"></div>
</div>
<div class="screen-header-right">
<div class="screen-header-ellipsis"></div>
<div class="screen-header-ellipsis"></div>
<div class="screen-header-ellipsis"></div>
</div>
</div>
<div class="screen-body">
<div class="screen-body-item left">
<div class="app-title">
<span>CONTACT</span>
<span>US</span>
</div>
</div>
<div class="screen-body-item">
<div class="app-form">
<form action="#">
<div class="app-form-group">
<input type="text" class="app-form-control" placeholder="NAME" required />
</div>
<div class="app-form-group">
<input type="email" class="app-form-control" placeholder="EMAIL" required />
</div>
<div class="app-form-group">
<input type="tel" class="app-form-control" placeholder="CONTACT NO." required />
</div>
<div class="app-form-group message">
<input type="text" class="app-form-control" placeholder="MESSAGE" required/>
</div>
<div class="app-form-group buttons">
<button class="app-form-button">CANCEL</button>
<button class="app-form-button">SEND</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="text-footer">
Copyright © 2030 www.iEducate.com - All rights reserved
</footer>
</body>
</html>