-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
145 lines (107 loc) · 5.24 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<script src="main.js"></script>
</head>
<body>
<header>
<nav id="sideNav">
<div class="logo">PORTFOLIO</div>
<a href="#header">HOME |</a>
<a href="#about">ABOUT ME |</a>
<a href="#skills">SKILLS |</a>
<a href="#project">PROJECTS |</a>
<a href="#footer">CONTACT |</a>
<a href="https://drive.google.com/file/d/1dKknZLWDzPBdFqktYn96RXxVfptUQBzm/view?usp=sharing">RESUME</a>
</nav>
<section id="header">
<div class="part1">
<div class="hello">👋 Hi There!</div>
<div class="name"><span>I'm</span> <span>Ayush Kumar</span>
</div>
</div>
<span class="role"> I am a software developer</span>
</section>
</header>
<main>
<section id="about">
<div class="intro">
<div> • ABOUT ME •</div>
<div>I'm Ayush Kumar, a dedicated Electronics and Communication Engineering student at IIIT Manipur with
a passion for both 📚 academic excellence and 🛠️ hands-on learning.</div>
<br>
<div> My technical skills span C, C++, Data Structures and Algorithms and expertise in web technologies
like HTML, CSS, JavaScript and Bootstrap. I'm also well-versed
in design tools such as Figma and Canva 💡.</div>
</div>
<div class="resume">
<a href="https://drive.google.com/file/d/1dKknZLWDzPBdFqktYn96RXxVfptUQBzm/view?usp=sharing" target="_blank"><img
src="download button.png" alt="">
<h3>Download Resume </h3>
</a>
</div>
</section>
<section id="skills">
<h1> • SKILLS •</h1>
<img src="c.png" alt="">
<img src="c++.png" alt="">
<img src="sql.png" alt="">
<img src="html.png" alt="">
<img src="css.png" alt="">
<img src="js.png" alt="">
<img src="git.png" alt="">
<img src="vscode.png" alt="">
<img src="canva.png" alt="">
<img src="figma.png" alt="">
</section>
<section id="project">
<h1> • PROJECTS •</h1>
<div class="project-img">
<img src="works/typing.png" alt="" width="100%">
</div>
<div class="project-desc">
<div class="content">
<h3>Typing Speed Calculator</h3>
<p>Developed a dynamic and user-friendly typing speed calculator website using HTML, CSS, and JavaScript. This project provides users with an intuitive
interface to test and improve their typing speed. Features include real-time speed calculation,
accuracy measurement, and customizable time trials. Leveraged JavaScript for smooth interactivity and
feedback,enhancing user engagement. Designed with a focus on simplicity and effectiveness, this project
demonstrates my proficiency in front-end development and user experience design.</p>
<a href="https://ayushrskiaa.github.io/TypingTest/" target="_blank" style="color: aliceblue;">Visit
Link →</a>
</div>
</div>
</section>
</main>
<footer>
<section id="footer">
<div class="contact-details">
<hr>CONTACT DETAILS:
<hr>
<div>Email: [email protected] <br> Mobile No.- 8239322263</div>
</div>
<div class="socialIcon">
<a href="https://www.linkedin.com/in/ayush-kumar-792916257/" target="_blank"><img
src="linkedin.png" /></a>
<a href="https://github.com/ayushrskiaa" target="_blank"><img src="github.png" /></a>
<a href="https://twitter.com/rskiaa09" target="_blank"><img src="x.png" /></a>
<a href="https://www.instagram.com/ayush_rskiaa?igsh=bHV2eDFxMXY2ZGJy" target="_blank"><img
src="instagram.png" /></a>
<!-- <a href="https://www.behance.net/amitsingh229" target="_blank"><img src="images/behance.png" /></a> -->
</div>
</section>
</footer>
<div class="socialIcon2">
<a href="https://www.linkedin.com/in/ayush-kumar-792916257/" target="_blank"><img src="linkedin.png" /></a>
<a href="https://github.com/ayushrskiaa" target="_blank"><img src="github.png" /></a>
<a href="https://twitter.com/rskiaa09" target="_blank"><img src="x.png" /></a>
<a href="https://www.instagram.com/ayush_rskiaa?igsh=bHV2eDFxMXY2ZGJy" target="_blank"><img
src="instagram.png" /></a>
<!-- <a href="https://www.behance.net/amitsingh229" target="_blank"><img src="images/behance.png" /></a> -->
</div>
</body>
</html>