-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
240 lines (233 loc) · 9.23 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
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
<!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>Personal Portfolio Website</title>
<!-- google font icons -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
<!-- local css file -->
<link rel="stylesheet" href="styles.css"/>
</head>
<body>
<!-- header section starts -->
<header class="header" id="header">
<a><i class="menu material-icons"> menu </i></a>
<nav class="navbar">
<a href="#">home</a>
<!-- <a href="#portfolio">portfolio</a> -->
<a href="#about">about</a>
<a href="#resume">resume</a>
<a href="#blogs">projects</a>
<a href="#contact">contact</a>
</nav>
</header>
<!-- header section ends -->
<!-- home section starts -->
<section class="home" id="home">
<h1 class="hero-text">
hello, i'm <br />
<span>kamalesh m</span>
</h1>
<p>and this is my portfolio</p>
</section>
<!-- home section ends -->
<!-- about section starts -->
<section class="about" id="about">
<div class="box-container">
<div class="box">
<div class="image">
<img src="images/kamalesh.jpg" alt="" />
</div>
</div>
<div class="box">
<h1 class="heading">about <span>me</span></h1>
<p>
Hey! there, I am Kamalesh, B. Tech ECE graduate with experience working as an Engineering trainee. Worked on
projects in both hardware and software ideas. Interested in working both in the technical and programming roles.
</p>
<p>
Like to be a part of developing new ideas and technologies with engaging groups.
</p>
<a href="#resume" class="btn">learn more</a>
</div>
</div>
</section>
<!-- about section ends -->
<!-- resume section starts -->
<section class="resume" id="resume">
<h1 class="heading">my <span>resume</span></h1>
<div class="col-container">
<div class="col">
<h2>education</h2>
<div class="box">
<span><i class="material-icons"> calendar_today </i> June 2016 - March 2017</span>
<h3>Secondary Education</h3>
<p>
Completed my Secondary Education having good school life, passed out with 98% in the State Board Examinations.
</p>
<p class="university">Alpha Matriculation Higher Secondary School</p>
</div>
<div class="box">
<span><i class="material-icons"> calendar_today </i> June 2018 - March 2019</span>
<h3>Higher Secondary Education</h3>
<p>
Completed my Higher Secondary Education having good school life, passed out with 94.8% in the State Board Examinations.
</p>
<p class="university">Alpha Matriculation Higher Secondary School</p>
</div>
<div class="box">
<span><i class="material-icons"> calendar_today </i> July 2019 - June 2023</span>
<h3>Bachelors in Electronics and Communication Engineering</h3>
<p>
Completed my B. Tech degree in Electronics and Communication Engineering, passed out with 9.7 CGPA for overall semester.
</p>
<p class="university">puducherry technological university</p>
</div>
</div>
<div class="col">
<h2>experience</h2>
<div class="box">
<span><i class="material-icons"> calendar_today </i> June 2022 - August 2022</span>
<h3>intern trainee</h3>
<p>
Worked on Internet of Things (IoT) and its application. Completed basic projects in arduino platform, including home automation and irrigation system.
</p>
<p class="university">emertxe information technologies</p>
</div>
<div class="box">
<span><i class="material-icons"> calendar_today </i> September 2022 - February 2023</span>
<h3>Engineering Trainee</h3>
<p>
Worked on data upload to ThingSpeak using GSM and GPRS for remote data monitoring. Developed proficiency in arduino programming and IoT devices.
</p>
<p class="university">flowget solutions private ltd.</p>
</div>
</div>
</div>
</section>
<!-- resume section ends -->
<!-- blogs section starts -->
<section class="blogs" id="blogs">
<h1 class="heading">my <span>projects</span></h1>
<div class="box-container">
<div class="box">
<div class="image">
<img src="images/translator.jpg" alt="" />
</div>
<div class="content">
<h2>translator application</h2>
<p>
Built a Translator application and hosted under Azure platform guided by Microsoft Training program.
</p>
<p>Skills: HTML, Python, flask framework and Azure development tools.</p>
</div>
</div>
<div class="box">
<div class="image">
<img src="images/oscar.jpg" alt="" />
</div>
<div class="content">
<h2>oscar award management system</h2>
<p>
Developed an OSCAR award database using MySQL software and performed DML, DDL and DCL with the database.
</p>
<p>Skills: Data storage, Data manipulation, SQL queries, DML and DDL commands.</p>
</div>
</div>
<div class="box">
<div class="image">
<img src="images/gabor.jpg" alt="" />
</div>
<div class="content">
<h2>automotive security system using gabor filter</h2>
<p>
Face recognition based ignition system control in the automobiles with Gabor filter. With Arduino module
controlled by pyfirmata library.
</p>
<p>Skills: Python, Machine learning, Filters, Arduino programming, hardware and software integration.</p>
</div>
</div>
<div class="box">
<div class="image">
<img src="images/lifi.jpg" alt="" />
</div>
<div class="content">
<h2>li-fi for accident prevention</h2>
<p>
Implemented a li-fi module for V2V Communication to alert the drivers thereby preventing the accidents.
</p>
<p>Skills: arduino UNO, Tx, Rx module and on arduino programming logic.</p>
</div>
</div>
<div class="box">
<div class="image">
<img src="images/portfolio1.jpg" alt="" />
</div>
<div class="content">
<h2>portfolio website</h2>
<p>
Built a responsive portfolio website showcasing my own interest, resume and projects to the world.
</p>
<p>Skills: HTML, CSS, JavaScript.</p>
</div>
</div>
</div>
</section>
<!-- blogs section ends -->
<!-- contact section starts -->
<section class="contact" id="contact">
<h1 class="heading">get <span>in touch</span></h1>
<div class="col-container">
<div class="col">
<h2>get in touch</h2>
<input type="text" placeholder="your name" />
<input type="email" placeholder="your email" />
<input type="text" placeholder="your phone" />
<textarea name="" placeholder="write a message" id="" cols="30" rows="10"></textarea>
<a href="" class="btn">send message</a>
</div>
<div class="col">
<h2>my contact details</h2>
<p>email</p>
<span>[email protected]</span>
<br />
<br />
<p>phone</p>
<span>+91 73588 00237</span>
<br />
<br />
<p>GitHub</p>
<span>M-Kamalesh</span>
<br />
<br />
<p>address</p>
<span
>66, Subramaniyar Koil St, <br />
Kosapalayam, <br />
Puducherry - 605013</span
>
</div>
</div>
</section>
<!-- contact section ends -->
<!-- footer section starts -->
<section class="footer" id="footer">
<div class="socials">
<ion-icon name="logo-google"></ion-icon>
<a href="https://github.com/M-Kamalesh" target="_blank"><ion-icon name="logo-github"></ion-icon></a>
<a href="https://www.linkedin.com/in/kamalesh-m-179215238/" target="_blank"><ion-icon name="logo-linkedin"></ion-icon></a>
</div>
</section>
<!-- footer section ends -->
<!-- ionicons cdn -->
<script
type="module"
src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"
></script>
<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
<!-- local js file -->
<script src="script.js"></script>
</body>
</html>