-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
225 lines (225 loc) · 12.3 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
223
224
225
<!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="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"/>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<title>SKM</title>
</head>
<style>
body{
background-image: radial-gradient(circle, #f08212, #f59c00, #f6b600, #f3d000, #ecea15);
}
.heading{
overflow: hidden;
}
.heading img{
float: left;
}
.heading h1{
text-align: center;
color: black;
font-weight: 900;
margin: 35px;
}
h3{
text-align: center;
}
p{
text-align: center;
font-size: small;
}
.elearn img{
float: right;
padding-right: 50px;
}
.elearn h4{
font-weight: bolder;
padding-left: 10px;
text-align: center;
}
.knowd img{
float: right;
padding-right: 50px;
}
.knowd h4{
font-weight: bolder;
padding-left: 10px;
text-align: center;
}
h5{
font-weight: bolder;
padding-left: 10px;
}
.sidenav {
color: white;
height: 100%;
width: 160px;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #111;
overflow-x: hidden;
padding-top: 20px;
}
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
.footer {
position: relative;
left: 0;
bottom: 0;
width: 100%;
background-color: red;
color: white;
text-align: center;
height: 325px;
}
</style>
<body>
<header class="heading">
<h1>E-LEARNING AND KNOWLEDGE</h1>
</header>
<div class="w3-bar w3-black">
<a href="index.html" class="w3-bar-item w3-button w3-mobile w3-green" style="margin-left: 10%;"><i class="fas fa-home"></i> HOME</a>
<!-- <a href="courses.html" class="w3-bar-item w3-button w3-mobile"><i class="fas fa-book-open"></i> COURSES</a> -->
<a href="about.html" class="w3-bar-item w3-button w3-mobile"><i class="fas fa-user"></i> ABOUT ME</a>
<a href="educ.html" class="w3-bar-item w3-button w3-mobile"><i class="fas fa-university"></i> EDUCATION</a>
<a href="hobbies.html" class="w3-bar-item w3-button w3-mobile"><i class="fas fa-laptop-code"></i> HOBBIES</a>
<a href="contact.html" class="w3-bar-item w3-button w3-mobile"><i class="far fa-address-book"></i> CONTACT ME</a>
<div class="w3-dropdown-hover w3-mobile">
<button class="w3-button"><i class="fas fa-tv"></i> ENTERTAINMENT <i class="fa fa-caret-down"></i></button>
<div class="w3-dropdown-content w3-bar-block w3-dark-grey">
<a href="news.html" class="w3-bar-item w3-button w3-mobile"><i class="fas fa-newspaper"></i> NEWS</a>
<a href="music.html" class="w3-bar-item w3-button w3-mobile"><i class="fas fa-music"></i> MUSIC</a>
<a href="game.html" class="w3-bar-item w3-button w3-mobile"><i class="fas fa-gamepad"></i> SPORTS AND GAMING</a>
</div>
</div>
</div>
<div class="sidenav">
<h2 style="text-align: center;">TIMELINE</h2>
<h3>2001</h3>
<p>I was born on 28th Feb.</p>
<br>
<h3>2002-2005</h3>
<p>My Childhood</p>
<br>
<h3>2006-2019</h3>
<p>School Life, I studied in the same school for a term of 14 years.</p>
<br>
<h3>2019-2023</h3>
<p>College Life, I pursued B.tech CSE for 4 years.</p>
</div>
<div style="padding-left: 200px;" class="elearn">
<h4>What is E-learning?</h4>
<img src="images/elpic.png" alt="E-Learning">
<p>
<h5>Introduction</h5>
A learning system based on formalised teaching but with the help of electronic resources is known as E-learning.
While teaching can be based in or out of the classrooms, the use of computers and the Internet forms the major component of E-learning.
E-learning can also be termed as a network enabled transfer of skills and knowledge, and the delivery of education is made to a large number of recipients at the same or different times.
Earlier, it was not accepted wholeheartedly as it was assumed that this system lacked the human element required in learning.
However, with the rapid progress in technology and the advancement in learning systems, it is now embraced by the masses.
The introduction of computers was the basis of this revolution and with the passage of time, as we get hooked to smartphones, tablets, etc, these devices now have an importance place in the classrooms for learning.
Books are gradually getting replaced by electronic educational materials like optical discs or pen drives.
Knowledge can also be shared via the Internet, which is accessible 24/7, anywhere, anytime.
<h5>Description</h5>
E-learning has proved to be the best means in the corporate sector, especially when training programs are conducted by MNCs for professionals across the globe and employees are able to acquire important skills while sitting in a board room, or by having seminars, which are conducted for employees of the same or the different organizations under one roof.
The schools which use E-learning technologies are a step ahead of those which still have the traditional approach towards learning.
No doubt, it is equally important to take forward the concept of non-electronic teaching with the help of books and lectures, but the importance and effectiveness of technology-based learning cannot be taken lightly or ignored completely.
It is believed that the human brain can easily remember and relate to what is seen and heard via moving pictures or videos.
It has also been found that visuals, apart from holding the attention of the student, are also retained by the brain for longer periods.
Various sectors, including agriculture, medicine, education, services, business, and government setups are adapting to the concept of E-learning which helps in the progress of a nation.
</p>
</div>
<div style="padding-left: 200px;" class="knowd">
<h4>What is Knowledge?</h4>
<img src="images/know.png" alt="Knowledge">
<p>
<h5>Introduction</h5>
Knowledge is a familiarity, awareness, or understanding of someone or something, such as facts, skills, or objects.
By most accounts, knowledge can be acquired in many different ways and from many sources, including but not limited to perception, reason, memory, testimony, scientific inquiry, education, and practice.
Knowledge means the things which are true, as opposed to opinion. Information which is correct is knowledge.
Knowledge can always be supported by evidence. If a statement is not supported by evidence, then it is not knowledge. The evidence makes it justified.
In other words, knowledge can refer to a theoretical or practical understanding of a subject.
This was the point of Ryle's distinction between "knowing that" and "knowing how".
</p>
</div>
<div class="footer">
<div class="w3-row w3-center w3-small">
<div class="w3-col l3 m6 s12" style="padding-left: 10%;">
<div class="top10">
<h5 style="font-family: 'Source Sans Pro', sans-serif;">Top Tutorials</h5>
<a href="/html/default.asp">HTML Tutorial</a><br>
<a href="/css/default.asp">CSS Tutorial</a><br>
<a href="/js/default.asp">JavaScript Tutorial</a><br>
<a href="/howto/default.asp">How To Tutorial</a><br>
<a href="/sql/default.asp">SQL Tutorial</a><br>
<a href="/python/default.asp">Python Tutorial</a><br>
<a href="/w3css/default.asp">W3.CSS Tutorial</a><br>
<a href="/bootstrap/bootstrap_ver.asp">Bootstrap Tutorial</a><br>
<a href="/php/default.asp">PHP Tutorial</a><br>
<a href="/java/default.asp">Java Tutorial</a><br>
<a href="/cpp/default.asp">C++ Tutorial</a><br>
<a href="/jquery/default.asp">jQuery Tutorial</a><br>
</div>
</div>
<div class="w3-col l3 m6 s12">
<div class="top10">
<h5 style="font-family: 'Source Sans Pro', sans-serif;">Top References</h5>
<a href="/tags/default.asp">HTML Reference</a><br>
<a href="/cssref/default.asp">CSS Reference</a><br>
<a href="/jsref/default.asp">JavaScript Reference</a><br>
<a href="/sql/sql_ref_keywords.asp">SQL Reference</a><br>
<a href="/python/python_reference.asp">Python Reference</a><br>
<a href="/w3css/w3css_references.asp">W3.CSS Reference</a><br>
<a href="/bootstrap/bootstrap_ref_all_classes.asp">Bootstrap Reference</a><br>
<a href="/php/php_ref_overview.asp">PHP Reference</a><br>
<a href="/colors/colors_names.asp">HTML Colors</a><br>
<a href="/java/java_ref_keywords.asp">Java Reference</a><br>
<a href="/angular/angular_ref_directives.asp">Angular Reference</a><br>
<a href="/jquery/jquery_ref_overview.asp">jQuery Reference</a><br>
</div>
</div>
<div class="w3-col l3 m6 s12">
<div class="top10">
<h5 style="font-family: 'Source Sans Pro', sans-serif;">Top Examples</h5>
<a href="/html/html_examples.asp">HTML Examples</a><br>
<a href="/css/css_examples.asp">CSS Examples</a><br>
<a href="/js/js_examples.asp">JavaScript Examples</a><br>
<a href="/howto/default.asp">How To Examples</a><br>
<a href="/sql/sql_examples.asp">SQL Examples</a><br>
<a href="/python/python_examples.asp">Python Examples</a><br>
<a href="/w3css/w3css_examples.asp">W3.CSS Examples</a><br>
<a href="/bootstrap/bootstrap_examples.asp">Bootstrap Examples</a><br>
<a href="/php/php_examples.asp">PHP Examples</a><br>
<a href="/java/java_examples.asp">Java Examples</a><br>
<a href="/xml/xml_examples.asp">XML Examples</a><br>
<a href="/jquery/jquery_examples.asp">jQuery Examples</a><br>
</div>
</div>
<div class="w3-col l3 m6 s12">
<div class="top10">
<h5 style="font-family: 'Source Sans Pro', sans-serif;">Web Courses</h5>
<a href="https://courses.w3schools.com/courses/html" target="_blank" onclick="ga('send', 'event', 'Courses' , 'Clicked on html course link in footer');">HTML Course</a><br>
<a href="https://courses.w3schools.com/courses/css" target="_blank" onclick="ga('send', 'event', 'Courses' , 'Clicked on css course link in footer');">CSS Course</a><br>
<a href="https://courses.w3schools.com/courses/javascript" target="_blank" onclick="ga('send', 'event', 'Courses' , 'Clicked on javascript course link in footer');">JavaScript Course</a><br>
<a href="https://courses.w3schools.com/programs/front-end" target="_blank" onclick="ga('send', 'event', 'Courses' , 'Clicked on Front End course link in footer');">Front End Course</a><br>
<a href="https://courses.w3schools.com/courses/sql" target="_blank" onclick="ga('send', 'event', 'Courses' , 'Clicked on sql course link in footer');">SQL Course</a><br>
<a href="https://courses.w3schools.com/courses/python" target="_blank" onclick="ga('send', 'event', 'Courses' , 'Clicked on python course link in footer');">Python Course</a><br>
<a href="https://courses.w3schools.com/courses/php" target="_blank" onclick="ga('send', 'event', 'Courses' , 'Clicked on php course link in footer');">PHP Course</a><br>
<a href="https://courses.w3schools.com/courses/jquery" target="_blank" onclick="ga('send', 'event', 'Courses' , 'Clicked on jquery course link in footer');">jQuery Course</a><br>
<a href="https://courses.w3schools.com/courses/java" target="_blank" onclick="ga('send', 'event', 'Courses' , 'Clicked on Java course link in footer');">Java Course</a><br>
<a href="https://courses.w3schools.com/courses/cplusplus" target="_blank" onclick="ga('send', 'event', 'Courses' , 'Clicked on C++ course link in footer');">C++ Course</a><br>
<a href="https://courses.w3schools.com/courses/c-sharp" target="_blank" onclick="ga('send', 'event', 'Courses' , 'Clicked on bootstrap C# link in footer');">C# Course</a><br>
<a href="https://courses.w3schools.com/courses/xml" target="_blank" onclick="ga('send', 'event', 'Courses' , 'Clicked on xml course link in footer');">XML Course</a><br>
</div>
</div>
</div>
</div>
</body>
</html>