Tizen 2.0 Release
[samples/web/ContactsExchanger.git] / index.html
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5         <meta charset="utf-8"/>
6         <meta name="description" content="Contacts-exchanger"/>
7
8         <title>Contacts-exchanger</title>
9
10         <script src="/usr/share/tizen-web-ui-fw/latest/js/jquery.js"></script>
11         <script src="/usr/share/tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.js"></script>
12         <script src="/usr/share/tizen-web-ui-fw/latest/js/tizen-web-ui-fw.js" data-framework-theme="tizen-white" data-framework-viewport-scale="false"></script>
13
14         <script type="text/javascript" src="./js/app.js"></script>
15         <script type="text/javascript" src="./js/app.ui.js"></script>
16         <script type="text/javascript" src="./js/app.nfc.js"></script>
17         <script type="text/javascript" src="./js/app.nfc.card.js"></script>
18         <script type="text/javascript" src="./js/app.nfc.peer.js"></script>
19
20         <link rel="stylesheet" type="text/css" href="./css/style.css"/>
21 </head>
22
23 <body>
24         <div id="start" data-role="page" data-add-back-btn="header" data-footer-exist="true">
25                 <div data-role="header" id="header-start" data-position="fixed">
26                         <h1>Contacts-exchanger</h1>
27                 </div>
28
29                 <div data-role="content" id="content-start"></div>
30
31                 <div data-role="footer" id="footer-start" data-position="fixed">
32                         <h4></h4>
33                 </div>
34         </div>
35
36         <div id="choose" data-role="page" data-add-back-btn="footer" data-footer-exist="true">
37                 <div data-role="header" id="header-choose" data-position="fixed">
38                         <h1>Contacts list</h1>
39                         <a data-role="button" id="accept-choose">Accept</a>
40                 </div>
41
42                 <div data-role="content" id="content-choose"></div>
43
44                 <div data-role="footer" id="footer-choose" data-position="fixed">
45                         <h4></h4>
46                 </div>
47         </div>
48
49         <div id="transfer" data-role="page">
50                 <div data-role="header" id="header-transfer" data-position="fixed">
51                         <h1></h1>
52                 </div>
53
54                 <div data-role="content" id="content-transfer"></div>
55
56                 <div data-role="footer" id="footer-transfer" data-position="fixed">
57                         <h4></h4>
58                 </div>
59         </div>
60
61         <div id="contact" data-role="page" data-add-back-btn="footer" data-footer-exist="true">
62                 <div data-role="header" id="header-contact" data-position="fixed">
63                         <h1>Add contact</h1>
64                         <a data-role="button" id="save-contact">Save</a>
65                 </div>
66
67                 <div data-role="content" id="content-contact"></div>
68
69                 <div data-role="footer" id="footer-contact" data-position="fixed">
70                         <h4></h4>
71                 </div>
72         </div>
73 </body>
74
75 </html>