-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
161 lines (150 loc) · 7.74 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
<!DOCTYPE HTML>
<!--
Spectral by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Ashwat Chidambaram</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="landing is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">Ashwat Chidambaram</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="experience.html">Experience</a></li>
<li><a href="about.html">About Me</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>Hi, I'm Ashwat!</h2>
<p>Avid Computer Scientist<br/>
Aviation Enthusiast<br/>
UC Berkeley EECS</p>
<ul class="icons">
<li><a href="https://drive.google.com/file/d/1QPLTt7Vkk2c4rJzmemgkN09-NOl5__AM/view?usp=sharing" target="_blank" class="icon fas fa-file-alt fa-lg"><span class="label">Resume</span></a></li>
<li><a href="https://github.com/ashwatc" target="_blank" class="icon brands fa-github fa-lg"><span class="label">GitHub</span></a></li>
<li><a href="https://www.linkedin.com/in/ashchid/" target="_blank" class="icon brands fa-linkedin fa-lg"><span class="label">LinkedIn</span></a></li>
<li><a href="mailto:[email protected]" target="_blank" class="icon solid fa-envelope fa-lg"><span class="label">Email</span></a></li>
</ul>
<!-- <ul class="actions special">
<li><a href="#" class="button primary">Activate</a></li>
</ul> -->
</div>
<a href="#one" class="more scrolly">Learn More</a>
</section>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<header class="major">
<!-- <h2>Arcu aliquet vel lobortis ata nisl<br />
eget augue amet aliquet nisl cep donec</h2> -->
<h2 style="color:#ffffff">In case we haven't met before...</h2>
<p>Welcome! My name is Ashwat Chidambaram, and I am currently a 5th-year Masters <br/>
student at UC Berkeley studying Electrical Engineering and Computer Sciences (EECS),<br/>
specializing in Computer Vision, Machine Learning, and Artificial Intelligence (CV/ML/AI).<br/>
I am extremely passionate about the fields of computer science and engineering,<br/>
and deeply interested in the applications of vision for robotics and autonomous systems.</p>
</header>
<ul class="icons major">
<li><span class="icon solid fa-microchip major style1"><span class="label">Lorem</span></span></li>
<li><span class="icon solid fa-plane-departure major style2"><span class="label">Ipsum</span></span></li>
<li><span class="icon solid fa-code major style3"><span class="label">Dolor</span></span></li>
<!-- <li><span class="icon solid fa-microchip major style1" style="color:#ffffff""><span class="label">Lorem</span></span></li>
<li><span class="icon solid fa-plane-departure major style2" style="color:#ffffff""><span class="label">Ipsum</span></span></li>
<li><span class="icon solid fa-code major style3" style="color:#ffffff""><span class="label">Dolor</span></span></li> -->
</ul>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><a href="projects.html"><img src="images/projects/tri_ashwat.png" alt="" /></a></div><div class="content">
<h2><a href="projects.html">Personal Projects</a></h2>
<p>I love working on personal projects in my freetime, both individually and in groups with my friends.
Click here to see some of my latest creations, as well as links to each of the projects and codebase behind it all.</p>
</div>
</section>
<section class="spotlight">
<div class="image"><a href="experience.html"><img src="images/organizations/nvidia.jpeg" alt="" /></a></div><div class="content">
<h2><a href="experience.html">Work Experience</a></h2>
<p>Nothing is better than being given the chance to apply all your skills to contribute towards something big.
Here are some of the tasks and projects that I worked on during my past internship experiences.</p>
</div>
</section>
<section class="spotlight">
<div class="image"><a href="about.html"><img src="images/profilepics/pfphalfmoonbay.jpeg" alt="" /></a></div><div class="content">
<h2><a href="about.html">About Me</a></h2>
<p>A solo-certified student pilot, and Eagle Scout with Three Golden Palms. A hobbyist drummer since the age of 8,
with a love for the intricate craft of origami. A budding electrical engineer and computer scientist, interested in
international relations and global affairs. Here's a little more about me.</p>
</div>
</section>
</section>
<!-- Form -->
<section class="wrapper style4 special">
<h3>Get In Touch!</h3>
<br/>
<form method="post" action="mailto:[email protected]">
<div class="row gtr-uniform">
<div class="col-6 col-12-xsmall">
<input type="text" name="Name:" id="demo-name" value="" placeholder="Name" />
</div>
<div class="col-6 col-12-xsmall">
<input type="email" name="Email:" id="demo-email" value="" placeholder="Email" />
</div>
<div class="col-12">
<textarea name="Message:" id="demo-message" placeholder="Enter your message" rows="6"></textarea>
</div>
<div class="col-12">
<ul class="actions">
<li><input type="submit" value="Send Message" class="primary"/></li>
<li><input type="reset" value="Reset" /></li>
</ul>
</div>
</div>
</form>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://drive.google.com/file/d/1QPLTt7Vkk2c4rJzmemgkN09-NOl5__AM/view?usp=sharing" target="_blank" class="icon fas fa-file-alt fa-lg"><span class="label">Resume</span></a></li>
<li><a href="https://github.com/ashwatc" target="_blank" class="icon brands fa-github fa-lg"><span class="label">GitHub</span></a></li>
<li><a href="https://www.linkedin.com/in/ashchid/" target="_blank" class="icon brands fa-linkedin fa-lg"><span class="label">LinkedIn</span></a></li>
<li><a href="mailto:[email protected]" target="_blank" class="icon solid fa-envelope fa-lg"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© Ashwat Chidambaram</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.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>