-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
108 lines (93 loc) · 3.17 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bootstrap, from Twitter</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<script type="text/javascript" src="/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.10.3.custom.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<link href="/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="/css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="/css/jquery-ui-1.10.3.custom.min.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
.sidebar-nav {
/*padding: 9px 0;*/
}
#map-canvas img {
max-width: none;
}
@media (max-width: 980px) {
/* Enable use of floated navbar text */
.navbar-text.pull-right {
float: none;
padding-left: 5px;
padding-right: 5px;
}
}
section {
padding: 40px 0px;
}
p {
color: #434950;
line-height: 1.5;
margin-bottom: 1em;
font-size: 18px;
}
.about h1 {
font-size:24px;
color: #434950;
font-weight: 400;
}
.about img {
border-radius: 200px;
}
</style>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="/">Chen's Movement</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="/">Home</a></li>
<li><a href="/storyline">Stroyline</a></li>
<li class="active"><a href="/about">About</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="page container about">
<section class="row">
<h1 class="span2 offset1">About Us</h1>
<div class="span8">
<p>We all love travelling. We also like to remember where we haven been, where we are, and where we are going to. This website is designed not only to track the locations of where you are, but also to track your movement, how many steps you walk, you run, even when you drive. This website currently only shows my movement.</p>
<hr>
</div>
</section>
<section class="row team">
<h1 class="span2 offset1">Developer</h1>
<div class="span2">
<img src="/img/chen.png" width="130" >
<h1>Chen Xu</h1>
<p><span>Once got lost.</span> <a href="http://twitter.com/xuchen81" class="light" target="_blank">@xuchen81</a></p>
</div>
</section>
</div>
<hr>
</div><!--/.fluid-container-->
</body>
</html>