-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
216 lines (188 loc) · 7.86 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
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
<!DOCTYPE HTML>
<!--
Dimension by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Manav Arora</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>
<!-- Scripts -->
<script src="assets/js/jquery.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 src="assets/js/spotify.js"></script>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="logo">
<span class="fas fa-basketball-ball"></span> <!--put M here-->
</div>
<div class="content">
<div class="inner">
<h1>Hi friends!</h1>
<p>My name is Manav Arora and I'm currently a student at </p>
<p style="color: #cc5500;">The University of Texas at Austin <span style="color: #ffffff;">studying Computer Engineering.</span></p>
<p>Here is a link to my <a href="new_resume.pdf" target="blank">Resume</a></p>
</div>
</div>
<nav>
<ul>
<li><a href="#intro">About</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#myfavs">My Favs</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<!-- Main -->
<div id="main">
<!-- Intro -->
<article id="intro">
<h2 class="major">About Me</h2>
<span class="image main"><img src="images/websitePortfolio.jpeg" alt="" /></span>
<p> Hi! My name is Manav and I'm currently a senior at UT studying Computer engineering and Business.
<p>I pride myself on being a fast self-learner and having excpetionally strong communication skills. These days I am learning more about
full-stack development, web3, and iOS programming.
<br>
<br>
This last summer I interned at <span style="color: #ff9900;"></span>Amazon where I Designed and implemented a color-swatch component using TypeScript
and CSS that rendered clickable, user-friendly circles to display different color options for a particular product.</p>
<p> My plans, for now, are to continue refining skills and adding tools to my software toolbox, while I continue building projects in areas that interest me. By the way, check out my
<a href="#projects">awesome work!</a> </p>
</article>
<!-- Projects -->
<article id="projects">
<h2 class="major">My Projects</h2>
<!-- <span class="image main"><img src="images/pic03.jpg" alt="" /></span> -->
<ul>
<b>Weather App (<i>Java, Android Studio</i>):</b>
<ul>
<li> Created an Android application using Java and Android Studio that showed current weather conditions and displayed hourly and weekly forecasts of Austin, TX</li>
<li>Implemented several classes that used networking requests to interface with the Open Weather API</li>
<li>Used a JSON Parser to query the ”One Call API” for the weather information</li>
</ul>
<b>Virtual Assistant (<i>Python</i>):</b>
<ul>
<li>Built a Virtual Assistant using Python that could perform basic actions like play a requested song, tell time, or give the
definition of a requested word </li>
<li>Utilized several python libraries including pyttsx3, which does text-to-speech conversion, and pywhatkit, which uses key
words to search and play a song on YouTube </li>
</ul>
<b>Personal Website (<i>HTML</i>):</b>
<ul>
<li>This wesbite is written in HTML and hosted on GitHub pages </li>
</ul>
</ul>
</article>
<!-- My Favs -->
<article id="myfavs">
<h2 class="major">My Favorites</h2>
<ul>
<b>Teams:</b>
<ul>
<li>Dallas Mavericks</li>
<li>Dallas Cowboys</li>
</ul>
<b>Anime:</b>
<ul>
<li>Attack on Titan</li>
<li>Jujutsu Kaisen</li>
<li>Demon Slayer</li>
<li>One-Punch Man</li>
</ul>
<b>Music Artists:</b>
<ul>
<li>Radiohead</li>
<li>Kanye West</li>
<li>Tame Impala</li>
<li>Arctic Monkeys</li>
<li>The Neighbourhood</li>
</ul>
<b>Podcasts:</b>
<ul>
<li>Mavs MoneyBall</li>
<li>Robinhood snacks</li>
<li>Bad Friends</li>
<li>Joe Rogan</li>
</ul>
<b>Tech:</b>
<ul>
<li>MacBook Pro 2021 14in</li>
<li>AirPods Max</li>
</ul>
<b>Books:</b>
<ul>
<li>Name of the Wind series</li>
<li>Psychology of Money</li>
<li>Song of Achillies</li>
</ul>
</ul>
</article>
<!-- Contact -->
<article id="contact">
<h2 class="major">Contact me</h2>
<form method="post" action="mailto:[email protected]">
<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="4"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" class="primary" /></li>
<li><input type="reset" value="Reset" /></li>
</ul>
</form>
<ul class="icons">
<li><a href="https://twitter.com/ManAvSteel506" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.linkedin.com/in/manav-arora1/" class="icon brands fa-linkedin"><span class="label">linkedin</span></a></li>
<li><a href="https://www.instagram.com/m.arora506/?hl=en" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://github.com/manavarora506" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
</ul>
</article>
</div>
<!-- Footer -->
<footer id="footer">
<header id="header">
<div class="content">
<div class="inner">
<p>My favorite tunes right now</p>
</div>
</div>
</header>
<br>
<iframe id="randomTrack" src="https://open.spotify.com/embed/track/15EPc80XuFrb2LmOzGjuRg" width="325"
height="80" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
<button class="btn" onclick="changeTrack()"></button>
<br>
<p class="copyright">© Manav Arora. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
</footer>
</div>
<!-- BG -->
<div id="bg"></div>
<script src="assets/js/jquery.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 src="assets/js/spotify.js"></script>
</body>
</html>