forked from dilee/railpara
-
Notifications
You must be signed in to change notification settings - Fork 0
/
howto.html
63 lines (58 loc) · 2.6 KB
/
howto.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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="js/menu.js"></script>
<link rel="stylesheet" href="css/howto.css">
<link rel="stylesheet" href="css/slider-menu.css">
<link rel="stylesheet" href="css/font-face.css">
</head>
<body>
<div data-role="page" id="howtopage" class="ui-responsive-panel">
<div data-role="header" class="header" data-position="fixed">
<div data-role="controlgroup" data-type="horizontal" class="ui-btn-left" data-mini="true">
<div id="menubuttonblock">
<a href="#menu"><img id="menubutton" src="images/buttons/icon-buttons/menu_button.png"/></a>
</div>
</div>
<div id="logoblock">
<img src="images/logos/header/howto_header_logo.png"/>
</div>
<div data-role="controlgroup" data-type="horizontal" class="ui-btn-right" data-mini="true">
<div id="backbuttonblock">
<a href=""><img id="backbutton" src="images/buttons/icon-buttons/back_button.png"/></a>
</div>
</div>
</div>
<!-- Slide Menu Panel -->
<div data-role="panel" id="menu" data-position="left" data-display="push" data-position-fixed="true"
class="menupanel">
<script>$(function(){$("#menu").load("menu.html");});</script>
</div>
<div data-role="main" class="ui-content" id="content">
<!--Content goes here-->
<div style="margin: 0 auto;">
<embed src="http://www.youtube.com/v/I7Cc-8MTXO8" class="videoBlock">
</div>
<div id="howtocontent">
<h2>Get Started</h2>
<p>
Start by Exploring interesting places nearby. All the places that you can reach within a short time will be shown
on the home screen based on your location.
Simply tap on the search icon or any place you want to explore. you can add places to your favorites and remove them too.
</p>
</div>
</div>
<!--Footer-->
<div data-role="footer" data-position="fixed" class="footer">
<h1>©Railපාර 2016</h1>
</div>
</div>
</body>
</html>