/
index.html
71 lines (71 loc) · 2.23 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Track My Run</title>
<link rel="stylesheet" href="./style/bootstrap.css">
<link rel="stylesheet" href="./style/trackmyrun.css">
</head>
<body>
<div class="topbar">
<div class="topbar-inner">
<div class="container-fluid">
<a class="brand" href="#">Track My Run</a>
<ul class="nav">
<li class="active">
<a href="#">Home</a>
</li>
<li class="active">
<a href="#">My Runs</a>
</li>
<li class="active">
<a href="#">My Shoes</a>
</li>
<li class="active">
<a href="#">Options</a>
</li>
</ul>
</div>
</div>
</div>
<div class="container-fluid">
<div class="sidebar">
<div class="well">
<h4>My Runs</h4>
<ul>
<li><a href="#">2011</a></li>
<li><a href="#">2010</a></li>
</ul>
<h4>My Shoes</h4>
<ul>
<li><a href="#">Brooks Addiction 9 AP - C</a></li>
<li><a href="#">Brooks Addiction 9 AP - B</a></li>
</ul>
</div>
</div>
<div class="content">
<div class="hero-unit">
<h1>Track My Run</h1>
<p>Measure and improve your workouts</p>
</div>
<div class="row">
<div class="span6">
<h2>Runs</h2>
<p>
Create your very own activity log and follow up on your personal goals and milestones. Your activity allows you to track your pace, distance and heart rate after a run. Simple and effective activity tracking with no hassle.
</p>
</div>
<div class="span6">
<h2>Shoes</h2> <h2><h2>
<p>
Running shoes are the most important pieces of equipment needed by any runner. Besides choosing the most suitable pair, keeping track of the wear of your running shoes is essential to prevent stress and overuse injuries.
</p>
</div>
</div>
<footer>
<p>Copyright © 2011 Jan Van Ryswyck.</p>
</footer>
</div>
</div>
</body>
</html>