forked from AkhileshManda/Portfolio
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
85 lines (64 loc) · 4.11 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>🏀Akhilesh Manda</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&display=swap" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<link rel="stylesheet" href="./style.css" />
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
<script src="https://rawcdn.githack.com/albburtsev/jquery.typist/f4f429fad5bab374b1cf01da52ce4e469758afe6/dist/jquery.typist.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script >
$(function () {
var roles = ["Student", "IIITian", "Toastmaster","Dog Lover","Developer","Mentor"," Basketball Player","YouTuber"];
var count = 0;
setInterval(() => {
$("#intro .content h2 span").fadeOut("fast", function () {
$(this).text(roles[count++ % roles.length]);
$(this).fadeIn("fast");
});
}, 3000);
});
</script>
</head>
<body>
<section id="intro">
<div class="content">
<h3 class="animate__animated animate__zoomIn">Hello, I am</h3>
<h1 class="animate__animated animate__zoomIn">Akhilesh Manda</h1>
<h2 class="animate__animated animate__zoomIn">I am a <span></span></h2>
</div>
</section>
<!-------------------------------------------------------------------------------About -------------------------------------------------------------------------------->
<section id="about">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<h2>About Me</h2>
</p>
<p>Hi, I am Akhilesh Manda. I live in the Silicon Valley of India, Bengaluru.I am currently pursuing a Computer Science degree @IIIT Vadodara. Motivating, Fun and Perfectionist are some of the qualities that my closest friends will tell you that I possess. I enjoy meeting different people and communicating with them. I also spend my weekends attending toastmaster clubs and occasionally a few MUN’s.
<p> I love exploring new technolgies and build fun apps with them . This Web Portfolio is my first web dev project Hope you Like it.😊</p>
</div>
</div>
</div>
</section>
<!------------------------------------------------------------------------------- Goals -------------------------------------------------------------------------------->
<div class="col-12">
<h2>Goals</h2>
<p>
I am a goal-oriented person. I work hard and work smart to reach my goal. My short term goals are to build upon the coding languages I have begun to learn and eventually take part in events and hackathons, I also want to keep my fitness levels up and try to play basketball at a higher level. I enjoy meeting new people and getting to know them, so my goal is to make as many friends as possible as soon as I start my offline mode of classes.
<br>
<br>
Sports has been an integral part of my life so my long term goal will be to promote sports amongst the youngsters, I have already started my journey by teaching some of the kids in my society the game of basketball. I also want to become succesfull coder and entrepreneur in the future. Listening to many ted talks has motivated me. I would love it if I ever were given a chance to become a ted speaker.
</div>
</section>
</body>
</html>