-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
343 lines (311 loc) · 20.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
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
<!DOCTYPE html>
<html lang="en">
<head>
<title>Vijay's Portfolio</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./styles.css">
<link type="image/png" sizes="16x16" rel="icon" href="images/icon.png">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/384adb2d86.js" crossorigin="anonymous"></script>
</head>
<body>
<nav class="navbar navbar-expand-lg fixed-top navbarScroll">
<div class="container">
<a class="navbar-brand" href="#">Vijay</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto">
<li class="nav-item active">
<a class="nav-link" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#skills">Skills</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#portfolio">Portfolio</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- main banner -->
<section class="bgimage" id="home">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 profile_text">
<h2 class="profile_title">Hi, I am Vijay</h2>
<p class="profile_desc">I am a Python and Full Stack Developer</p>
</div>
</div>
</div>
<!-- <img src="profile.png" alt="Your Profile Image" class="profile-image"> -->
</section>
<!-- about section-->
<section id="about">
<div class="container mt-4 pt-4">
<h1 class="text-center mb-3">About Me</h1>
<div class="row mt-4">
<div class="col-lg-3 mb-3">
<img src="images/profile_img.JPG" class="imageAboutPage" alt="profile-image">
</div>
<div class="col-lg-9">
<p>
Hello I am a alumni of PES University 2022, I have interned at Schnieder Electric where i had hands on with VBA. I Got Selected as a Deputy Engineer at Bharat Eletronics Limited. I love programming in Python and Web Development with HTML, CSS, JavaScript. I also practise Data Analysis with Python.
</p>
<div class="row mt-3">
<div class="col-md-6">
<ul>
<li>Name: Vijay Kumar M R</li>
<li>Age: 23</li>
<li>Occupation: Python and Full Stack Developer</li>
</ul>
</div>
</div>
<div class="row mt-3">
<p> I am from Kolar District, Karnataka. I did my Schooling in JSS Public School, Malur. </p>
<p> I completed my Pre-University in Vidhya Jyothi PU College, Kolar. I Purused my B.Tech as a Computer Science Engineer in PES University passout of 2022.</p>
<p> I completed 100 days of code with Python and Web Development Bootcamp with all Full Stack Knowledge from HTML, CSS, JavaScript to Nodejs, MongoDB, Reactjs.</p>
<p> I also studied RPA with UI path. I am well versed in Python as a primary language, with C knwoledge aswell.</p>
</div>
</div>
</div>
</div>
</section>
<!-- skills section-->
<section id="skills">
<div class="container mt-4">
<h1 class="text-center">Skills</h1>
<div class="row">
<div class="col-lg-4 mt-4">
<div class="card skillsText">
<div class="card-body">
<i class="fa-brands skillsIcon fa-python fa-beat-fade"></i>
<h4 class="card-title mt-3">Python Development</h4>
<p class="card-text mt-3">
I do all my coding in Python. Created Graphical based games with tkinter and turtle.
</p>
</div>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="card skillsText">
<div class="card-body">
<i class="fa-solid skillsIcon fa-layer-group fa-beat-fade"></i>
<h4 class="card-title mt-3">Web Development</h4>
<p class="card-text mt-3">
Full Stack Knowledge with HTML, CSS, Javascript, EJS, MongoDB, Nodejs , Express
</p>
</div>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="card skillsText">
<div class="card-body">
<i class="fa-solid skillsIcon fa-robot fa-beat-fade"></i>
<h4 class="card-title mt-3">RPA</h4>
<p class="card-text mt-3">
Pratcise with UIPath Studio Version.
</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 mt-4">
<div class="card skillsText">
<div class="card-body">
<i class="fa-solid skillsIcon fa-magnifying-glass fa-beat-fade"></i>
<h4 class="card-title mt-3">Web Scrapping & Automation</h4>
<p class="card-text mt-3">
Web Scrapping to get usefull information with BeautifulSoup and Selenium.
Selenium to automate tasks which are repetitive.
</p>
</div>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="card skillsText">
<div class="card-body">
<i class="fa-solid skillsIcon fa-magnifying-glass-chart fa-beat-fade"></i>
<h4 class="card-title mt-3">Data Analytics</h4>
<p class="card-text mt-3">
Practised Data Analysis on various datasets throughout my course in Python Pro 100 days of code.
</p>
</div>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="card skillsText">
<div class="card-body">
<i class="fa-solid skillsIcon fa-s fa-beat-fade"></i>
<h4 class="card-title mt-3">SQL</h4>
<p class="card-text mt-3">
Have knowledge on SQL.
</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 mt-4">
<div class="card skillsText">
<div class="card-body">
<i class="fa-brands skillsIcon fa-github fa-beat-fade"></i>
<h4 class="card-title mt-3">Git, Github & Version Control</h4>
<p class="card-text mt-3">
Have worked on many projects in github, also hosted a project on github pages.
Have experience working locally and publishing later on Github.
</p>
</div>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="card skillsText">
<div class="card-body">
<i class="fa-solid skillsIcon fa-laptop fa-beat-fade"></i>
<h4 class="card-title mt-3">Application Programming Interfaces</h4>
<p class="card-text mt-3">
Worked with lot of APIs to get usefull information and created a few APIs of my own from scratch.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- portfolio section-->
<section id="portfolio">
<div class="container mt-3">
<h1 class="text-center">Portfolio</h1>
<div class="row">
<div class="col-lg-4 mt-4">
<div class="card">
<img class="card-img-top" src="images/quiz_website1.png" alt="Card image" style="width:100%">
<div class="card-body">
<h4 class="card-title">Quiz Website</h4>
<p class="card-text">Quiz Website (True/False) questions with Scores after Finish.
Built with Nodejs.
</p>
<div class="text-center">
<a href="https://github.com/Vijay093/Quiz-Website" class="btn btn-success">Link</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="card portfolioContent">
<img class="card-img-top" src="images/india_states_game.png" alt="Card image" style="width:100%">
<div class="card-body">
<h4 class="card-title">Guess the States</h4>
<p class="card-text">Guess all the states of India. Can you guess all or will you miss some.
Built in python with turtle grahics.
</p>
<div class="text-center">
<a href="https://github.com/Vijay093/india-states-game" class="btn btn-success">Link</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="card portfolioContent">
<img class="card-img-top" src="images/weather_app.png" alt="Card image" style="width:100%">
<div class="card-body">
<h4 class="card-title">Weather App</h4>
<p class="card-text">Get Weather Information of all places in the world with just typing name of the city.
Built in Nodejs.
</p>
<div class="text-center">
<a href="https://github.com/Vijay093/Weather-API-Website" class="btn btn-success">Link</a>
</div>
</div>
</div>
</div>
</div>
<br>
<div class="row mb-4">
<div class="col-lg-4 mt-4">
<div class="card portfolioContent">
<img class="card-img-top" src="images/kannada_english.png" alt="Card image" style="width:100%">
<div class="card-body">
<h4 class="card-title">Learn English from Kannada Application</h4>
<p class="card-text">Learn english words through kannada.
Built with tkinter graphics and python and words scrapped from web with Selenium.
</p>
<div class="text-center">
<a href="https://github.com/Vijay093/Learn_English_Through_Your_MotherTongue" class="btn btn-success">Link</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="card portfolioContent">
<img class="card-img-top" src="images/blog_website.png" alt="Card image" style="width:100%">
<div class="card-body">
<h4 class="card-title">Blog Website</h4>
<p class="card-text">A personal blog website built with Flask Application.
Used Bootstrap for styling and Flask module from Python.
</p>
<div class="text-center">
<a href="https://github.com/Vijay093/PersonalBlogWebsite" class="btn btn-success">Link</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="card portfolioContent">
<img class="card-img-top" src="images/api.png" alt="Card image" style="width:100%">
<div class="card-body">
<h4 class="card-title">Article API</h4>
<p class="card-text">Built an Restfull API from Scartch with Nodejs and MongoDB to store data, talk to the API with Postman or on localhost.</p>
<div class="text-center">
<a href="https://github.com/Vijay093/RESTful-API-from-Scratch-Articles_DataBase" class="btn btn-success">Link</a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<h2 class="more"> <a href="https://github.com/Vijay093?tab=repositories" style="text-decoration: none;">More</a> </h2>
</div>
</div>
</section>
<!-- footer section -->
<section id="footer">
<footer class="py-3 my-4">
<ul class="nav justify-content-center border-bottom pb-3 mb-3">
<li class="nav-item"><a href="#home" class="nav-link px-2 text-body-secondary">Home</a></li>
<li class="nav-item"><a href="#about" class="nav-link px-2 text-body-secondary">About</a></li>
<li class="nav-item"><a href="#skills" class="nav-link px-2 text-body-secondary">Skills</a></li>
<li class="nav-item"><a href="#portfolio" class="nav-link px-2 text-body-secondary">Portfolio</a></li>
</ul>
<ul class="nav justify-content-center border-bottom pb-3 mb-3">
<li class="ms-3"><a class="text-body-secondary" href="https://www.instagram.com/vijay_093/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
</svg></i></a></li>
<li class="ms-3"><a class="text-body-secondary" href="https://github.com/Vijay093?tab=repositories"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
</svg></a></li>
<li class="ms-3"><a class="text-body-secondary" href="https://www.facebook.com/vijay.viji.583"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
</svg></a></li>
<li class="ms-3"><a class="text-body-secondary" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
</svg></a></li>
<li class="ms-3"><a class="text-body-secondary" href="https://www.linkedin.com/in/vijay-m-r-424b8818a/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/>
</svg></a></li>
</ul>
<p class="text-center text-body-secondary">© Copyright 2023</p>
</footer>
</section>
<!-- load javascript after loading all html content -->
<script src="./script.js"></script>
</body>
</html>