/
test.html
81 lines (57 loc) · 3.24 KB
/
test.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
<!DOCTYPE html>
<html>
<head>
<title>JQuery Mobile Boilerplate</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<meta name="apple-mobile-web-app-capable" content="yes" />
</head>
<body>
<div data-role="page" id="tartar">
<div data-role="header">
<h1>tartar</h1>
</div>
<div data-role="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pellentesque ultricies augue, eget luctus libero auctor vitae. Vivamus sed erat et nisl hendrerit malesuada. Phasellus feugiat nulla ut sapien consequat pretium. Nunc eget velit eros, quis ultricies neque</p>
<a href="#mayonnaise" data-role="button">mayonnaise</a><a href="#lemon" data-role="button">lemon</a>
</div>
</div>
<div data-role="page" id="mayonnaise">
<div data-role="header">
<h1>mayonnaise</h1>
</div>
<div data-role="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pellentesque ultricies augue, eget luctus libero auctor vitae. Vivamus sed erat et nisl hendrerit malesuada. Phasellus feugiat nulla ut sapien consequat pretium. Nunc eget velit eros, quis ultricies neque</p>
<a href="#tartar" data-role="button">tartar</a><a href="#ketchup" data-role="button">ketchup</a>
</div>
</div>
<div data-role="page" id="lemon">
<div data-role="header">
<h1>lemon</h1>
</div>
<div data-role="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pellentesque ultricies augue, eget luctus libero auctor vitae. Vivamus sed erat et nisl hendrerit malesuada. Phasellus feugiat nulla ut sapien consequat pretium. Nunc eget velit eros, quis ultricies neque</p>
<a href="#tartar" data-role="button">tartar</a>
</div>
</div>
<div data-role="page" id="ketchup">
<div data-role="header">
<h1>ketchup</h1>
</div>
<div data-role="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pellentesque ultricies augue, eget luctus libero auctor vitae. Vivamus sed erat et nisl hendrerit malesuada. Phasellus feugiat nulla ut sapien consequat pretium. Nunc eget velit eros, quis ultricies neque</p>
<a href="#mayonnaise" data-role="button">mayonnaise</a><a href="#bbq" data-role="button">bbq</a>
</div>
</div>
<div data-role="page" id="bbq">
<div data-role="header">
<h1>bbq</h1>
</div>
<div data-role="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pellentesque ultricies augue, eget luctus libero auctor vitae. Vivamus sed erat et nisl hendrerit malesuada. Phasellus feugiat nulla ut sapien consequat pretium. Nunc eget velit eros, quis ultricies neque</p>
<a href="#ketchup" data-role="button">ketchup</a>
</div>
</div>
</body>