-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
203 lines (195 loc) · 12.5 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
<!DOCTYPE html>
<html>
<head>
<title>Vichitr Gandas | Home</title>
<!-- Meta Tags -->
<meta charset="UTF-8">
<meta name="description" content="Personal Website, Portfolio">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Vichitr Gandas">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- CSS Files -->
<link rel="shortcut icon" href="images/logo.ico">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.99.0/css/materialize.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/vegas/2.4.0/vegas.min.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Shadows+Into+Light|Quicksand|Kurale|Patrick+Hand+SC|Inconsolata" rel="stylesheet">
<link href="https://afeld.github.io/emoji-css/emoji.css" rel="stylesheet">
<!-- Javascript Files -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.99.0/js/materialize.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vegas/2.4.0/vegas.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/1.1.7/typed.min.js" type="text/javascript"></script>
<script src="js/index.js" type="text/javascript"></script>
</head>
<body>
<header>
<div class="container" style="margin: 0;">
<div class="mysection">
<div class="navbar-fixed">
<nav class="transparent">
<div class="nav-wrapper">
<a href="#" data-activates="mobile-demo" class="button-collapse right">
<i class="material-icons barcolor">menu</i>
</a>
<ul class="right hide-on-med-and-down">
<li><a class="waves-effect pulse barcolor" href="index.html">Home</a></li>
<li><a class="waves-effect pulse barcolor" href="https://github.com/vichitr/">Projects</a></li>
<li><a class="waves-effect pulse barcolor" href="#">About Me</a></li>
</ul>
<ul class="side-nav center-align purple accent-2" id="mobile-demo">
<li><a class="waves-effect pulse" href="index.html">Home</a></li>
<li><a class="waves-effect pulse" href="https://github.com/vichitr/">Projects</a></li>
<li><a class="waves-effect pulse" href="/">About Me</a></li>
</ul>
</div>
</nav>
</div>
<div class="imagesection center-align">
<img src="images/profile.jpg" class="proimg circle materialboxed">
<span class="protxt">Vichitr Gandas</span>
<div><span class="mypos" style="font-family: 'Kurale', cursive; font-size: 5vh; padding: 10px;"></span></div>
</div>
</div>
</div>
</header>
<main>
<div class="container" id="whoiam">
<h1 class="iam">About Me</h1>
<hr>
<div class="row" id="main-content">
<div class="col s12 m12 l6" id="mydetails">
<p>
Hey Guys! I'm a Software Engineer at <b>Visa</b>. I graduated from NITK Surathkal
in <b>Computer Engineering</b>. I'm from a very small village, <b>Tidiyasar</b> of <b>Hanumangarh</b> district of <b>Rajasthan</b> state. In the academics, I'm much interested in practicals. I just hate reading theory
in the programme courses. All the professors are boring af.
I like to learn everything on my own. Whenever i see something that fascinates me, i try to know about that, but it rarely happens. <i class="em em-stuck_out_tongue"></i> <br>
My interests are: <b>Competitive Coding</b>, <b>Game Development</b>, <b>Web Development</b>, <b>Ethical Hacking</b> and Cloud Computing. I like only <b>Software Development</b>. Studying about hardware is boring af.
I like playing games on screen. Much interested in developing them. Some of the games i usually play, are <b>COC</b> and Ludo. I also like watching movies, both <b>Bollywood</b> and <b>Hollywood</b>, especially South Indian Movies. What a drama! <i class="em em-smiley"></i>
</p>
</div>
<div class="col s12 m12 l6" id="intro">
<div id="intro-details">
<center>Intro</center>
<div class="grey darken-3 white-text" id="grey-screen">
<div id="print-screen">
<p>
<br>
Name: Vichitr <br>
DOB: 12 December 1998 <br>
Mother's Name: Kalawati Devi <br>
Father's Name: Chandra Shekhar <br>
<br>
Education: <br>
National Institute of Technology Karnataka, Surathkal <br>
B. Tech(Computer Engineering, 4 Years) <br>
2016 - Present <br>
<br>
Subash Chandra Bose Senior Secondary School, Sahawa <br>
Class: 11th - 12th <br>
2013 - 2015 <br>
<br>
Shiva Children Academy, Sahawa <br>
Class: 9th - 10th <br>
2011 - 2013 <br>
<br>
Shahid Bhagat Singh Senior Secondary School, Tidiyasar <br>
Class: 1st - 8th <br>
2003 - 2011 <br>
<br>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="page-footer purple accent-2" id="ftr">
<div class="container">
<div class="row get-in-touch">
<div class="col l12 s12">
<h4 class="white-text center"> CONNECT ME</h4>
<p class="grey-text text-lighten-4 center">
I would love to hear from you! Find
me on Google Plus, Facebook, Twitter or Instagram. Or
connect with me on LinkedIn. See my all projects on GitHub.
Reviews are welcome. Feel free to contact me.
</p>
<div class="center media-icons">
<a target="_blank" href="https://github.com/vichitr/">
<svg style="width: 50px; height: 50px;">
<path fill="#ffffff" d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
</svg>
</a>
<a target="_blank" href="https://in.linkedin.com/in/vichitrgandas">
<svg style="width: 50px; height: 50px;" >
<path fill="#ffffff" d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
</svg>
</a>
<a target="_blank" href="https://facebook.com/vichitrgandas">
<svg style="width: 50px; height: 50px;">
<path fill="#ffffff" d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0"/>
</svg>
</a>
<a target="_blank" href="https://instagram.com/vichitr_gandas/">
<svg style="width: 50px; height: 50px;" >
<path fill="#ffffff" d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"/>
</svg>
</a>
<a target="_blank" href="https://twitter.com/VichitrGandas">
<svg style="width: 50px; height: 50px;">
<path fill="#ffffff" d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/>
</svg>
</a>
<a target="_blank" href="https://plus.google.com/u/0/109745542892490266406">
<svg style="width: 50px; height: 50px;">
<path fill="#ffffff" d="M7.635 10.909v2.619h4.335c-.173 1.125-1.31 3.295-4.331 3.295-2.604 0-4.731-2.16-4.731-4.823 0-2.662 2.122-4.822 4.728-4.822 1.485 0 2.479.633 3.045 1.178l2.073-1.994c-1.33-1.245-3.056-1.995-5.115-1.995C3.412 4.365 0 7.785 0 12s3.414 7.635 7.635 7.635c4.41 0 7.332-3.098 7.332-7.461 0-.501-.054-.885-.12-1.265H7.635zm16.365 0h-2.183V8.726h-2.183v2.183h-2.182v2.181h2.184v2.184h2.189V13.09H24"/>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col s10 m5 l4 offset-s1 offset-m1 offset-l2">
<h4 class="white-text">Mail Me</h4>
<div class="valign-wrapper">
<i class="material-icons small white-text">email</i>
<span class="grey-text text-lighten-4"> vichitrgandas@gmail.com</span>
</div>
</div>
<div class="col s10 m5 l4 offset-s1 offset-m1 offset-l2">
<h4 class="white-text">Site Map</h4>
<div>
<div>
<a target="_blank" class="grey-text text-lighten-4" style="margin: 10px 10px 10px 0px;" href="index.html">Home</a>
<a target="_blank" class="grey-text text-lighten-4" style="margin: 10px;" href="https://github.com/vichitr/">Projects</a>
<a target="_blank" class="grey-text text-lighten-4" style="margin: 10px;" href="#">About Me</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
<div class="row valign-wrapper" style="margin-bottom: 0;">
<div class="col s6 m6 l6">
<div class="valign-wrapper left copyright-text">
© 2018 Vichitr Gandas.
</div>
</div>
<div class="col s6 m6 l6 ">
<div class="valign-wrapper right copyright-text">
Made With <span class="valign" style="color: red; font-size: 1.5em;"> ❤ </span>
</div>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>