-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlanding.html
218 lines (201 loc) · 7.46 KB
/
landing.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
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
<!DOCTYPE HTML>
<!--
Forty by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Archa's Portfolio</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">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<!-- Note: The "styleN" class below should match that of the banner element. -->
<header id="header" class="alt style2">
<a href="index.html" class="logo"><strong>Archa's</strong> <span>Portfolio</span></a>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="landing.html">Who Am I?</a></li>
</ul>
</nav>
<!-- Banner -->
<!-- Note: The "styleN" class below should match that of the header element. -->
<section id="banner" class="style2">
<div class="inner">
<span class="image">
<img src="images/whoami.png" alt="" />
</span>
<header class="major">
<h1>$whoami</h1>
</header>
<div class="content">
<p>Here's more about me</p>
</div>
</div>
</section>
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<div class="inner">
<header class="major">
<h2>Overview</h2>
</header>
<p>I started programming in 2013 with qBASIC and made a ping-pong game in it. The other languages I learnt were Java and Python and MySQL for database as a part of my coursework. I am doing DSA and CP with C++ and continuing with Python for Machine Learning, while learning C in my coursework currently. I am keenly interested in Web Development and currently learning the MERN stack.</p>
</div>
</section>
<!-- Two -->
<section id="two" class="spotlights">
<section>
<a href="https://github.com/archa8?tab=repositories" class="image">
<img src="images/techstack.png" alt="" data-position="center center" />
</a>
<div class="content">
<div class="inner">
<header class="major">
<h3>Technical Skills</h3>
</header>
<p>Till now, I have participated in various hackathons, which have helped me explore and learn various technologies. One of my projects was also shortlisted for Google's Solution Challenge - India Regional Bootcamp 2024. <br />
👈🏻These are some of the technologies that I am comfortable with.</p>
<ul class="actions">
<li><a href="https://github.com/archa8" class="button">GitHub Profile</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="https://drive.google.com/file/d/1aC8hu-lpKqg-Q2W3VQ3p_SMwwNDwKJfT/view?usp=drive_link" class="image">
<img src="images/resume.png" alt="" data-position="top center" />
</a>
<div class="content">
<div class="inner">
<header class="major">
<h3>Curriculum Vitae</h3>
</header>
<p>Take a look at my CV by clicking the button below.</p>
<ul class="actions">
<li><a href="https://drive.google.com/file/d/1aC8hu-lpKqg-Q2W3VQ3p_SMwwNDwKJfT/view?usp=drive_link" class="button">Resume</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="#" class="image">
<img src="images/new.png" alt="" data-position="25% 25%" />
</a>
<div class="content">
<div class="inner">
<header class="major">
<h3>Currently Learning</h3>
</header>
<p>Currently, I am brushing up on my JavaScript knowledge and learning MERN stack parallely, with taking part in contests side-by-side. I am also learning Cloud Computing.</p>
<ul class="actions">
</ul>
</div>
</div>
</section>
</section>
<!-- Three -->
<section id="three">
<div class="inner">
<header class="major">
<h2>Soft Skills</h2>
</header>
<p><li>Communication Skills</li>
<li>Fast Learner</li>
<li>Adaptive to changes</li>
<li>Collaborative</li></p>
<ul class="actions">
</ul>
</div>
</section>
</div>
<!-- Contact -->
<section id="contact">
<div class="inner">
<section>
<form method="post" action="">
<div class="fields">
<div class="field half">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field half">
<label for="email">Email</label>
<input type="text" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="6"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" class="primary" /></li>
<li><input type="reset" value="Clear" /></li>
</ul>
</form>
</section>
<section class="split">
<section>
<div class="contact-method">
<span class="icon solid alt fa-envelope"></span>
<h3>Email</h3>
<a href="#">[email protected]</a>
</div>
</section>
<section>
<div class="contact-method">
<span class="icon solid alt fa-phone"></span>
<h3>Phone</h3>
<span>+91-8873338064</span>
</div>
</section>
<section>
<div class="contact-method">
<span class="icon solid alt fa-home"></span>
<h3>Address</h3>
<span>Girls Hostel Block A<br />
National Institute of Technology, Bihta, Patna, Bihar<br />
Pin Code: 801301, India</span>
</div>
</section>
</section>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="icons">
<li><a href="https://x.com/MelodiouslyArch" class="icon brands alt fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.instagram.com/_.archa._8/" class="icon brands alt fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://github.com/archa8" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://www.linkedin.com/in/archa-993737266/" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
</ul>
<ul class="copyright">
<li>© 2024 Archa</li><li> <a href="https://html5up.net">Template from HTML5 UP</a></li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.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>
</body>
</html>