-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
239 lines (209 loc) · 13.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Kirti Kamal</title>
<link rel="icon" type="image/x-icon" href="asset/img/favicon.ico" />
<!-- Font Awesome icons -->
<script src="https://use.fontawesome.com/releases/v6.1.0/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Playfair+Display+SC" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet" type="text/css" />
<!-- Core theme CSS-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav" style="background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); animation: gradient 15s ease infinite; background-size: 400% 400%;">
<a class="navbar-brand js-scroll-trigger" href="#page-top">
<span class="d-block d-lg-none">Kirti Kamal</span>
<span class="d-none d-lg-block"><img class="img-fluid img-profile rounded-circle mx-auto mb-2"
src="asset/img/profile.jpg" alt="..." /></span>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span
class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#experience">Experience</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#education">Education</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#skills">Skills</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="https://kirtikamal.hashnode.dev/" target="_blank">Blog</a></li>
</ul>
</div>
</nav>
<!-- Page Content-->
<div class="container-fluid p-0">
<a class="float" onclick="userTheme()">
<i id="switch" class="fa fa-moon my-float"></i>
</a>
<!-- About-->
<section class="resume-section" id="about">
<div class="resume-section-content">
<h1 class="mb-0">
Kirti
<span class="text-primary">Kamal</span>
</h1>
<div class="subheading mb-5">
Frontend Developer | Java Enthusiast | DevOps
</div>
<p class="lead mb-5">Pursuing my bachelor’s degree in Computer Science and Engineering. I am a highly competent software professional with a proven track record in designing websites, networking, and open source contributor. I have strong technical skills as well as excellent interpersonal skills, enabling me to interact with new people. I am eager to be challenged in order to grow and further improve my software skills. My main goal is to demystify technology for everyone.</p>
<div class="social-icons">
<a class="social-icon" href="https://kirtikamalsahoo.vercel.app/" target="_blank"><i
class="fa-regular fa-user"></i></a>
<a class="social-icon" href="https://www.linkedin.com/in/kirtikamal/
" target="_blank"><i
class="fab fa-linkedin-in"></i></a>
<a class="social-icon" href="https://github.com/KirtiKamal" target="_blank"><i
class="fab fa-github"></i></a>
<a class="social-icon" href="https://twitter.com/KirtiKamal12" target="_blank"><i
class="fab fa-twitter"></i></a>
<a class="social-icon" href="https://kirtikamal.hashnode.dev/" target="_blank"><i
class="fab fa-hashnode"></i></a>
<a class="social-icon" href="https://stackoverflow.com/users/19119239/kirti-kamal" target="_blank"><i
class="fab fa-stack-overflow"></i></a>
</div>
</div>
</section>
<hr class="m-0" />
<!-- Experience-->
<section class="resume-section" id="experience">
<div class="resume-section-content">
<h2 class="mb-5">Experience</h2>
<div class="d-flex flex-column flex-md-row justify-content-between">
<div class="flex-grow-1">
<h3 class="mb-0">Microsoft Learn Student Ambassador</h3>
<div class="subheading mb-3">MLSA'23</div>
<p><b>Learn Student Ambassadors are a global group of campus leaders who are eager to help fellow students, create robust tech communities and develop technical and career skills for the future.</b>
<br>
<!-- <br></b><b>We had attempted to develop a system that is economical,timesaving and supports medication adherence.</b> </p> -->
</div>
<div class="flex-shrink-0"></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between">
<div class="flex-grow-1">
<h3 class="mb-0">Chairperson Trident ACM Student Chapter </h3>
<div class="subheading mb-3"></div>
<p><b>As an ACM Student Chapter Chair,</b> I am responsible for leading and organizing activities that promote computer science education, professional development, and community building for our student members. Through workshops, seminars, networking events, and outreach programs, our chapter strives to foster a passion for innovation and technology among our peers, while also building connections with industry professionals and other organizations in the field.</p>
<br>
</div>
<div class="flex-shrink-0"></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between">
<div class="flex-grow-1">
<h3 class="mb-0">Smart Odisha Hackathon Participant</h3>
<div class="subheading mb-3">SOH'22</div>
<p><b>Medicine Reminder Application</b>:We just made an application that helps patients to keep track of their medicines and they can also find the doctors those who are available nearby.</b>
<br>
<br></b><b>We had attempted to develop a system that is economical,timesaving and supports medication adherence.</b> </p>
</div>
<div class="flex-shrink-0"></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Geeks for Geeks Campus Ambassador</h3>
<div class="subheading mb-3">Campus Mantri</div>
<p><b>Encouraging students about technology</b>: <b>Helping students</b> who were passionate about technology and need proper guidance. <br> Due to improper guidance, they were misguided and unable to achieve what they can do.<b></b></p>
<p><b>Creating a coding environment on my campus and spreading a coding culture</b>: Encouraging students to learn new skills, participate in coding contests, and encourage students to learn in the public initiative. Organizing coding events, workshops, and hackathons on campus.</p>
</div>
<div class="flex-shrink-0"><span class="text-primary"></span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Google Developer</h3>
<div class="subheading mb-3">Student Member</div>
<p><b>To attend many events such as Google I/O extended, Google dev fest, Google cloud community day, and many more. In which we learn the things and how things work. </b> </p>
<p><b>In Google Developer Group</b> you'll have the opportunity to learn new skills in a variety of formats. You'll also meet local developers virtually or in person with similar interests in technology.
</b>
</p>
</div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Java and dsa problem solving</h3>
<div class="subheading mb-3">LeetCode | Geeks for Geeks</div>
<p><b>Optimized Code Writing</b>: Implementation of all types of Java code in less space and time complexity possible way.</p>
<p><b>Coding contests</b>: Participate in coding contests.</p>
<p><b>OpenSource</b>: Making my hands ready to find some open source projects to contribute to. </p>
</div>
</div>
</div>
</section>
<hr class="m-0" />
<!-- Education-->
<section class="resume-section" id="education">
<div class="resume-section-content">
<h2 class="mb-5">Education</h2>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Trident Academy of technology</h3>
<div class="subheading mb-3">Bachelor of technology | Computer Science and Engineering </div>
<div></div>
</div>
<div class="flex-shrink-0"><span class="text-primary">December 2021 - December 2025</span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between">
<div class="flex-grow-1">
<h3 class="mb-0">Jawahar Navodaya Vidyalaya</h3>
<div class="subheading mb-3">Schooling | Science | 6th - 12th</div>
</div>
<div class="flex-shrink-0"><span class="text-primary"> June 2015 - June 2021</span></div>
</div>
</div>
</section>
<hr class="m-0" />
</section>
<!-- Skills-->
<section class="resume-section" id="skills">
<div class="resume-section-content">
<h2 class="mb-5">Skills</h2>
<div class="subheading mb-3">Programming Languages & Tools</div>
<ul class="list-inline dev-icons">
<li class="list-inline-item"><i class="fab fa-html5"></i></li>
<li class="list-inline-item"><i class="fab fa-css3-alt"></i></li>
<li class="list-inline-item"><i class="fab fa-js-square"></i></li>
<li class="list-inline-item"><i class="fab fa-react"></i></li>
<li class="list-inline-item"><i class="fab fa-java"></i></li>
<li class="list-inline-item"><i class="fab fa-golang"></i></li>
<li class="list-inline-item"><i class="fab fa-android"></i></li>
<li class="list-inline-item"><i class="fab fa-docker"></i></li>
<li class="list-inline-item"><i class="fab fa-git"></i></li>
<li class="list-inline-item"><i class="fab fa-github"></i></li>
<li class="list-inline-item"><i class="fab fa-linux"></i></li>
</ul>
<div class="subheading mb-3">Soft Skills</div>
<ul class="fa-ul mb-0">
<li>
<span class="fa-li"><i class="fas fa-check"></i></span> Leadership
</li>
<li>
<span class="fa-li"><i class="fas fa-check"></i></span> Event Management
</li>
<li>
<span class="fa-li"><i class="fas fa-check"></i></span> Public Speaking
</li>
<li>
<span class="fa-li"><i class="fas fa-check"></i></span> Problem Solving
</li>
<li>
<span class="fa-li"><i class="fas fa-check"></i></span> Teaching
</li>
<li>
<span class="fa-li"><i class="fas fa-check"></i></span> Piano
</li>
<li>
<span class="fa-li"><i class="fas fa-check"></i></span> Table Tennis
</li>
</ul>
</div>
</section>
<hr class="m-0" />
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>