-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
212 lines (199 loc) · 10.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Personal Portfolio Website</title>
<link rel="stylesheet" href="style.css">
<link rel=icon href="favicon.ico">
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.11/typed.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/>
</head>
<body>
<div class="scroll-up-btn">
<i class="fas fa-angle-up"></i>
</div>
<nav class="navbar">
<div class="max-width">
<div class="logo"><a href="#">Portfo<span>lio.</span></a></div>
<ul class="menu">
<li><a href="#home" class="menu-btn">Home</a></li>
<li><a href="#about" class="menu-btn">About</a></li>
<li><a href="#services" class="menu-btn">Achievements</a></li>
<li><a href="#skills" class="menu-btn">Social Work</a></li>
<li><a href="#teams" class="menu-btn">Projects</a></li>
<li><a href="#contact" class="menu-btn">Contact</a></li>
</ul>
<div class="menu-btn">
<i class="fas fa-bars"></i>
</div>
</div>
</nav>
<!-- home section start -->
<section class="home" id="home">
<div class="max-width">
<div class="home-content">
<div class="text-1">Hello, my name is</div>
<div class="text-2">Kamal Kishore Kulmi</div>
<div class="text-3">And I'm a <span class="typing"></span></div>
</div>
</div>
</section>
<!-- about section start -->
<section class="about" id="about">
<div class="max-width">
<h2 class="title">About me</h2>
<div class="about-content">
<div class="column left">
<img src="./profile-1.jpeg" alt="">
</div>
<div class="column right">
<div class="text">I'm Kamal and I'm a <span class="typing-2"></span></div>
<p><i>EDUCATIONAL QUALIFICATION : M.Sc. ,M.Phil.(Maths)<br>
PROFESSIONAL QUALIFICATION : B.Ed. , M.Ed.</i><br>
I am a dedicated and hardworking mathematics teacher , who is passionate about teaching. I believe in teaching any subject practically and so I teach my students through different models, charts and games (because learning is best when students enjoys it).
I had taught classes 9th and 10th from 24 Sept 1993 to 30 June 2015. Currently I teach classes 6th to 8th (Maths and Science).</p>
<a href="./about_me.pdf" target="blank">View Details</a>
</div>
</div>
</div>
</section>
<!-- services section start -->
<section class="services" id="services">
<div class="max-width">
<h2 class="title">My achievements</h2>
<div class="serv-content">
<div class="card">
<div class="box">
<img src="./award12.JPG" alt="">
<div class="text">Teacher's award.</div>
<p>Won district level teacher's award for best teacher.<br>DATED: 5th September, 2016</p>
</div>
</div>
<div class="card">
<div class="box">
<img src="./award2.JPG" alt="">
<div class="text">Shekshik Sanghoshthi 1st prize</div>
<p>State level Shekshik Sanghoshthi 1st prize(Cash Prize by CM Shivraj Singh Chouhan and Commissioner of School Education MP govt.)<br>DATED: 5th September, 2011</p>
</div>
</div>
<div class="card">
<div class="box">
<img src="./award10.JPG" alt="">
<div class="text">Nation Builder Award</div>
<p>Nation Builder Award 2017 by Vinay Ujala.(Shiksha jagat mai vishishtha sevarth samman)<br>DATED: 17th September, 2017</p>
</div>
</div>
<a href="./achievements.pdf" target="blank">Read more</a>
</div>
</div>
</div>
</section>
<!-- skills section start -->
<section class="skills" id="skills">
<div class="max-width">
<h2 class="title">Social Work</h2>
<div class="skills-content">
<div class="column left">
<div class="text">Social Works done by me:</div>
<p> 1.) Given sevice in Lions club Ujjain, Indian Red Cross society ,Madhya Pradesh Viklang Sahayta Samiti.<br>
2.) Served as a Public Announcer in Hastshilp Mela 2004.<br>
3.) Worded as official worker and did food arrangements in Simhastha 2004.<br>
4.) Worked as liaison officer at Mangalnath Zone Ujjain in Simhastha 2016.<br>
5.) Wrote 5 student beneficiary articles in School level magazine (PRATIBHA).<br>
6.) Made question bank for class 10th(Subject - maths ) to improve student's result.<br>
7.) Asked for sponsorship from SBI, Jan Sanyog and social worker(Sushil, Mukesh Giriya) to donate water cooler, 10 fans, water filter and sweaters to my previous school (Govt. HSS Jiwajiganj Ujjain).<br>
8.) Donated siren in my previous school(Govt. HSS Jiwajiganj Ujjain).<br>
9.) In last 3 years I have motivated social workers, Padmavati rotary Club, Lions Friends Club for the donation of water motar, mic set, mats, tree guard, 80 plates in my current school.<br>
10.) Supervisor in National Census 2011 and 2015.<br>
11.) Presiding officer in Lok Sabha, Vidhan Sabha, Panchayat, Krashi Upaj Mandi elections.</p>
</div>
<div class="column right">
<img src="./socialwork1.JPG" alt="">
<img src="./social.PNG" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- teams section start -->
<section class="teams" id="teams">
<div class="max-width">
<h2 class="title">My Projects</h2>
<div class="carousel owl-carousel">
<div class="card">
<div class="box">
<img src="./Project-1.PNG" alt="">
<div class="text">Circles</div>
<p>A model that practically helps student to understand circle, its properties and various theorems realated to cicle.<br>
The model is cost efficient, easy to understand and helps students learn about circles in a fun way.</p>
</div>
</div>
<div class="card">
<div class="box">
<img src="./Project-2.PNG" alt="">
<div class="text">The pythagoras</div>
<p>This model proves the pythagoras theorem with the use of graph paper, thus making Pythagoras theorem more understandable for students.<br>The model cost efficient and students can easily make a demonstration of this by their own.</p>
</div>
</div>
<div class="card">
<div class="box">
<img src="./Project-3.PNG" alt="">
<div class="text">Triangles</div>
<p></p>This model helps students learn various theorems of triangles, about congruent and similar triangles.<br>Visualizing and playing with such model helps them learn things better and students remember them longer.
</div>
</div>
</div>
</div>
</section>
<!-- contact section start -->
<section class="contact" id="contact">
<div class="max-width">
<h2 class="title">Contact me</h2>
<div class="contact-content">
<div class="column left">
<div class="text">Get in Touch</div>
<p>Provided below are my contact details, for any queries feel free to contact!</p>
<div class="icons">
<div class="row">
<i class="fas fa-user"></i>
<div class="info">
<div class="head">Name</div>
<div class="sub-title">Kamal Kishore Kulmi</div>
</div>
</div>
<div class="row">
<i class="fas fa-map-marker-alt"></i>
<div class="info">
<div class="head">Address</div>
<div class="sub-title"> F-5/8, Kshipra Vihar, Ujjain(456010)</div>
</div>
</div>
<div class="row">
<i class="fas fa-envelope"></i>
<div class="info">
<div class="head">Email</div>
<div class="sub-title">[email protected]</div>
</div>
</div>
<div class="row">
<i class="fa fa-comment-alt"></i>
<div class="info">
<div class="head">Phone Number</div>
<div class="sub-title">8889171509</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- footer section start -->
<footer>
</footer>
<script src="script.js"></script>
</body>
</html>