-
Notifications
You must be signed in to change notification settings - Fork 0
/
chooseus.html
74 lines (64 loc) · 2.56 KB
/
chooseus.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>The Pursuit of Happiness</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link href='http://fonts.googleapis.com/css?family=Raleway:400,500' rel='stylesheet' type='text/css'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script>
</script>
<style media="screen" type="text/css">
body {
background-image: "images/20141026_141722.jpg"
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
}
body {
font-family: 'Raleway', sans-serif;
}
.container {
color: white;
}
.jumbotron {
color: black;
}
.box {
background-color: rgba(0, 0, 0, .2);
padding: 5px;
border-radius: 10px;
}
</style>
</head>
<body background='images/20141026_141722.jpg'>
<div class="container">
<div style = "opacity:0.5"class="jumbotron">
<h1><b> Pursue Happiness</b></h1>
</div>
<div class="row">
<div class="col-sm-6">
<div class="box">
<h1>Why pursue happiness?</h1>
<h4><i>"Happiness is the meaning and purpose of life, the whole aim and end of human existence." -Aristotle</i></h4>
<img src="images/Aristotle.png" class="img-circle" width="304" height="236" z-index = 3>
<h4>Why chase merely the fastest way to get somewhere when you can aspire for the happiest route? Some say life is too short
for indulgence, but isn't it the shortness of life that makes every walk and every journey all the more precious?</i></h4>
<h4>Don't let life pass you by! Let us help you find a happier way to travel.</h4>
</div>
</div>
<div class="col-sm-6">
<div class="box">
<h1>How do we help you pursue happiness?</h1>
<h4>By looking at Twitter data from people around you, we construct a path populated by the happiest tweets and the happiest people.</h4>
<h4>To make sure you don't have to go out of your way, our app will find a happy path for you to a place you need to go to anyway.</h4>
<h4>Go out, explore, and meet other happy people!</h4>
<button onclick = "window.location.href='home.html'" style = 'width:500px' type = "button" class = "btn btn-primary btn-lg">LAUNCH</button>
</div>
</div>
</div>
</div>
</body>
</html>