-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
122 lines (106 loc) · 4.59 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
<!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="css/index.css" />
<title>iEducate - Online Education</title>
</head>
<body>
<nav class="navbar background height-nav">
<ul class="nav-list visibilty">
<div class="logo">
<img src="images/logo.jpg" alt="logo" />
</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="#contact">Contact Us</a></li>
</ul>
<div class="rightNav visibilty">
<input type="text" name="search" id="search" placeholder="Search" />
<button class="btn btn-sm">Search</button>
</div>
<div class="hamburger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</nav>
<section class="bannerSection background" id="home">
<div class="boxMain" id="about">
<div class="firstHalf">
<p class="text-big">The Future Of Education is here</p>
<p class="text-small">
In this world of 7 billion people we need to educate each and
every one for the betterment of the society.This is the future
of the educated world and we are proud to say that future of
world is here.
</p>
<div class="buttons">
<button class="btn">Subscribe</button>
<button class="btn">Watch Video</button>
</div>
</div>
<div class="secondHalf">
<img src="images/logo.jpg" alt="Laptop Image">
</div>
</div>
</section>
<section class="mainContent" id="services">
<div class="leftContent">
<p class="text-big"> Importance Of Education </p>
<p class="text-small mt-1"> Education is the process of facilitating learning, or the acquisition of knowledge,
skills,
values, morals, beliefs, and habits. Educational methods include teaching, training, storytelling, discussion
and directed research. Education frequently takes place under the guidance of educators; however, learners can
also educate themselves. Education can take place in formal or informal settings, and any experience that has a
formative effect on the way one thinks, feels, or acts may be considered educational. The methodology of
teaching is called pedagogy.</p>
</div>
<div class="rightContent">
<img src="https://source.unsplash.com/900x900/?education, laptop" alt="Education">
</div>
</section>
<section class="mainContent row-reverse">
<div class="leftContent">
<p class="text-big"> History Of Education </p>
<p class="text-small mt-1"> Education began in prehistory, as adults trained the young in the knowledge and skills
deemed necessary in their society. In pre-literate societies, this was achieved orally and through imitation.
Story-telling passed knowledge, values, and skills from one generation to the next. As cultures began to extend
their knowledge beyond skills that could be readily learned through imitation, formal education developed.
Schools existed in Egypt at the time of the Middle Kingdom.</p>
</div>
<div class="rightContent">
<img src="https://source.unsplash.com/900x900/?education" alt="Education">
</div>
</section>
<section class="mainContent">
<div class="leftContent">
<p class="text-big"> Childhood Education </p>
<p class="text-small mt-1"> Education designed to support early development in preparation for participation in
school
and society. The programmes are designed for children below the age of 3. This is ISCED level Preschools
provide education from ages approximately three to seven, depending on the country when children enter primary
education.</p>
</div>
<div class="rightContent">
<img src="https://source.unsplash.com/900x900/?education,books" alt="Education">
</div>
</section>
<section class="contactUs" id="contact">
<h2 class="text-center mt-1"> Contact Us </h2>
<form action="">
<input type="text" placeholder="Enter Name">
<input type="email" placeholder="Enter email">
<textarea name="" id="" cols="30" rows="5" placeholder="Enter Message"></textarea>
<button type="submit" class="btn-sm">Submit</button>
</form>
</section>
<footer class="background">
Copyrights © Educate.com 2021 All Rights Reserved
</footer>
<script src="js/index.js"></script>
</body>
</html>