-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
149 lines (143 loc) · 4.82 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
<!DOCTYPE html>
<!--
Interphase by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Mytinerary</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-layers.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-xlarge.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
</head>
<body class="landing">
<!-- Header -->
<header id="header">
<h1><a href="index.html"><img src="images/whiteLogo.png"</a></h1>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="how_it_works.html">How it Works</a></li>
<li><a href="theteam.html">Our Team</a></li>
<li><a href="demos.html">Demos</a></li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<h2>Mytinerary</h2>
<p>Interactive Sightseeing for Lazy Travelers</p>
<ul class="actions">
<li>
<a href="#one" class="button big">Learn More</a>
</li>
</ul>
</section>
<!-- One -->
<section id="one" class="wrapper style1 align-center">
<div class="container">
<header>
<h2>What is Mytinerary?</h2>
<p> Mytinerary is a tour planning web application that constructs
walking tours in London, Madrid, Minneapolis, New York City,
and San Francisco.</p>
</header>
<div class="row 200%">
<section class="4u 12u$(small)">
<i class="icon big rounded fa-clock-o"></i>
<h2> Fast </h2>
<p> Find nearby places of interest
without time-intensive research.</p>
</section>
<section class="4u 12u$(small)">
<i class="icon big rounded fa-camera"></i>
<h2> Interactive </h2>
<p> Easily add to or change your route without hassle.</p>
</section>
<section class="4u$ 12u$(small)">
<i class="icon big rounded fa-user"></i>
<h2> Personalized </h2>
<p> Get a tour of the things <em>you</em> want to see.</p>
</section>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper style2 align-center">
<div class="container">
<header>
<h2>Learn more about the project!</h2>
</header>
<div class="row">
<section class="feature 6u 12u$(small)">
<a href="how_it_works.html">
<img class="image fit" src="images/pic01.jpg" alt="" />
</a>
<h3 class="title">How We Made It</h3>
<p> Our project is based on literary research and makes use
of several APIs to create a responsive web application.</p>
</section>
<section class="feature 6u$ 12u$(small)">
<a href="demos.html">
<img class="image fit" src="images/pic02.jpg" alt="" />
</a>
<h3 class="title">See it in Action!</h3>
<p> The best way to understand our project is to see its
intelligent user interface in action. Watch demos to get
a sense of the project, and install it yourself to see more!
</p>
</section>
<section class="feature 6u 12u$(small)">
<a href="https://github.com/tristanleigh1/TourItineraryComps">
<img class="image fit" src="images/pic03.jpg" alt="" />
</a>
<h3 class="title">Install it Yourself</h3>
<p> Visit our <a href="https://github.com/tristanleigh1/TourItineraryComps">
Github repository</a> to see the project. Follow the installation
instructions in our README and you'll have it up and
running in no time.
</p>
</section>
<section class="feature 6u$ 12u$(small)">
<a href="theteam.html">
<img class="image fit" src="images/pic04.jpg" alt="" />
</a>
<h3 class="title">Meet the Team</h3>
<p> Mytinerary was made by Caleb Braun, Hailey Jones,
Tristan Leigh, and Jonah Tuchow, all Carleton College
class of 2017.</p>
</section>
</div>
<footer>
<ul class="actions">
<li>
<a href="#" class="button alt big">Back to Top</a>
</li>
</ul>
</footer>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="container">
<ul class="copyright">
<li>Design: <a href="http://templated.co">TEMPLATED</a></li>
<li>Images: <a href="http://unsplash.com">Unsplash</a></li>
</ul>
</div>
</footer>
</body>
</html>