-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
123 lines (116 loc) · 6.24 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
</head>
<body >
<div class="page-container active" id="page0">
<img src="data/image/map.png" alt="" z-index="-1">
<div class="rectangle" >
<div class="carContainer">
<img id="resize" src="data/model/car_1.png" alt="">
</div>
<div id="container">
<img id = "resizeWelcome" src="data/image/welcome_text_b.png" alt="">
</div>
<a class="round-button butt-r1" href="javascript:"></a>
<a class="round-button butt-r2"href="javascript:"></a>
<a class="round-button butt-r3"href="javascript:"></a>
<img id= "rideTitle_1" class= "resizeRideTitle" src="data/icon/silver.png" alt="">
<img id= "rideTitle_2" class= "resizeRideTitle" src="data/icon/platinum.png" alt="">
<img id= "rideTitle_3" class= "resizeRideTitle" src="data/icon/diamond.png" alt="">
</div>
</div>
<div class="page-container" id="page1">
<img src="data/image/map_2_b.png" alt="">
<div class="ridepage">
<div class="carContainer" id="curvePage">
<img class="iconResize" id = "icon-r1" src="data/icon/r1.png" alt="">
</div>
<h1 class="rideDes">SILVER</h1>
<p class="rideDes">
▂▆▅▄▊▉█ Everyday is a good day.┞┦◞┅◥◬◣◤◃◀︎⬗◇◤◄┎┋┌┊
┮┵┸┴┰┲─┃⦿┮there is always something going on.
We ask our friends "How are you?" but, no ⬘┌┍┊⦾◟─◴◵◵◶⊈◩◨◧◾︎one really cares how they are.The weather is ▥ ▦ ▩◨ talks run the wor◼︎◼︎⧈▮⬓⬕◽︎⧈ our small relatio▄▊▉█ with each \asking how do you do but,▍▏▐◲◼︎◼︎⧈▮⬓⬕◽︎⧈
no need to an◌┋┩┭┬┨┩┦┧◈just ask me back 'how do◲┋┩┭┬┨┩┦┧◽︎⧈◾︎◜◝┅┉┍┎┋o' because n┋┌┊┋┩┭t to know your life really.
</p>
<h2 class="rideDes">
your ride today will cost: $1.39
</h2>
<a class="btn-exit" href="javascript:">CANCEL</a>
<a class="btn-confirm" href="javascript:">CONFIRM</a>
</div>
</div>
<div class="page-container" id="page2">
<img src="data/image/map_2_b.png" alt="">
<div class="ridepage">
<div class="carContainer" id="curvePage">
<img class="iconResize" id = "icon-r2" src="data/icon/r2.png" alt="">
</div>
<h1 class="rideDes">PLATINUM</h1>
<p class="rideDes">
Life is a phylosophy of L≴⋚⋛⋜⋑>⋌⋋⋉⬚︎on. We could run the w◲◼︎◼︎⧈▮⬓⬕◽︎⧈◾︎ together.
our sm⬕⬕◾︎◫ng ationship ◩◻︎◧▧▢with each other.◜◘◗◠◩▨▩▩▨◼︎◼︎⧈▮⬓⬘┌┍┊⦾◟─┄┉℠to you, asking how ▂▆▅⋋⋉⬚︎o you do but,
no need to⬕◽︎⧈◾︎➺➹◾︎○⬗ just ask☱☵☈◊◭◭◥◑□□■╞╜╕▏▐▕▕▍▏▐➺➹◾︎me back⦾◥◬◥◢◂◄◂ 'hdo' ow do becto knowau⋚⋛⋜⋑>⋌o█ sr life reh▂▆▅⋚⋛⋜▉█ at ally.▂▆ What love ▅▄▊▉█is really is?
</p>
<h2 class="rideDes">
your ride today will cost: $2.50
</h2>
<a class="btn-exit" href="javascript:">CANCEL</a>
<a class="btn-confirm" href="javascript:">CONFIRM</a>
</div>
</div>
<div class="page-container" id="page3">
<img src="data/image/map_2_b.png" alt="">
<div class="ridepage">
<div class="carContainer" id="curvePage">
<img class="iconResize" id = "icon-r3" src="data/icon/r3.png" alt="">
</div>
<h1 class="rideDes">DIAMOND</h1>
<p class="rideDes">
┸┴┰┲═╎╉╆ POlitical Critiq▩ ▩ ▨ ◼︎k ourDo you believe in the sysT◲M ≉ ◼︎⧈▮⬓⬘┌┍┊⦾◟
◦◦◯⦾⦿◜◝┅┉┍ip with each o▮⬓⬘┌┍┊⦾◟GOD and DEATH yahm ┮┭┬⦿┮┦┩╡╡◄◦◦◯⦾⦿◜◝┅┉┍here ▂▆▅⋚⋛⋜▉█ t▩▨◼︎◼︎⧈▮⬓⬘┌┍┊⦾◝┅┉g how do you do but◄◀︎▾◂◁◁ ▽ ⬖◉ ◎ the Sun will always there◦◯⦾⦿◜◝┅┉e world is moving around it. We's just dust in this galax◲≋≊≇≃≉
rich and poor ▂▆▅⋚⋛⋜▉█ talking ◩▨▩◲≋≊≇≃≉⦾◝ ┞┦◞┅◥◬◣◤◃ answ┸┴┰┲┮┭┬┤┬┴┲─┃⦿┮┦┩╡╡═╎╉╆ So tell me what is really your dream after death?>
</p>
<h2 class="rideDes">
your ride today will cost: $3.02
</h2>
<a class="btn-exit" href="javascript:">CANCEL</a>
<a class="btn-confirm" href="javascript:">CONFIRM</a>
</div>
</div>
<div class="page-container" id="page4" style="background:red;">
<video muted loop id="myVideo">
<source src="data/video/map_ipad.mp4" type= "video/mp4">
</video>
<div class="rectVideo" >
<div class="carContainer">
<img id="resize_2" src="data/model/car_1.png" alt="">
</div>
<h3> The time we're having together
<span id="timer"></span>
</h3>
<a class="btn-end" href="javascript:">End ride</a>
</div>
</div>
<div class="page-container" id="page5">
<div class ="centerRect">
<div class= "centerText">
<h1>That was a good ride!</h1>
<div id="rideCost">
</div>
<p>
<br><a class="btn-pay" href="javascript:">CONFIRM</a><br>
</p>
</div>
<a class="btn-restart" href="javascript:">Exit</a>
</div>
</div>
<script type="text/JavaScript" src="jQuery.js" ></script>
<script type="text/JavaScript" src ="javaScript.js"></script>
<script type="text/javascript" src="callback.js"></script>
</body>
</html>