forked from StartBootstrap/startbootstrap-stylish-portfolio
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
134 lines (113 loc) · 4.15 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Tryn Maps</title>
<!-- Bootstrap Core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet"
type="text/css">
<!-- Custom CSS -->
<link href="css/stylish-portfolio.css" rel="stylesheet">
</head>
<body>
<!-- Header -->
<header class="header parallax" id="top">
<div class="text-vertical-center">
</div>
</header>
<!-- About -->
<section id="about" class="about">
<div class="container text-center">
<h2>Optimize the way transit is planned and operated</h2>
<p class="lead">Improve your city's mobility and quality of life. </p>
</div>
<!-- /.container -->
</section>
<!-- Services -->
<section id="services" class="services bg-primary text-white">
<div class="header parallax service-image route-improvements"></div>
<div class="container text-center">
<h2>
Route Improvements
</h2>
<h4>
Route improvements are expensive, but so are the long studies that justify them. Tryn Maps lets you add improvements on a map and instantly see their impacts.
</h4>
</div>
</section>
<section id="services" class="services bg-primary text-white">
<div class="header parallax service-image new-routes"></div>
<div class="container text-center">
<h2>
New Routes & Extensions
</h2>
<h4>
A good transit system isn’t just measured by its coverage, it’s by how well it moves people to where they need to be. With everyone having different travel patterns, justifying new routes is a long and tedious process. Tryn Maps does it instantly.
</h4>
</div>
</section>
<section id="services" class="services bg-primary text-white">
<div class="parallax service-image crowding"></div>
<div class="container text-center">
<h2>
Crowding
</h2>
<h4>
There’s a huge imbalance between peak and off-peak crowding. With Tryn Maps you can target your riders to shift their commutes and instantly see the results.
</h4>
</div>
</section>
<section id="services" class="services bg-primary text-white">
<div class="parallax service-image disruptions"></div>
<div class="container text-center">
<h2>
Disruptions
</h2>
<h4>
Disruptions happen. But an optimal response can make it seem like they never happened. Tryn Maps shows you the impact of your planned response and makes suggestions in real-time.
</h4>
</div>
</section>
<!-- Call to action -->
<footer>
<section>
<div class="container text-center">
<h2>Let's talk transit.</h2>
<p class="lead">Contact us at <a href="mailto:[email protected]">[email protected]</a></p>
</div>
<!-- /.container -->
</section>
<!-- Footer -->
<div>
<div class="row">
<div class="col-lg-10 mx-auto text-center">
<p>Code for America
<br>155 9th St, San Francisco, CA 94103</p>
<!-- <ul class="list-unstyled">
<i class="fa fa-envelope-o fa-fw"></i>
<a href="mailto:[email protected]">[email protected]</a>
</li>
</ul> -->
<br>
</div>
</div>
</div>
<a id="to-top" href="#top" class="btn btn-dark btn-lg js-scroll-trigger">
<i class="fa fa-chevron-up fa-fw fa-1x"></i>
</a>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/stylish-portfolio.js"></script>
</body>
</html>