-
-
Notifications
You must be signed in to change notification settings - Fork 3.2k
/
index.html
113 lines (110 loc) · 5.19 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="theme-color" content="#fff">
<meta http-equiv="Content-Security-Policy" content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data:">
<title>Framework7</title>
<link rel="stylesheet" href="../../packages/core/framework7-bundle.min.css">
<link rel="stylesheet" href="css/app.css">
<link rel="apple-touch-icon" href="img/f7-icon-square.png">
<link rel="icon" href="img/f7-icon.png">
</head>
<body>
<div id="app">
<div class="panel panel-left panel-floating panel-resizable panel-init">
<div class="page">
<div class="page-content">
<div class="block-title">Left Panel</div>
<div class="block">
<p>This is a left side panel. You can close it by clicking outsite or on this link: <a
class="panel-close">close me</a>. You can put here anything, even another isolated view like in <a
data-panel="right" class="panel-open">Right Panel</a></p>
</div>
<div class="block-title">Main View Navigation</div>
<div class="list links-list">
<ul>
<li>
<a href="/accordion/" class="panel-close">Accordion</a>
</li>
<li>
<a href="/action-sheet/" class="panel-close">Action Sheet</a>
</li>
<li>
<a href="/badge/" class="panel-close">Badge</a>
</li>
<li>
<a href="/buttons/" class="panel-close">Buttons</a>
</li>
<li>
<a href="/cards/" class="panel-close">Cards</a>
</li>
<li>
<a href="/checkbox/" class="panel-close">Checkbox</a>
</li>
<li>
<a href="/chips/" class="panel-close">Chips/Tags</a>
</li>
<li>
<a href="/contacts-list/" class="panel-close">Contacts List</a>
</li>
<li>
<a href="/data-table/" class="panel-close">Data Table</a>
</li>
</ul>
</div>
<div class="block">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse faucibus mauris leo, eu bibendum
neque congue non. Ut leo mauris, eleifend eu commodo a, egestas ac urna. Maecenas in lacus faucibus,
viverra ipsum pulvinar, molestie arcu. Etiam lacinia venenatis dignissim. Suspendisse non nisl semper
tellus malesuada suscipit eu et eros. Nulla eu enim quis quam elementum vulputate. Mauris ornare consequat
nunc viverra pellentesque. Aenean semper eu massa sit amet aliquam. Integer et neque sed libero mollis
elementum at vitae ligula. Vestibulum pharetra sed libero sed porttitor. Suspendisse a faucibus lectus.
</p>
<p>Duis ut mauris sollicitudin, venenatis nisi sed, luctus ligula. Phasellus blandit nisl ut lorem semper
pharetra. Nullam tortor nibh, suscipit in consequat vel, feugiat sed quam. Nam risus libero, auctor vel
tristique ac, malesuada ut ante. Sed molestie, est in eleifend sagittis, leo tortor ullamcorper erat, at
vulputate eros sapien nec libero. Mauris dapibus laoreet nibh quis bibendum. Fusce dolor sem, suscipit in
iaculis id, pharetra at urna. Pellentesque tempor congue massa quis faucibus. Vestibulum nunc eros,
convallis blandit dui sit amet, gravida adipiscing libero.</p>
</div>
</div>
</div>
</div>
<div class="panel panel-right panel-floating panel-resizable panel-init">
<div class=" view view-init view-right" data-name="right" data-url="/">
<div class="page">
<div class="navbar">
<div class="navbar-bg"></div>
<div class="navbar-inner sliding">
<div class="title">Right Panel</div>
</div>
</div>
<div class="page-content">
<div class="block">
<p>This is a right side panel. You can close it by clicking outsite or on this link: <a
class="panel-close">close me</a>. You can put here anything, even another isolated view.</p>
</div>
<div class="block-title">Panel Navigation</div>
<div class="list links-list">
<ul>
<li><a href="/panel-right-1/">Right panel page 1</a></li>
<li><a href="/panel-right-2/">Right panel page 2</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="view view-main view-init safe-areas" data-master-detail-breakpoint="768" data-url="/"></div>
</div>
<script src="../../packages/core/framework7-bundle.min.js"></script>
<script src="js/routes.js"></script>
<script src="js/store.js"></script>
<script src="js/app.js"></script>
</body>
</html>