-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathProjects.html
187 lines (161 loc) · 7.55 KB
/
Projects.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
<!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">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Aaheli Chattopadhyay</title>
<!-- Bootstrap core CSS -->
<link rel="icon"
type="image/png"
href="Logo/AC_Black.png">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!--<script src="../../assets/js/ie-emulation-modes-warning.js"></script>-->
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Custom styles for this template -->
<link href="carousel.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!--Navbar-->
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand active" href="index.html"><img src="Logo/AC.png" width="40" height="30"/> </a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right" >
<li><a href="index.html">Home</a></li>
<li><a href="AboutMe.html" >About Me</a></li>
<li><a href="Portfolio.html" >Portfolio</a></li>
<li class="active"><a href="Projects.html">Projects</a></li>
<li><a href="Tech.html">Technology</a></li>
<li><a href="Travel.html">Travel</a></li>
</ul>
</div>
</div>
</nav>
<!--End Navbar-->
<div class="container-fluid text-center gal1">
<div class="row">
<div class="col-sm-4 img-h" class="img-fluid">
<h4> Haptic Distance Sensor </h4>
<img class="img-responsive" src="ece4760.jpg">
<div class="overlay">
<div class="row">
<div class="col-sm-2"></div>
<div class="col-sm-8 "><p> This project is an Electronic Travel Aid that enables the user to navigate around objects in their path and view the profile of their surroundings.</p></div>
<div class="col-sm-2"></div>
</div>
<a href="https://www.youtube.com/watch?v=SUwN-Rnrqak" target="_blank">
<button type="button" class="button btn-1"> <span class="glyphicon glyphicon-share-alt"></span></button>
</a>
<a href="http://people.ece.cornell.edu/land/courses/ece4760/FinalProjects/f2017/ac923_kk938_neh54/ac923_kk938_neh54/ac923_kk938_neh54/FinalProjectReport.html" target="_blank">
<button type="button" class="button btn-1"> <span class="glyphicon glyphicon-file"></span></button>
</a>
</div>
</div>
<div class="col-sm-4 img-h">
<h4> Maze Mapping Robot </h4>
<img class="img-responsive" src="robot.jpg">
<div class="overlay">
<div class="row">
<div class="col-sm-2"></div>
<div class="col-sm-8"><p> Designed a robot that could autonomously navigate a maze.</p></div>
<div class="col-sm-2"></div>
</div>
<a href="Final Report/FinalReport.html" target="_blank">
<button type="button" class="button btn-1"> <span class="glyphicon glyphicon-share-alt"></span></button>
</a>
</div>
</div>
<div class="col-sm-4 img-h c2">
<img src="parallel.jpg" class="img-responsive center-block">
<h4> Parallel Programming </h4>
<div class="overlay">
<div class="row">
<div class="col-sm-2"></div>
<div class="col-sm-8"><p> Profiled software bottlenecks of machine learning programs and optimized their runtimes through parallel programming. </p></div>
<div class="col-sm-2"></div>
</div>
<a href="https://zhang.ece.cornell.edu/research/algorithm-hardware-co-design-for-machine-learning-acceleration/" target="_blank">
<button type="button" class="button btn-1"> <span class="glyphicon glyphicon-share-alt"></span></button>
</a>
</div>
</div>
</div>
<br><div class="row">
<div class="col-sm-4 img-h" >
<img src="chemecar.jpg" class="img-responsive center-block">
<h4> Chem-E Car </h4>
<div class="overlay">
<div class="row">
<div class="col-sm-2"></div>
<div class="col-sm-8"><p> As an electronics member, I collaborated with my teammates to design and build a light activated stopping mechanism circuit for a chemically powered car. </p></div>
<div class="col-sm-2"></div>
</div>
<a href="https://chemecar.engineering.cornell.edu/index.html" target="_blank">
<button type="button" class="button btn-1"> <span class="glyphicon glyphicon-share-alt"></span></button>
</a>
<a href="chemecar.pdf" target="_blank">
<button type="button" class="button btn-1"> <span class="glyphicon glyphicon-file"></span></button>
</a>
</div>
</div>
<div class="col-sm-4 img-h">
<img src="http://www.wallpaperist.com/wallpapers/Transport/Boats/Sailing-into-the-sunset-1280-960.jpg" class="img-responsive center-block">
<h4> Autonomous Sailboat </h4>
<div class="overlay">
<div class="row">
<div class="col-sm-2"></div>
<div class="col-sm-8"><p> Designed a PCB to hold the electrical and navigation sensors of an autonomous sailboat.</p></div>
<div class="col-sm-2"></div>
<a href="https://cusail.engineering.cornell.edu/" target="_blank">
<button type="button" class="button btn-1"> <span class="glyphicon glyphicon-share-alt"></span></button>
</a>
</div>
</div>
</div>
</div>
<br> <div class="port"> <h1> More to Come! </h1></div>
</div>
<footer class="container-fluid text-center">
<div class="text-center center-block">
<a href="https://github.com/ac923"><i id="social-m" class="fa fa-github-square fa-3x social"></i></a>
<a href="https://www.linkedin.com/in/aaheli-chattopadhyay-5bb381104"><i id="social-m" class="fa fa-linkedin-square fa-3x social"></i></a>
<a href="mailto:[email protected]"><i id="social-m" class="fa fa-envelope-square fa-3x social"></i></a>
<br><br>
<p class="txt-railway"> © 2018 Aaheli Chattopadhyay</p>
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="../../dist/js/bootstrap.min.js"></script>
<!--<script>
$(document).ready(function(){
$("#demo").on("hide.bs.collapse", function(){
$(".btn").html('<span class="glyphicon glyphicon-collapse-down"></span> Open');
});
$("#demo").on("show.bs.collapse", function(){
$(".btn").html('<span class="glyphicon glyphicon-collapse-up"></span> Close');
});
});
</script>-->
</body>
</html>