-
Notifications
You must be signed in to change notification settings - Fork 0
/
achievements.html
140 lines (134 loc) · 4.71 KB
/
achievements.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
<!DOCTYPE HTML>
<!--
Solid State by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Ved Thakur</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">Achievements</a></h1>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<div class="inner">
<h2>Menu</h2>
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="skills.html">Skills</a></li>
<li><a href="achievements.html">Achievements</a></li>
</ul>
<a href="#" class="close">Close</a>
</div>
</nav>
<!-- Wrapper -->
<section id="banner">
<div class="inner">
<h2>Achievements</h2>
<p>"Great achievement always requires great sacrifice"</a></p>
</div>
</section>
<!-- Content -->
<div class="wrapper">
<div class="inner">
<h3 class="major"> <div id = "effect"></div></h3>
<pre id = "achieve">
<code>
5th Place in DRDO Drone Competition, Inter IIT Tech Meet-2020
3rd Place in Ashoka's Challenge, Inter IIT Tech Meet-2019
Top 1% in Maharashtra 12th HSC Examination
Among top 0.65 percentile of 0.2 million applicants in JEE
</code>
</pre>
<h3 class="major"><div id = "effect2"></div></h3>
<pre id = "achieve">
<code>
Joint Secretary, Robotics Society, IIT Jodhpur (2020)
Student Guide of the Student Wellbeing Committee, IIT Jodhpur (2020)
Student Consellor, Robotics Society, IIT JODHPUR (2021)
</code>
</pre>
</div>
</div>
<!-- Footer -->
<section id="footer">
<div class="inner">
<h2 class="major">Get in touch</h2>
<p>Have a break! Enjoy a cup of coffee!! And get ready for a fruitful conversation with me. <br>
Feel free to reach out in case of any queries</p>
<form method="post" action="#">
<div class="fields">
<div class="field">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field">
<label for="email">Email</label>
<input type="email" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="4"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
</ul>
</form>
<ul class="contact">
<li class="icon solid fa-home">
2605, Evergreen Heights, Parsik Nagar, Kalwa<br/>
Thane, Maharashtra 400-605
</li>
<li class="icon solid fa-phone">(+91) 976925-2333</li>
<li class="icon solid fa-envelope"><a href="#">thakur.6@iitj.ac.in</a></li>
<li class="icon brands fa-facebook-f"><a href="#">facebook.com/ved.thakur.9465177</a></li>
<li class="icon brands fa-linkedin"><a href="#">linkedin.com/in/ved-thakur-343234193</a></li>
<li class="icon brands fa-github"><a href="#">github.com/vedthakur5</a></li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script>
var x = 0;
var y = 0;
var z = 0;
var k = 0;
var textEffect = "print ( 'Achievements' )";
var textEffect3 = "print ( 'Position of Responsibilities (PORs)' )"
var container = document.getElementById('effect');
var container2 = document.getElementById('effect2');
function animate(){
if(x < textEffect.length || z < textEffect3.length){
container.innerHTML += textEffect.charAt(x);
container2.innerHTML += textEffect3.charAt(z);
x++;
z++;
setTimeout(animate, 80);
}
}
animate();
</script>
</body>
</html>