-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
131 lines (104 loc) · 6.23 KB
/
index.html
File metadata and controls
131 lines (104 loc) · 6.23 KB
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
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
<!-- This is a wide open CSP declaration. To lock this down for production, see below. -->
<meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline'; style-src 'self' 'unsafe-inline'; media-src *" />
<!-- Good default declaration:
* gap: is required only on iOS (when using UIWebView) and is needed for JS->native communication
* https://ssl.gstatic.com is required only on Android and is needed for TalkBack to function properly
* Disables use of eval() and inline scripts in order to mitigate risk of XSS vulnerabilities. To change this:
* Enable inline JS: add 'unsafe-inline' to default-src
* Enable eval(): add 'unsafe-eval' to default-src
* Create your own at http://cspisawesome.com
-->
<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: 'unsafe-inline' https://ssl.gstatic.com; style-src 'self' 'unsafe-inline'; media-src *" /> -->
<link rel="stylesheet" type="text/css" href="css/index.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.5.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.mobile.theme-1.4.5.css" />
<title>Sample Web Design</title>
</head>
<body>
<div class="app">
<div data-role="page" id="home">
<header data-role="header">
<h1>Sample Web Design</h1>
</header>
<div data-role="content">
<nav data-role="navbar">
<ul>
<li><a href="#home" class="ui-btn-active">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<h3>Welcome To Sample</h3>
<img class="banner" src="img/banner.png">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec convallis leo, non varius nunc. Etiam varius urna odio, id venenatis ligula posuere sed. Nunc nisi neque, laoreet vitae tellus in, efficitur cursus massa. Nulla eu augue mattis, fringilla turpis in, aliquet neque. Suspendisse potenti. Cras molestie bibendum orci non pharetra. Praesent a nibh sit amet leo faucibus suscipit
</p>
<a href="#contact" class="ui-shadow ui-btn ui-corner-all">Contact Us Today!</a>
</div>
<footer data-role="footer">
<h3>Copyright © 2016
</footer>
</div>
<div data-role="page" id="about">
<header data-role="header">
<h1>About Sample</h1>
</header>
<div data-role="content">
<nav data-role="navbar">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about" class="ui-btn-active">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<h3>About Us</h3>
<p>Morbi at faucibus dolor, vel feugiat erat. Donec nisl mauris, ultrices facilisis volutpat vitae, vehicula ac quam. Proin eleifend, mi sit amet porttitor pharetra, tellus lectus tristique lectus, eu maximus lorem felis eu mauris. Maecenas lorem urna, pellentesque nec auctor et, ultricies eget lacus. Morbi iaculis viverra magna, vel fringilla ipsum egestas ut. Aliquam scelerisque dignissim massa. Aenean quis elit viverra,</p>
<p>Nec auctor et, ultricies eget lacus. Morbi iaculis viverra magna, vel fringilla ipsum egestas ut. Aliquam scelerisque dignissim massa. Aenean quis elit viverra,</p>
</div>
<footer data-role="footer">
<h3>Copyright © 2016
</footer>
</div>
<div data-role="page" id="contact">
<header data-role="header">
<h1>Contact Sample</h1>
</header>
<div data-role="content">
<nav data-role="navbar">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact" class="ui-btn-active">Contact</a></li>
</ul>
</nav>
<h3>Contact Us</h3>
<div class="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3138.6716803155086!2d145.13946531532775!3d-38.124571979697286!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad60b5272c425d1%3A0x794f05276ab06941!2s5+Pine+St%2C+Frankston+North+VIC+3200!5e0!3m2!1sen!2sau!4v1477521387763" width="430" height="300" frameborder="0" style="border:0"></iframe>
</div>
<h3>Location</h3>
<ul>
<li><strong>Sample Web Design</strong></li>
<li>5 Pine Street</li>
<li>Frankston North 3200</li>
<li><strong>Email: </strong> : some@somewhere.com</li>
<li><strong>Phone: </strong> : (99) 9999 9999</li>
</ul>
</div>
<footer data-role="footer">
<h3>Copyright © 2016
</footer>
</div>
</div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/jquery-3.1.1.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.4.5.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>