-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
105 lines (96 loc) · 6.61 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
<!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/style.css">
<title>Knowledge-hub : Transforming online Education</title>
</head>
<body>
<nav class="navbar background h-nav-resp">
<ul class="nav-list v-class-resp">
<div class="logo"><img src="img/img.jpg" alt="logo"></div>
<li><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<div class="rightNav v-class-resp">
<input type="text" name="search" id="search">
<button class="btn btn-sm">Search</button>
</div>
<div class="burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</nav>
<section class="background firstSection" id="about">
<div class="box-main">
<div class="firstHalf">
<p class="text-big">
The Future of Education is here
</p>
<p class="text-small">
In this competitive world, with a population of 7 billion people, it becomes difficult to get a job without having good skills.Focus on learning, work hard and success is guaranteed. Come join us, Learn and grow with us.
</p>
<div class="buttons">
<button onclick="location.href = 'www.yoursite.com';" class="btn">Subscribe</button>
<button class="btn">Watch Video</button>
</div>
</div>
<div class="secondHalf">
<img src="img/img.jpg" alt="Laptop Image">
</div>
</div>
</section>
<section class="section">
<div class="paras">
<p class="sectionTag text-big">The end of illiteracy is here</p>
<p class="sectionSubTag text-small"> <br>
Literacy is popularly understood as an ability to read and write in at least one method of writing, an understanding reflected by mainstream dictionaries.In this view, illiteracy would be considered to be the inability to read and write.
Some researchers suggest that the term “literacy” can be historically divided into the period before 1950, when literacy was understood solely as alphabetical literacy (word and letter recognition) and the period after 1950, when literacy slowly began to be considered as a wider concept and process, i.e., functional literacy (Dijanošić, 2009).[7] This widening of the traditional concept of literacy took place as consensus emerged among researchers in composition studies, education research, and anthropological linguistics that it makes little sense to speak of reading or writing.</p>
</div>
<div class="thumbnail">
<img src="https://source.unsplash.com/1600x1200/?coding,laptop" alt="Laptop image" class="laptopimg">
</div>
</section>
<section class="section section-left" id="services">
<div class="paras">
<p class="sectionTag text-big">The next big change in Education</p>
<p class="sectionSubTag text-small"><br>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.
Formal education is commonly divided formally into such stages as preschool or kindergarten, primary school, secondary school and then college, university, or apprenticeship. Education in India is primarily managed by state-run public education system, which fall under the command of the government at three levels: federal, state and local.</p>
</div>
<div class="thumbnail">
<img src="https://source.unsplash.com/1600x1200/?teaching,laptop" alt="Laptop image" class="laptopimg">
</div>
</section>
<section class="section">
<div class="paras">
<p class="sectionTag text-big">This is gonna change the way you learn</p>
<p class="sectionSubTag text-small"><br>Learning is the process of acquiring new understanding, knowledge, behaviors, skills, values, attitudes, and preferences. The ability to learn is possessed by humans, animals, and some machines; there is also evidence for some kind of learning in certain plants.Some learning is immediate, induced by a single event (e.g. being burned by a hot stove), but much skill and knowledge accumulate from repeated experiences. The changes induced by learning often last a lifetime, and it is hard to distinguish learned material that seems to be "lost" from that which cannot be retrieved. Study skills, academic skill, or study strategies are approaches applied to learning. They are generally critical to success in school,considered essential for acquiring good grades, and useful for learning throughout one's life.</p>
</div>
<div class="thumbnail">
<img src="https://source.unsplash.com/1600x1200/?study,books" alt="Laptop image" class="laptopimg">
</div>
</section>
<hr>
<section class="contact" id="contact">
<h2 class="text-center"><br>Contact Us!</h2>
<div class="form">
<input class="form-input" type="text" name="name" id="name" placeholder="Enter your Name">
<input class="form-input" type="text" name="name" id="name" placeholder="Enter your Phone number">
<input class="form-input" type="email" name="name" id="name" placeholder="Enter your Email-ID">
<textarea class="form-input" name="text" id="text" cols=30 rows=10 placeholder="Ellaborate your concern"></textarea>
<button class="btn btn-sm btn-dark">Submit</button>
</div>
</section>
<footer class="background">
<p class="text-footer">
Copyright © 2028 - www.Knowledgehub.com - All right reserved
</p>
</footer>
<script src="js/resp.js"></script>
</body>
</html>