-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
132 lines (126 loc) · 6.67 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
<!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/6.1.1/css/all.min.css"
integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="./img/icon.png" type="image/x-icon">
<title>Vikas Lodh | Frontend Engineer</title>
</head>
<body>
<header class="header">
<div class="header__container">
<h1 class="header__intro">नमस्कार! <span class="emoj">🙏🏼</span></h1>
<h2 class="header__desc">
I'm <span class="header__desc-name">Vikas Lodh</span>, a web developer based in Mumbai, India. I love
building beautiful interfaces, web apps, and everything in between!
</h2>
<h3 class="header__contact">
<span>Get in touch 👉🏼</span>
<span>
<a href="mailto:vikaslodh2@gamil.com" class="highlight">
vikaslodh2@gmail.com
</a>
</span>
</h3>
</div>
</header>
<section class="background">
<div class="section__title">
BACKGROUND
</div>
<div class="section__content">
<p>I recently graduated from <span class="link">Thakur College of Engineering and Technology</span> after
completing Bachelor of Engineering in Electronics & Telecommunication Engineering.</p>
<p>As a web developer, I like bridging the engineering-design divide by combining my technical expertise
with my good eye for design to produce a beautiful product. My objective is to constantly design
scalable and efficient programmes that provide compelling, pixel-perfect user experiences.</p>
<p><span class="link">When I'm not in front of a computer screen</span>, I'm probably reading books,
travelling or playing video games.</p>
<a href="https://drive.google.com/file/d/1FFyUbPhgxtpoHXDX-pUycZ7aSmwAs_rl/view" class="arrow-link">Veiw my Resume</a>
</div>
</section>
<section class="skills">
<div class="section__title">SKILLS</div>
<div class="section__content skils-grid">
<i class="fa-brands fa-html5 icon-hover"></i>
<i class="fa-brands fa-css3 icon-hover"></i>
<i class="fa-brands fa-js-square icon-hover"></i>
<i class="fa-brands fa-react icon-hover"></i>
<span class="iconify icon-hover" data-icon="simple-icons:redux"></span>
<i class="fa-brands fa-node icon-hover"></i>
<span class="iconify icon-hover" data-icon="cib:mongodb"></span>
<span class="iconify icon-hover" data-icon="bxl:firebase"></span>
<span class="iconify icon-hover" data-icon="bxl:tailwind-css"></span>
<i class="fa-brands fa-npm icon-hover"></i>
<i class="fa-brands fa-git-alt icon-hover"></i>
<i class="fa-brands fa-github icon-hover"></i>
</div>
</section>
<section class="projects">
<div class="section__title">PROJECTS</div>
<div class="section__content">
<div class="project">
<a href="https://github.com/wigzen/web3medium" class="arrow-link mb-10">Web3Medium</a>
<p> The Web3 Medium is a Decentralized Blogging website which allows users to be Permissionless in that anyone
both users and suppliers can participate without authorisation from a governing body</p>
<div class="tags">
<span class="tag">JavaScript</span>
<span class="tag">React</span>
<span class="tag">Web3.js</span>
<span class="tag">Solidity</span>
<span class="tag">Semantic UI</span>
<span class="tag">Moralis</span>
</div>
</div>
<div class="project">
<a href="https://github.com/wigzen/Yoga-with-ai" class="arrow-link mb-10">Yoga with ai</a>
<p>With this project, I aim to solve the problem of people stuck in their houses in lockdown with their unhealthy
lifestyle and mental health issues. This Project is a solution, with this people can do yoga at their homes with
guidance</p>
<div class="tags">
<span class="tag">HTML</span>
<span class="tag">CSS</span>
<span class="tag">JavaScript</span>
<span class="tag">ML5.js</span>
<span class="tag">PoseNet</span>
</div>
</div>
<div class="project">
<a href="https://covid-sars.herokuapp.com/" class="arrow-link mb-10">Covid Tracker</a>
<p> With this project, I was aiming to provide all covid-19 related articles guidelines and helpful service to the
general public
</p>
<div class="tags">
<span class="tag">JavaScript</span>
<span class="tag">React</span>
<span class="tag">REST API</span>
</div>
</div>
<h4>Check my other projects on github.</h4>
</section>
<footer class="footer">
<div class="copy">
<p>
<span>Created by</span> <br>
<span>Vikas Lodh 🤟🏼 2022</span>
</p>
</div>
<div class="contact">
<ul class="list">
<li><a href="mailto:vikaslodh2@gmail.com" class="link list-item " target="_blank"
rel="noopener noreferrer">Email</a></li>
<li><a href="https://github.com/wigzen" class="link list-item" target="_blank">Github</a></li>
<li><a href="https://www.linkedin.com/in/vikas-lodh" class="link list-item"
target="_blank">LinkedIn</a></li>
<li> <a href="https://twitter.com/VikasLodh" class="link list-item" target="_blank">Twitter</a></li>
</ul>
</div>
</footer>
<script src="https://code.iconify.design/2/2.2.1/iconify.min.js"></script>
</body>
</html>