-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
154 lines (141 loc) · 6.54 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
<!DOCTYPE HTML>
<!--
Read Only by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Adithya J (AJ)</title>
<link rel="icon" href="images/favicon.ico">
<meta charset="utf-8" />
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<!-- Header -->
<section id="header">
<header>
<span class="image avatar"><img src="images/main.jpg" alt="" /></span>
<h1 id="logo"><a href="#">Adithya J. (AJ)</a></h1>
<p><span class="nowrap">Electrical Engineering & Computer Sciences</span><br />
(aka En Route to becoming Iron Man)</p>
</header>
<nav id="nav">
<ul>
<li><a href="#one" class="active">Overview</a></li>
<li><a href="#two">Who Am I</a></li>
<li><a href="#three">Notable Work</a></li>
<li><a href="#four">Get In Touch</a></li>
</ul>
</nav>
<footer>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/adithya-j/" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="https://twitter.com/techgeekaj/" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/adithyaj007/" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="AdithyaJ_Resume.pdf" class="icon fa-address-card"><span class="label">Resume</span></a></li>
<li><a href="http://www.adij.me/" class="icon fa-server"><span class="label">Blog</span></a></li>
<li><a href="http://www.github.com/adithyaj/" class="icon fa-github"><span class="label">Github</span></a></li>
<li><a href="mailto:adithyajay@gmail.com" class="icon fa-envelope"><span class="label">Email</span></a></li>
</ul>
</footer>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<div class="container">
<header class="major">
<h3>Welcome to Me</h3>
</header>
<p><h4>I'm currently a junior at UC Berkeley with an avid passion for technology.</h4>
<h5>If you're looking for my Raspberry Pi Blog: <a href="http://www.adij.me/">Click Here</h5></a></p>
</div>
</section>
<!-- Two -->
<section id="two">
<div class="container">
<h3>Who Am I</h3>
<p>Just a few things that make me unique.</p>
<ul class="feature-icons">
<li class="fa-code">Proficient in Python and C++</li>
<li class="fa-android">Open Source Android Developer</li>
<li class="fa-users">Engaged in Community Service</li>
<li class="fa-car">Car Enthusiast</li>
<li class="fa-bicycle">Passionate Cyclist</li>
<li class="fa-street-view">Active Leader and Student Government Senator</li>
</ul>
</div>
</section>
<!-- Three -->
<section id="three">
<div class="container">
<h3>Recent Projects</h3>
<p>Here's a quick look into my most notable works. Check out <a href="http://www.github.com/adithyaj"> my GitHub page </a> or <a href="http://www.adij.me/"> my blog </a>for more.</p>
<div class="features">
<article>
<a href="#" class="image"><img src="images/pic01-me.jpg" alt="" /></a>
<div class="inner">
<h4>Votified</h4>
<p>A CalHacks 3.0 Open Source product that informs everyday citizens about the bills and decisions Congress is passing.</p>
</div>
</article>
<article>
<a href="#" class="image"><img src="images/pic02-pexels.jpg" alt="" /></a>
<div class="inner">
<h4>Manufacturing Dashboards</h4>
<p>Created a manufacturing dashboard from scratch in Python to display and predict trends for corporations. <br> Saving $20,000+ annually at Abaxis.</p>
</div>
</article>
<article>
<a href="#" class="image"><img src="images/pexels-pi.jpg" alt="" /></a>
<div class="inner">
<h4>Raspberry Pi Webhost</h4>
<p>Used a raspberry pi to run my personal blog cost-free. (This website is currently using GitHub Pages).</p>
</div>
</article>
</div>
</div>
</section>
<!-- Four -->
<section id="four">
<div class="container">
<h3>Contact Me</h3>
<p>Need more info?</p>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/adithya-j/" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>LinkedIn<br>
<li><a href="https://twitter.com/techgeekaj/" class="icon fa-twitter"><span class="label">Twitter</span></a></li>Twitter<br>
<li><a href="https://www.facebook.com/adithyaj007/" class="icon fa-facebook"><span class="label">Facebook</span></a></li>Facebook<br>
<li><a href="AdithyaJ_Resume.pdf" class="icon fa-address-card"><span class="label">Resume</span></a></li>Resume<br>
<li><a href="http://www.adij.me/" class="icon fa-server"><span class="label">Blog</span></a></li>Blog<br>
<li><a href="http://www.github.com/adithyaj/" class="icon fa-github"><span class="label">Github</span></a></li>GitHub<br>
<li><a href="mailto:adithyajay@gmail.com" class="icon fa-envelope"><span class="label">Email</span></a></li>Email<br>
</ul>
</div>
</section>
<!-- Footer -->
<section id="footer">
<div class="container">
<ul class="copyright">
<li>© Adithya Jayachandran. All rights reserved.</li>
<li> Base: HTML5UP </li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollzer.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>