-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
210 lines (181 loc) · 7.55 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/vendor/bootstrap.css">
<link rel="stylesheet" href="css/vendor/bootstrap.min.css">
<link rel = "stylesheet" href="css/styles.css">
<!-- icons -->
<link rel="stylesheet" href="other/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
<link rel="stylesheet" href = "other/ionicons/css/ionicons.min.css">
<!-- Optional - Adds useful class to manipulate icon font display -->
<link rel="stylesheet" href="other/pe-icon-7-stroke/css/helper.css">
<title>Anirudh Kachroo</title>
</head>
<body>
<header>
<div id="particles-js" class="particles-div">
<!-- Navbar Starts -->
<div>
<ul class="nav justify-content-end">
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#work">Work</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#connect">Connect</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li> -->
</ul>
</div>
<!-- navbar ends -->
<div class="container">
<div class="row title">
<div class="col-12">
<h1> Anirudh Kachroo</h1>
</div>
</div>
</div>
<!-- particles ends -->
</div>
</header>
<!-- who am i section starts -->
<section class="who-am-i" id="about">
<div class = "container">
<div class="row intro-head align-items-center justify-content-center">
<div class="col col-12">
<h2> Who Am I</h2>
</div>
</div>
<div class="row intro align-items-center justify-content-center">
<div class="col-sm-12 col-lg-4">
<img src = "https://avatars0.githubusercontent.com/u/42580581?s=460&u=4dbeab2b62dfcca2dfe4b47fed1d3517ea0221ed&v=4" alt = "Anirudh">
</div>
<div class="col-sm-12 col-lg-8">
<p>
I'm a Computer Science student at Sir MVIT , Bangalore. I'm a Kashmiri , born in the valley.
I spend most of my time , building stuff ,playing games , listening to music.
I love being surrounded by nature so you can find me roaming around the fields or streams when I'm home.
Coming to my college, most of work revolves around problem solving , be it a sum of calculus or an algorithm optimisation.
</p>
</div>
</div>
</div>
</section>
<!-- who am i section ends -->
<section class="what-i-do" id = "work">
<div class="container">
<div class="row do-title">
<div class="col col-12">
<h2> What I do </h2>
</div>
</div>
<div class="row skills-row">
<div class="col col-sm-12 col-lg-6">
<div class="skill-item">
<h3>Web Development</h3>
<img src="img/web2.jpg" alt = "web Development" class="skill-image">
<p>My interest in Web Development started back in 2013 when I used to make wapka sites from my Nokia 2690.
That led me to <a href="http://anirudh.wapdale.com">my first personal site.</a> Building on that , now I work mostly on JavaScript stack, building both websites and webapps
</p>
<span class="skill-name">HTML</span>
<span class="skill-name">CSS</span>
<span class="skill-name">JavaScript</span>
<span class="skill-name">Bootstrap</span>
<span class="skill-name">Node.js</span>
<span class="skill-name">React Js</span>
</div>
</div>
<div class="col col-sm-12 col-lg-6">
<div class="skill-item">
<h3>Machine Learning</h3>
<img src="img/ml.jpg" alt = "web Development" class="skill-image">
<p>Coming from a Maths Background , the field of Artificial Intelligence seemed fascinating to me and I always wanted to build such stuff.These days I usually work on building Machine Learning models using Python and even trying my hands on Neural Networks</p>
<span class="skill-name">Python</span>
<span class="skill-name">Pandas</span>
<!-- <span class="skill-name">Statistics</span> -->
<span class="skill-name">Seaborn</span>
<span class="skill-name">Numpy</span>
<!-- <span class="skill-name">Scikit learn</span>
<span class="skill-name">Deep Learning</span> -->
</div>
</div>
<div class="col col-sm-12 col-lg-6">
<div class="skill-item">
<h3>Problem Solving</h3>
<img src="img/problem.jpg" alt = "web Development" class="skill-image">
<p>You can find me algorithmic problems most of the time. So I try to keep a good hand over data structures and algorithms
When it comes to coding algorithms, C++ is my favourite language
</p>
<span class="skill-name">Algorithms</span>
<span class="skill-name">Data Structures</span>
<span class="skill-name">C++</span>
<!-- <span class="skill-name">Discrete Mathematics</span> -->
</div>
</div>
<div class="col col-sm-12 col-lg-6">
<div class="skill-item">
<h3>Content Writing</h3>
<img src="img/write.jpg" alt = "web Development" class="skill-image">
<p>In my free time I write poems or articles. I am also an active writer on Quora and post many of my writeups on Social Media</p>
<span class="skill-name">Creative Writing</span>
<span class="skill-name">Blogging</span>
<span class="skill-name">Poetry</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- what i do section ends -->
<section class="connect-section" id="connect">
<div class="container">
<div class="row">
<div class="connect-head col col-12">
<h2> Connect With Me</h2>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-sm-12">
<p class="connect-text">
Have an Idea?
<br>
Want a website or software?
<br>
Want to solve a problem together?
<br>
Want to talk about that song or poem?
<br>
Want to have coffee together?
<br>
I'll be happy to connect with you
</p>
</div>
<div class="col-lg-6 col-sm-12">
<ul class="connect-links">
<li><i class="ion-social-whatsapp-outline"></i>+91-1234567890</li>
<li><i class="ion-social-yahoo-outline"></i>anirudh.kac@yahoo.com</li>
<li><i class="ion-social-github-outline"></i><a href ="http://www.github.com/anirudh-kac">anirudh-kac</a></li>
<li><i class="ion-social-linkedin-outline"></i><a href ="http://www.linkedin.com/in/anirudh.kachroo">Linkedin</a></li>
<li><i class="ion-social-instagram-outline"></i><a href ="http://www.instagram.com/anirudh_kachroo">@anirudh_kachroo</a></li>
<li><i class="ion-code-working"></i><a href ="http://www.hackerrank.com/anirudh_kac">Hackerrank</a></li>
</ul>
</div>
</div>
</div>
</section>
<footer>
<p> © Anirudh Kachroo 2020</p>
</footer>
</body>
<script src = "js/vendor/bootstrap.bundle.js"></script>
<script src="js/vendor/particles.js"></script>
<script src = "js/app.js"></script>
</html>