AndroidHybridApplication/index.html at master · Jeremaiha/AndroidHybridApplication · GitHub

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
<!DOCTYPE html>
<html>
<head>
    <title>Pizza Project</title>

	<!-- Links to css stylings, including some jQuery styling. -->
	<link rel="stylesheet" href="css/myStyle.css" />
	<link rel="stylesheet" href="themes/specialtheme.css" />
	<link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
    <link rel="stylesheet" href="css/jquery.mobile.structure-1.4.2.css" />

	<!-- Links to javascript functions, including some jQuery files. -->
	<script src="js/js_function.js" 	type="text/javascript"></script>
    <script src="js/jquery-1.11.0.js" 	type="text/javascript"></script>
    <script src="js/jquery.mobile-1.4.2.js" type="text/javascript"></script>
    <meta name="viewport" content="width=device-width"/>
	</head>
<body>
    <!-- Main page, which explains about the application -->
    <section id="page1" data-role="page" data-theme="a" >
        <header data-role="header">
            <h1>Pizza Project</h1>
        </header>
        <div class="ui-content" role="main">
            <div >
				<h2>Know Your Side-dishes</h2>
			</div>
			<div data-role="collapsible">
				<h1>Understand More</h1>
				<p>
					Basically in our project you can choose a <b> side-dish </b> for your pizza.
					<br>
					You'll get a list view of side-dishes.
					<br>
					And in detail the place you would like to go to.
				</p>
			</div>
			<ul class="align-center" >
				<br><br><br><br>
				<a href="#page2" class="ui-btn ui-btn-inline" data-transition="pop">Watch Coupons</a>
				<br><br><br><br>
			</ul>
			<h2>Keep In Mind...</h2>
			<p>
				If you would like to know our suggested pizzerias.
				<br>
				Look for these on the net:
				<a href="http://dominos.com/">Dominos Pizza </a>
				&amp
				<a href="http://americanpizzacompany.com/"> American Pizza</a>.
			</p>
		</div>
        <div data-role="footer">
            <h2>The End</h2>
        </div>
    </section>

	<!--The second page, creates a list view of all pizza side-dishes available.-->
	<section id="page2" data-role="page" data-theme="a" >
        <header data-role="header">
			<a href="#page1" class="ui-btn-left">Back </a>
            <h1>Coupons Project</h1>
        </header>
        <div class="ui-content" role="main">
            <h2> A List of Pizza Side-dishes </h2>
			<ol data-role="listview">
				<li>
					<a href="#page3" onclick="couponNameSpace.listCall('Olives')">
						Olives
					</a>
				</li>
				<li>
					<a href="#page3" onclick="couponNameSpace.listCall('Pepperoni')">
						Pepperoni
					</a>
				</li>
				<li>
					<a href="#page3" onclick="couponNameSpace.listCall('Mushrooms')">
						Mushrooms
					</a>
				</li>
				<li>
					<a href="#page3" onclick="couponNameSpace.listCall('Tomatoes')">
						Tomatoes
					</a>
				</li>
			</ol>
        <div>

    </section>

	<!--The third page, creates a list view of all coupons for specific category.-->
	<div id="page3"  data-role="page" data-theme="a" >
        <header data-role="header">
			<a href="#page2" class="ui-btn-left">Back </a>
            <h1>Coupons Project</h1>
        </header>
        <div class="ui-content" role="main" >
            <h2> A List of Pizzas With the Current Side-dish </h2>

		<ul id='list' data-role='listview' data-inset='true' > </ul>
    </div>

	<!--Popup box, a short information dialog popup box. -->
	<div id="popupPanel" data-role="popup" data-dialog="true"
		data-close-btn="right" data-theme="a">
        <header data-role="header">
            <h1>Information</h1>
        </header>
        <div class="ui-content" role="main" style="width:200px">
				<div id="inner"  style="text-align:center">
				</div>
			<ul id='listPopup' data-role='listview' data-inset='true' > </ul>
		</div>
</body>
</html>