-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·244 lines (206 loc) · 11.9 KB
/
Copy pathindex.html
File metadata and controls
executable file
·244 lines (206 loc) · 11.9 KB
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
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
<!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">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="assets/img/favicon.ico">
<title>Walkabout - Explore, Be Happy.</title>
<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="assets/css/ionicons.min.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="assets/js/ie10-viewport-bug-workaround.js"></script>
<!-- HTML5 shim and Respond.js 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]-->
</head>
<body>
<div id="h">
<div class="logo">Walkabout</div>
<div class="social hidden-xs">
<a href="#"><i class="ion-social-twitter"></i></a>
<a href="#"><i class="ion-social-instagram"></i></a>
<a href="#"><i class="ion-social-facebook"></i></a>
</div>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 centered">
<!--<h1>Welcome to our new app site.<br/>Sign up now & prepare to enjoy our service.</h1>-->
<div id="cssfade" align="center">
<img src="assets/img/walkabout_logo_bw.png" alt="logo" class="" />
</div><br />
<div>
<h1>Walkabout</h1>
<h4>Explore - Be Happy.</h4>
<br />
<a href="http://www.1871.com/events/campus1871/" target="_blank">
<h5><b>A Campus 1871 Project:</b></h5>
</div>
<img src="assets/img/1871(2).png" alt="1871 logo" height="80px" />
</a>
</div>
</div><!--/row-->
</div><!--/container-->
</div><!-- /H -->
<div class="container ptb">
<div class="row">
<div class="col-md-6">
<h2>The Problem</h2>
<p class="mt">In 2013, 49 million people visited Chicago, IL. What is there to see in Chicago? A quick search results in “tourist” attractions such as <a href="http://www.cityofchicago.org/city/en/depts/dca/supp_info/millennium_park_-artarchitecture.html#cloud" target="_blank" class="paralink">Cloud Gate (aka The Bean)</a>, <a href="http://www.willistower.com/" target="_blank" class="paralink">Sears Tower</a>, <a href="https://en.wikipedia.org/wiki/Museum_Campus" target="_blank" class="paralink">Museum Campus</a>, and <a href="https://navypier.com/" target="_blank" class="paralink">Navy Pier</a>. You’ve been there, done that. Is that all Chicago has to offer?<br /><br />
You want to go to the <strong>“spots”</strong> or hidden <strong>“gems”</strong> known only to locals. Not where 49 million tourists have gone. You are not a typical tourist, you are an <strong><u>explorer</u></strong>.<br /><br />
Did you know that according to the city of Chicago, there are 77 neighborhoods with distinct cultures and characteristics. 77, that’s more than all of the states combined.
A quick online search reveals some neighborhood tours but they are time consuming, at a fixed time and cover multiple neighborhoods you aren’t even interested in. There are too many places to explore and not enough time. Unfortunately there does not seem to be a tour that satisfies your needs.</p>
</div>
<div class="col-md-6">
<!-- <img src="assets/img/teampicture.jpg" class="img-responsive mt" alt="Campus 1871 Group Picture" id="vignette"> -->
<div align="center"><img src="assets/img/chicago77.jpg" alt="Chicago's 77 Neighbourhoods" style="max-width: 80% !important;"></div>
<!--class="img-responsive-chicago mt" -->
</div>
</div>
<div class="row">
<div class="col-md-6">
<div id="vignette"><img src="assets/img/teampicture.jpg" class="img-responsive mt teamphoto" alt="Campus 1871 Group Picture"> </div>
</div>
<div class="col-md-6">
<h2>The Solution - Walkabout</h2>
<p class="mt">Walkabout is a team of local tour guides (aka local gurus or LOGUs) from all around the city. We began by thinking about our neighborhoods and all they had to offer. Chicago is more than just <a href="https://navypier.com/" target="_blank" class="paralink">Navy Pier</a> or <a href="http://www.cityofchicago.org/city/en/depts/dca/supp_info/millennium_park_-artarchitecture.html#cloud" target="_blank" class="paralink">Cloud Gate</a>. Each community is like stepping into a different place, with unique people, food, and landmarks. So we thought “Who could give a better tour than me?” I know where the best deep dish pizza is, the best places to catch a dazzling sunset skyline, and how to find the fastest way around my city. We want people to come to Chicago and feel like they’ve never been here before. Whether it’s flautas in Pilsen or a Polish bakery on the Northwest Side, we want people to have access to the real culture of Chicago.</p>
<br />
<!--<h2>How?</h2>
<p class="mt">So what happens is you’ll look for a neighborhood or interest you’re looking to explore. Then you scroll down and find a local tour guide. Someone who lives in that neighborhood or knows the area well. They’ve been verified by our system and their itinerary is concrete but open-ended. Your group goes and finds out about the amazing experiences Chicago has to offer.</p>-->
</div>
</div><!--/row-->
</div><!--/container-->
<div id="sep">
<div class="container">
<div class="row centered">
<div class="col-md-8 col-md-offset-2">
<h1>What is Walkabout?</h1>
<h4>Walkabout connects tourists with true locals to explore hidden gems.</h4>
<h1>Did you know?</h1>
<h4>Chicago has a brewery, bakery, garden, shrimp farm, and coffee plant under one roof? That Chicago has the largest cookie factory that produced millions of oreos last year? These are the stories that we strive for. Amazing locations that are often sheltered away but that can now be accessed-by you!</h4>
<br />
<p>Download the presentation and prototype we demoed at <a href="http://www.1871.com/events/campus1871/" target="_blank" style="color: white; text-decoration: underline;">Campus 1871</a> below.</p>
<p><a href="https://www.dropbox.com/s/nz40x9ieki53rvc/Walkabout.pdf?dl=1"><button class="btn btn-conf-2 btn-green">Download Presentation</button></a></p>
</div><!--/col-md-8-->
</div>
</div>
</div><!--/sep-->
<div class="container ptb">
<div class="row centered">
<h2 class="mb">The Team<br/></h2>
<div class="col-md-2" id="glowimg">
<a href="https://www.linkedin.com/in/pratiksampat" target="_blank" class="team" >
<img class="img-responsive aligncenter" src="assets/img/team/P copy.png"/>
<p>Pratik Sampat</p>
</a>
</div>
<div class="col-md-2" id="glowimg">
<a href="http://bobbyrice.wix.com/personal" target="_blank" class="team">
<img class="img-responsive aligncenter" src="assets/img/team/B.png" />
<p>Bobby Rice</p>
</a>
</div>
<div class="col-md-2" id="glowimg">
<a href="https://www.linkedin.com/profile/view?id=288938320" class="team" target="_blank">
<img class="img-responsive aligncenter" src="assets/img/team/Br.png" />
<p>Brian Gómez</p>
</a>
</div>
<div class="col-md-2" id="glowimg">
<a href="https://www.linkedin.com/in/danklee7" target="_blank" class="team">
<img class="img-responsive aligncenter" src="assets/img/team/D.png" />
<p>Daniel Lee</p>
</a>
</div>
<div class="col-md-2" id="glowimg">
<a href="https://www.linkedin.com/pub/muneeb-yawari/73/b91/426" target="_blank" class="team">
<img class="img-responsive aligncenter" src="assets/img/team/M.png" />
<p id="smallerfont">Muneeb Yawari</p>
</a>
</div>
<div class="col-md-2" id="glowimg">
<a href="#" class="team">
<img class="img-responsive aligncenter" src="assets/img/team/K.png" />
<p>Kathleen Lu</p>
</a>
</div>
</div><!--
<div id="g">
<div class="container">
<div class="row sponsor centered">
<div class="col-sm-2 col-sm-offset-1">
<img src="assets/img/client1.png" alt="">
</div>
<div class="col-sm-2">
<img src="assets/img/client3.png" alt="">
</div>
<div class="col-sm-2">
<img src="assets/img/client2.png" alt="">
</div>
<div class="col-sm-2">
<img src="assets/img/client4.png" alt="">
</div>
<div class="col-sm-2">
<img src="assets/img/client5.png" alt="">
</div>
</div>
</div>
</div>-->
<!--
<div id="green">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 centered">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
Wrapper for slides -->
<!--<div class="carousel-inner">
<div class="item active">
<h3>I enjoyed so much the last edition of Landing Sumo, that I bought the tickets for the new one edition of the event the first day.</h3>
<h5><tgr>DAVID JHONSON</tgr></h5>
</div>
<div class="item">
<h3>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</h3>
<h5><tgr>MARK LAWRENCE</tgr></h5>
</div>
<div class="item">
<h3>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration, by injected humour.</h3>
<h5><tgr>LISA SMITH</tgr></h5>
</div>
</div>
</div>-->
</div>
</div>
</div>
</div>
<div id="f">
<div class="container">
<div class="row centered">
<h2><a href="mailto:pratiks0809@gmail.com?subject=Walkabout%20-%20Contact%20Us" style="color: white; text-decoration: underline;">Contact Us</a></h2>
<!--<h5>pratiks0809@gmail.com</h5>
<p class="mt">
<a href="#"><i class="ion-social-twitter"></i></a>
<a href="#"><i class="ion-social-dribbble"></i></a>
<a href="#"><i class="ion-social-instagram"></i></a>
<a href="#"><i class="ion-social-facebook"></i></a>
<a href="#"><i class="ion-social-pinterest"></i></a>
<a href="#"><i class="ion-social-tumblr"></i></a>
</p>-->
<h6 class="mt">Website by: Pratik Sampat | 2015 - Walkabout</h6>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/retina-1.1.0.js"></script>
</body>
</html>