hybridApp/main.html at master · kamranashfaq/hybridApp · 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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Healthy.pk - Pakistan Health/Medical Website</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- CSS & jQuery//-->
		<link rel="stylesheet" href="css/themes/default/jquery.mobile-1.4.2.min.css">
		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">

		<script src="js/jquery.js"></script>
	 	<script src="js/jquery.mobile-1.4.2.min.js"></script>
        <!-- CSS & jQuery//-->
   <!-- Slide Page Code //-->
   	<script>
		$( document ).on( "pagecreate", "#main-page", function() {

			$( document ).on( "swipeleft swiperight", "#main-page", function( e ) {
				// We check if there is no open panel on the page because otherwise
				// a swipe to close the left panel would also open the right panel (and v.v.).
				// We do this by checking the data that the framework stores on the page element (panel: open).
				if ( $( ".ui-page-active" ).jqmData( "panel" ) !== "open" ) {
					if ( e.type === "swipeleft" ) {
						$( "#right-panel" ).panel( "open" );
					} else if ( e.type === "swiperight" ) {
						$( "#left-panel" ).panel( "open" );
					}
				}
			});
		});
    </script>
	<style>
		/* Swipe works with mouse as well but often causes text selection. */
		#main-page * {
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			-o-user-select: none;
			user-select: none;
		}
		/* Content styling. */
		dl { font-family: "Times New Roman", Times, serif; padding: 1em; }
		dt { font-size: 2em; font-weight: bold; }
		dt span { font-size: .5em; color: #777; margin-left: .5em; }
		dd { font-size: 1.25em;	margin: 1em 0 0; padding-bottom: 1em; border-bottom: 1px solid #eee; }
		.back-btn { float: right; margin: 0 2em 1em 0; }
	</style>

   <!-- slide Page Code end //-->


</head>

<body>


<div data-role="page" id="main-page" data-url="main-page">
    <div data-role="header" data-theme="a">
       <div class="splash" align="center"  >
        <img src="img/logo.png" alt="splash" />
    	</div>
        <h2>Pakistan Health/Medical Mobile App</h2>
        <a href="#left-panel" data-icon="bars" data-iconpos="notext" data-shadow="false" data-iconshadow="false" class="ui-icon-bars">Open left panel</a>
        <a href="#right-panel" data-icon="eye" data-iconpos="notext" data-shadow="false" data-iconshadow="false" class="ui-icon-eye">Open right panel</a>
    </div><!-- /header -->
    <div role="main" class="ui-content" >

          <!-- Dashboard Grid-->
    <div class="ui-grid-b">

    <div class="ui-block-a" align="center">
    <a href="items.html" id="consultant">
    <img src="http://healthee.pk/images/directory/dir_consultants.png" alt="Consultants" />
    <br  />Consultants
    </a>
    </div>
    <div class="ui-block-b" align="center">
    <a href="#Dentist" id="Dentist">
    <img src="http://healthee.pk/images/directory/dir_dentist.png" alt="Dentist" />
    <br  />Dentist / Dental Clinics
    </a>
    </div>
    <div class="ui-block-c" align="center"><img src="http://healthee.pk/images/directory/dir_hospital.png" alt="Hospitals" />
    <br  />Hospitals</div>
    <div class="ui-block-a" align="center"><img src="http://healthee.pk/images/directory/dir_clinics.png" alt="Consultants" />
    <br  />Clinics</div>
    <div class="ui-block-b" align="center"><img src="http://healthee.pk/images/directory/dir_emerbency.png" alt="Consultants" />
    <br  />Emergency Units</div>
    <div class="ui-block-c" align="center"><img src="http://healthee.pk/images/directory/dir_ambulance.png" alt="Consultants" />
    <br  />Ambulance Services</div>
    <div class="ui-block-a" align="center"><img src="http://healthee.pk/images/directory/dir_bloodbank.png" alt="Consultants" />
    <br  />Blood Banks</div>
    <div class="ui-block-b" align="center"><img src="http://healthee.pk/images/directory/dir_nursing.jpg" alt="Consultants" />
    <br  />Nursing Schools</div>

	</div>
<!-- /grid-c -->


      <!--  <a href="#demo-intro" data-rel="back" class="back-btn ui-btn ui-corner-all ui-shadow ui-mini ui-btn-inline ui-icon-back ui-btn-icon-right">Back </a>-->


    </div><!-- /content -->
    <div data-role="panel" id="left-panel" data-theme="b">
    <div align="left">


    <ul data-role="listview">
            <li>Healthy.pk</li>
            <li>Directory</li>
            <li>Health A-Z</li>
            <li>Healthy Living</li>
            <li>Alternative Medicines</li>
            <li>Now Trending</li>

          </ul>
          <br />
     <!-- <a href="#" data-rel="close"
    class="ui-btn ui-corner-all ui-shadow ui-mini ui-btn-inline ui-icon-delete ui-btn-icon-left ui-btn-right"  >Close</a> -->
    </div>


    </div>
    <div align="left"><!-- /panel -->
    </div>
    <div data-role="panel" id="right-panel" data-display="push" data-position="right" data-theme="a">
      <p>Right push panel.</p>
       <!-- <a href="#" data-rel="close" class="ui-btn ui-corner-all ui-shadow ui-mini ui-btn-inline ui-icon-delete ui-btn-icon-right">Close</a>-->
    </div><!-- /panel -->
    <div data-role="footer">
		<h5>© 2013, Healthee.pk</h5>
	</div><!-- /footer -->

</div>


</body>
</html>