-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
189 lines (170 loc) · 12.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="title" content="Sivaa B | CSE Student">
<meta name="description" content="Sivaa B's Web Portfolio">
<meta name="keywords" content="Sivaa, Sivaa B, Balamurugan, BITS Pilani, B Sivaa, Dubai, Cloud, DevOps">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
<meta name="author" content="Sivaa Balamurugan">
<meta property="og:title" content="Sivaa B | Undergraduate CSE Student">
<meta property="og:description" content="My Web Portfolio">
<meta property="og:image" content="https://i.imgur.com/kmCb1fQ.png">
<meta name="twitter:title" content="Sivaa B | CSE Student">
<meta name="twitter:description" content="Sivaa B's Web Portfolio">
<meta name="twitter:image" content="https://i.imgur.com/kmCb1fQ.png">
<meta name="twitter:card" content="summary_large_image">
<title>Sivaa B</title>
<link rel="icon" href="/Images/favicon copy.ico"> <!--consider change-->
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="fonts/stylesheet.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="navmob">
<i class="fa fa-times" id="cross"></i>
<ul>
<li><a href="#about" class="gradient-text" class="navel">Home</a></li>
<li><a href="#about"class="navel">About</a></li>
<li><a href="#projects" class="navel">Work</a></li>
<li><a href="./awards.html" target="_blank" class="navel">Awards</a></li>
<li><a href="#contact" class="navel">Contact</a></li>
</ul>
</div>
<div class="inner" id="first">
<div class="nav">
<ul>
<li><a href="#about" class="gradient-text">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#work">Work</a></li>
<li><a href="#miscellaneous" target="_blank">Miscellaneous</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<div class="header">
<h1 class="slight-text">YO, I'M</h2>
<h1 class="gradient-text">SIVAA</h1>
</div>
<img src="Images/FINALLLY.jpg" alt="" srcset="" />
<a href=#about class="expand">
<span class="material-icons" id="expand-icon">
expand_more
</span>
</a>
</div>
<div class="inner" id="about">
<div class="poop">
<h1 class="gradient-text">ABOUT ME</h1>
<p>
<br />
<b>TL;DR:</b> Name’s Sivaa, creates cool stuff. Hire him.
<br /><br />
Hey there! I’m Sivaa, a multidisciplinary designer and developer from Dubai, United Arab Emirates. I read, code, design, and bike!
I'm currently a 2nd Year at <a href="https://www.bits-pilani.ac.in/"> BITS Pilani</a>, where I'm studying Computer Science. At BITS Pilani, I'm a part of the <a href="https://www.linkedin.com/company/student-council-bpdc/">Student Council</a> and contribute to the <a href="https://discord.gg/whKFjCxtnX"> BITS Pilani Discord Server</a>, in the capacity of a Moderator. I also contribute to the <a href="https://discord.gg/JQSMpyEfw4"> Erevna Discord Server</a> in the capacity of an admin which is an umbrella organization for several other initiatives.
<br> <br>
Apart from that, I have been leading Outreach and Engagement at <a href="https://joinytbc.com/">Young Tycoons Buisness Challenge</a>, a platform for the biggest entrepreneurship learning festival for teenagers globally, launched in 2021. We had a little over 7000 participants.
Previously, I’ve worked with <a target="_blank" href="https://scholar.harvard.edu/policython/merge">Merge Hack + Policython </a> as a Marketing Executive for their event, where my friend and I made a bot using google app script for email marketing. I've also been the lead in an Organizing Capacity at <a href="https://scholar.harvard.edu/policython/home"> Policy for the People </a> which is a Harvard student-led organization which empowers people to write policy, we host several “policythons” each year for students to virtually compete in.
<br /><br />
In the past, I have been actively involved with several other initiatives like:
<br>
<br><a href="https://novacrypt.org" target="_blank">- NovaCrypt,</a> an international student-led umbrella organization dedicated to building the newest generation of scientists, engineers, and leaders.
<br><a href="https://www.ted.com/tedx/events/41154" target="_blank">- TEDxLavelleRoad,</a> in the spirit of ideas worth spreading, TEDx is a program of local, self-organized events that bring people together to share a TED-like experience.
<br><a href ="https://issuu.com/theaffairmag" target="_blank">- The Affair Magazine,</a> a magazine, by students, for students, covering areas from art and humanities, politics, and science, to technology and design!
<br><a href ="https://www.instagram.com/eptiremag/?hl=en" target="_blank">- The Eptire Magazine,</a> a human rights magazine, raising money for a variety of causes through sales.
<br /><br />
My school life has been very mercurial. I changed 8 schools in 12 years. Which was not entirely great as I used to have a hard time making friends changing 2 schools in the same academic year. I’ve studied in <a target="_blank" href=""> Chennai </a>, <a target="_blank" href=""> Muscat </a>, <a target="_blank" href=""> Bahrain </a>, <a target="_blank" href=""> Abu Dhabi </a>, <a target="_blank" href=""> Bangalore </a>, <a target="_blank" href=""> Madurai </a>and <a target="_blank" href=""> Dubai </a>. Looking back at it now, I’m under the impression that it was for the best, the dynamic "me" you see today is the cascading result of constantly seeking that discomfort in new environments and cultures.
<br /><br />
You can check out my <a href="https://drive.google.com/file/d/1epRc0tYDVV0Mah57fWUOX_BktGveTcKq/view?usp=share_link" target="_blank">resume </a> here.
<br><br>
<a id="check" href="#projects">
<span class="exptitle" class="gradient-text"> Check out my work</span>
<span class="material-icons next-icon" class="zicon" class="gradient-text" >
expand_more
</span>
</a>
</p>
</div>
</div>
<div class="inner" id="projects">
<div class="poop">
<h1 class="gradient-text">WORK</h1>
<p>
<br>
My areas of interest are <a>AWS Cloud</a> and <a>DevOps.</a> I also enjoy dabbling in <a>FullStack Development, DSA, Object Oriented Programming </a> every now
and then, and also have decent experience with <a>HTML, CSS, JavaScript, Python, SQL</a> and <a>C</a>. For any work enquiries, <a href="#contact">contact me.</a>
</p>
<br><br>
<p> My most recent project was <a href="https://uni-notes.github.io/uni-notes/" target="">Thahir's Uni Notes</a> , an open source collection of university notes.
My <a target="_blank" href="https://github.com/SivaaB">Github</a> and <a href="https://open.spotify.com/user/31rr42yz36rvol3iqdjb6xezoztu" target="_blank" rel="noopener noreferrer">Spotify</a> profiles are also cool, go ahead and follow them!
<br>
<br />
<a href="">A complete list of my projects can be found here. </a>
</p>
<br><br>
<div class="container">
<!-- script mein hai sab -->
</div>
</div>
</div>
<div class="inner" id="work">
<div class="poop">
<h1 class="gradient-text">MISCELLANEOUS</h1>
<p style="margin-bottom: 30px;">
<br>
Apart from working on cool projects, I love cycling and exploring new places! Here's the link to my<a href=https://www.strava.com/athletes/84886199> Strava</a> profile.
<br /> <br />
I've also always been an avid fan of the Halo series, so it's safe to say that I enjoy gaming too! Check out my <a href="https://ca.account.sony.com/api/v1/oauth/authorize?ui=pr&response_type=token&scope=openid%3Auser_id%20openid%3Aonline_id%20openid%3Actry_code%20openid%3Alang%20user%3Aaccount.communication.get%20kamaji%3Aget_account_hash%20oauth%3Amanage_user_auth_sessions%20openid%3Aacct_uuid%20openid%3Acontent_ctrl%20user%3Aaccount.subaccounts.get%20openid%3Aage%20kamaji%3Aactivity_feed_get_feed_privacy%20pdr%3Acam%20user%3AbasicProfile.get%20user%3AbasicProfile.update%20user%3AverifiedAccount.get%20kamaji%3Aaccount_link_user_link_account%20user%3Adata.request.create%20user%3Adata.request.status.get%20user%3Adata.report.get%20kamaji%3Aget_internal_entitlements%20user%3Aaccount.realName.get%20user%3Aaccount.communicationRestrictionStatus.get%20user%3Aaccount.restrictions.get%20ias%3Aaccount.onlineIdChange.get%20user%3Aaccount.onlineId.get%20user%3AonlineIdSuggestion.get%20kamaji%3Aactivity_feed_set_feed_privacy%20user%3Aaccount.identityMapper%20user%3Aaccount.email.create%20user%3Aaccount.emailVerification.get%20user%3Aaccount.tosua.update%20ucs%3AuserConsents.get%20ucs%3AuserConsents.revoke%20device%3Aget%20device%3Aupdate%20device%3Aactivate%20openid%3Aacct_id_str%20deviceManagement%3Adevices.deactivateAll%20digitalRightsManagement%3ApremiumServices.update&redirect_uri=https%3A%2F%2Fid.sonyentertainmentnetwork.com%2Fid%2Fmanagement_ca%2F%3Fentry%3Dpsn_profile%26pr_referer%3Dcam&client_id=dfaa38ee-6f41-48c5-908c-2a338a183121&state=cam_d6c09c27ff01c821adce4ed1f0f6f2b5"> Playstation</a> profile.
<br /> <br />
I also like to listen to orchestral music and get the "main character feel" in doing so. Listen to a <a href="https://open.spotify.com/playlist/0kRFBwXsPfneiibQfW3lCx?si=45cc00ef1d374aea"> Spotify</a> playlist that I've been curating for the better part of the year now.
</p>
<iframe src="https://open.spotify.com/embed/playlist/0kRFBwXsPfneiibQfW3lCx?utm_source=generator" width="100%" height="380" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"></iframe>
</div>
</div>
<div class="inner" id="contact">
<div class="poop">
<h1 class="gradient-text">CONTACT ME</h1>
<p style="margin-bottom: 30px;">
<br>
Want to hire me/work with me on a project? Compliment my website? Or just to engage in a discussion. If so, contact me using the options below!
</p>
<div class="socials">
<ul>
<li><a target="_blank" href="mailto:[email protected]" class="fa fa-envelope"></a></li>
<li><a target="_blank" href="https://instagram.com/siv.xxa" class="fa fa-instagram"></a></li>
<li><a target="_blank" href="https://wa.me/971552720655" class="fa fa-whatsapp"></a></li>
<li><a target="_blank" href="https://linkedin.com/in/SivaaB" class="fa fa-linkedin"></a></li>
<li><a target="_blank" href="https://github.com/SivaaB" class="fa fa-github"></a></li>
</ul>
</div>
<form class="contactform" action="" method="POST">
<label class="gradient-text" for="name">Name</label>
<input id="name" required type="text" name="name" placeholder="Sivaa B">
<label class="gradient-text" for="email">Email</label>
<input id="email" required type="email" name="_replyto" placeholder="[email protected]">
<label class="gradient-text" for="message">Message </label>
<textarea id="message" name="message" cols="30" rows="10" placeholder="Heyo, let's connect!" required> </textarea>
<input id="submit" type="submit" value="Submit">
</form>
</div>
</div>
<div id="footer" class="inner">
<div class="poop">
<br>
</div>
<span>This website was definitely not made using W*x.<br> Hail CS50x!</span>
<br>
<p class="gradient-text" class="copy"> © 2023 Sivaa B</p>
</div>
<script>
</script>
<script src ="js_file/script.js"></script>
<script src ="js_file/MotionPathPlugin.min.js"></script>
<script src ="js_file/gsap.min.js"></script>
</body>
</html>