-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
112 lines (107 loc) · 6.27 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
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" "charset=utf-8" />
<title>Kartik</title>
<link rel="stylesheet" href="Kartik.css" />
<script>
/*function scroll1()
{
var i = 0;
var id = setInterval(function() {
if(i > 660) {
clearInterval(id);
return;
}
scrollTo(i, i+40);
100);
}*/
</script>
</head>
<body>
<div style="position: fixed; z-index:1">
<img src="myself.png" id="pic1" title="Who I Am" onClick="location.href='#whoIAm'"
style="width:40px;height:40px;border-radius:60%;position:absolute;left:0;top:0;margin:25px; cursor:pointer;">
<img src="heart.png" id="pic2" title="What I Love To Do" onClick="location.href='#whatILoveToDo'"
style="width:40px;height:40px;border-radius:60%;position:absolute;left:0;top:0;margin:25px;cursor:pointer; "/>
<img src="code.png" id="pic3" title="What I've Done" onClick="location.href='#contact'"
style="width:40px;height:40px;border-radius:60%;position:absolute;left:0;top:0;margin:25px;cursor:pointer; "/>
<img src="contact.jpe" id="pic4" title="Contact" onClick="location.href='#contact'"
style="width:40px;height:40px;border-radius:60%;position:absolute;left:0;top:0;margin:25px;cursor:pointer; "/>
<img src="games.jpe" id="pic5" title="Carousel" onClick="location.href='carousel.html'"
style="width:40px;height:40px;border-radius:60%;position:absolute;left:0;top:0;margin:25px;cursor:pointer; "/>
<img src="icon.png" title="About Me" onClick="fun()"
style="width:60px;height:60px;border-radius:60%;position:absolute;left:0;margin:16px;cursor:pointer;"/>
</div>
<div id="coverpage" style="overflow:hidden">
<div id="intro">Hey guys!!! I'm Kartik
<br /><br />
It's good to see you here :)</div>
</div>
<br /><br />
<center>
<div id="whoIAm" >
<p style="font-size:32px;font-weight:400;">Hi.</p>
<br/>
<p>
I am Kartik Venkataraman. I'm a student of Computer Science and Engineering at <a href="http://www.nitt.edu/"> NIT Trichy</a>. <br> I am a Web Developer at <b>Delta Force, NIT Trichy</b>. <br>
I come from <a href="https://en.wikipedia.org/wiki/Nagpur">Nagpur, Maharashtra</a>, also known as the <span style="color:#F60">'Orange City'</span>. <br>
I am deeply interested in Algorithms, Web Dev, Machine Learning, App Dev and Cricket ;) <br>
I aspire to work in a company that offers a chance to apply all the knowledge gained over the years to solve some real life problems and to make the world a better place.
</p>
</div>
<br/><br/>
<div id="whatILoveToDo" style="background: url(bg2.jpe); background-size: cover;">
<p>
As already mentioned, my major interests involve competitive coding, development and playing cricket.
I've been solving algorithmic problems on platforms
like <a href="https://www.hackerrank.com"><span style="color: #030">Hackerrank</span></a> and <a href="https://www.codechef.com"><span style="color: #630">CodeChef</span></a> for about an year or so now.<br>
I also have been developing APIs for Festember - the Cultural Fest of NIT, Trichy .<br>
I am working on a website for an event in Pragyan - the Tech Fest of NIT, Trichy. <br>
My other interests include Electronics, playing Chess, Table - Tennis, watching movies and spending time with my friends :)
</p>
<br>
<p>I ♥ <span id='abcd' style="color:red"></span></p>
</div>
<br /><br />
<div id="whatI'veDone" style="height:350px; font-size:22px; text-align:center; padding-top: 15px; padding-bottom: 15px; padding-left: 14%; padding-right: 14%; font-weight: 100; line-height: 1.5em;">
<p>
I qualified <strong>KVPY</strong>(Kishore Vaigyanik Protsahana Yojana), which is a national program of fellowship which consists of an Aptitude test and an onsite interview testing practical application skills of the theoretical science and mathematics in Grade 11 and 12. <br>
Secured a top 10 finish at <strong>InGenius Hackathon</strong> Conducted by PESIT Bangalore. <br>
In the first year, I took part in various competitions organised in NITT. I alongwith three of my friends came 2nd in the <strong>Maze-Solver
</strong> competition organised during <strong>Sensors2k16 - The National Level Symposium of ICE</strong>. <br>
I won the 1st prize in
<strong>NITT2016</strong> competition held on CodeChef platform organised
for first years. <br>
I also participated in Grab2Smash and Line Follower organised by RMI.
<br /><br />
Last but not the least, I designed this webpage.. ;)
</p>
</div>
<br /><br />
<div id="contact" style="background:url(contactbg.jpe); background-size: cover; height:250px">
<p>
That's it for now, stay tuned for further details.<br />
If you have anything to share with me, or just want to ping me, feel free to contact me :) <br/><br/>Find me on <br /><br />
<a href="https://www.facebook.com/kartik.venkataraman.52" target="blank">
<img src="fblogo.png" style="height:40px;width:40px;border-radius:50%">
</a>
<a href="https://gitter.im/Kartikvenkat98" target="blank">
<img src="gitter.jpe" style="height:40px;width:40px;border-radius:50%">
</a>
<a href="https://github.com/Kartikvenkat98" target="blank">
<img src="GitHub.png" style="height:40px;width:40px;border-radius:50%">
</a>
<a href="https://twitter.com/Kartikv27" target="blank">
<img src="twitter.jpe" style="height:40px;width:40px;border-radius:50%">
</a>
</p>
</div>
<footer>Made with HTML, CSS, Javascript and lots of ♥</footer>
</center>
<script src="Kartik.js" type="text/javascript"></script>
</body>
</html>