API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 24th, 2016
116
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.06 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="http://code.jquery.com/jquery-2.0.1.min.js"></script>
  5.  
  6. <script type="text/javascript" src="cordova.js"></script>
  7.  
  8. <link rel="stylesheet" href="themes/runnertheme.min.css" />
  9. <link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
  10.  
  11. <link rel="stylesheet" href="jquerymobile/jquery.mobile.structure-1.4.5.min.css" />
  12. <script src="jquerymobile/demos/js/jquery.js"></script>
  13. <script src="jquerymobile/demos/js/jquery.mobile-1.4.5.min.js"></script>
  14.  
  15. <script type="text/javascript" src="js/index.js"></script>
  16.  
  17. <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">
  18. <meta name="format-detection" content="telephone=no">
  19. <meta name="msapplication-tap-highlight" content="no">
  20. <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
  21.  
  22. <title>myRunner</title>
  23. </head>
  24. <body>
  25.  
  26.  
  27.  
  28.  
  29. <!-- page 1 -->
  30. <div data-role="page" id="pg1" data-theme="b" align="center">
  31. <div data-role="header" data-theme="b">
  32. <h4>myRunner</h4>
  33. </div>
  34.  
  35. <div data-role="content">
  36. <h1>Welcome to MyRunner Apps</h1>
  37.  
  38. <a href="#popupLogin" data-rel="popup" data-position-to="window" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-check ui-btn-icon-left ui-btn-b" data-transition="pop">Sign in</a>
  39. <div data-role="popup" id="popupLogin" data-theme="b" class="ui-corner-all">
  40. <form>
  41. <div style="padding:10px 20px;">
  42. <h3>Please sign in</h3>
  43. <label for="un" class="ui-hidden-accessible">Username:</label>
  44. <input type="text" name="user" id="un" value="" placeholder="username" data-theme="b">
  45. <label for="pw" class="ui-hidden-accessible">Password:</label>
  46. <input type="password" name="pass" id="pw" value="" placeholder="password" data-theme="b">
  47. <p><a href="#home" id="login" data-transition="flow" class="ui-btn ui-corner-all">Login</a></p>
  48. </div>
  49. </form>
  50. </div>
  51.  
  52. <a href="#popupregis" data-rel="popup" data-position-to="window" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-check ui-btn-icon-left ui-btn-b" data-transition="pop">Register</a>
  53. <div data-role="popup" id="popupregis" data-theme="b" class="ui-corner-all">
  54. <form>
  55. <div style="padding:10px 20px;">
  56. <h3>Register Form</h3>
  57. <label for="un" class="ui-hidden-accessible">Fullname:</label>
  58. <input type="text" name="user" id="un" value="" placeholder="fullname" data-theme="b">
  59. <label for="pw" class="ui-hidden-accessible">Password:</label>
  60. <input type="password" name="pass" id="pw" value="" placeholder="password" data-theme="b">
  61.  
  62. <label for="phnum" class="ui-hidden-accessible">Pnum:</label>
  63. <input type="password" name="pnum" id="pw" value="" placeholder="phone number" data-theme="b">
  64.  
  65. <label for="matnum" class="ui-hidden-accessible">Mnum:</label>
  66. <input type="password" name="mnum" id="pw" value="" placeholder="matric number" data-theme="b">
  67.  
  68. <p><a href="#home" id="regis" data-transition="flow" class="ui-btn ui-corner-all">Register</a></p>
  69. </div>
  70. </form>
  71. </div>
  72.  
  73. </div>
  74. <div data-role="footer" data-theme="b">
  75. <h4>myRunner</h4>
  76.  
  77.  
  78.  
  79. </div>
  80. </div>
  81.  
  82. <!-- page 2 main page-->
  83. <div data-role="page" id="home" data-theme="b">
  84.  
  85. <div data-role="panel" id="mypanel">
  86. <!-- panel content goes here -->
  87.  
  88. <h3>Welcome khai</h3>
  89. <h5>k-rulnaim91@gmail.com</h5>
  90.  
  91.  
  92.  
  93.  
  94. <div data-role="controlgroup" align="center" id="buttons-1" data-mini="true">
  95. <a href="#my-header" data-rel="close" class=" ui-btn ui-corner-all">Request Job</a>
  96. <a href="#payment" class="ui-btn ui-corner-all">My Job</a>
  97. <a href="#payment" class="ui-btn ui-corner-all">Profile</a>
  98. <a href="#payment" class="ui-btn ui-corner-all">Notification</a>
  99. </div>
  100.  
  101.  
  102. </div><!-- /panel -->
  103.  
  104. <!-- header -->
  105. <!-- content -->
  106. <!-- footer -->
  107.  
  108. <div data-role="header" data-theme="b">
  109. <a href="#mypanel" id="button-1" data-rel="external" class="ui-btn ui-icon-bars ui-btn-icon-notext ui-btn-inline ui-corner-all "></a>
  110. <h4>main page</h4>
  111. </div>
  112. <div data-role="content">
  113.  
  114.  
  115.  
  116. <a href="#dispatch" id="Dispatch" data-transition="slide" class="ui-btn ui-icon-mail ui-btn-icon-left ui-corner-all">Dispatch</a>
  117. <a href="#food" id="Food" data-transition="slide" class="ui-btn ui-icon-phone ui-btn-icon-left ui-corner-all">Food</a>
  118. <a href="#shopping" id="Shopping" data-transition="slide" class="ui-btn ui-icon-shop ui-btn-icon-left ui-corner-all">Shopping</a>
  119. <a href="#laundry" id="Laundry" data-transition="slide" class="ui-btn ui-icon-gear ui-btn-icon-left ui-corner-all">Laundry</a>
  120. </div>
  121. <div data-role="footer" data-theme="b">
  122. <h4>page2</h4>
  123. </div>
  124. </div>
  125.  
  126.  
  127. <!-- page 3 dispatch -->
  128.  
  129. <div data-role="page" id="dispatch" data-theme="b">
  130. <div data-role="header" data-theme="b">
  131.  
  132. <a href="" id="button-3" data-rel="back" data-transition="flip" class="ui-btn ui-icon-back ui-btn-icon-notext ui-corner-all"></a>
  133.  
  134.  
  135. <h4>Dispatch</h4>
  136.  
  137. <a href="#home" id="button-2" data-transition="slideup" class="ui-btn ui-icon-home ui-btn-icon-notext ui-corner-all"></a>
  138. </div>
  139.  
  140. <div data-role="content">
  141.  
  142. <label for="textarea" align="center" ><h3>PickUp Location </h3></label>
  143. <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
  144.  
  145. <label for="textarea" align="center" ><h3>DropOff Location </h3></label>
  146. <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
  147.  
  148.  
  149.  
  150.  
  151. <div data-role="navbar" data-grid="c">
  152. <ul>
  153. <li><a href="#" class="ui-btn ui-corner-all ui-icon-heart ui-btn-icon-bottom">food</a></li>
  154. <li><a href="#" class="ui-btn ui-corner-all ui-icon-info ui-btn-icon-bottom">Doc</a></li>
  155. <li><a href="#" class="ui-btn ui-corner-all ui-icon-mail ui-btn-icon-bottom">Parcel</a></li>
  156. <li><a href="#" class="ui-btn ui-corner-all ui-icon-plus ui-btn-icon-bottom">Other</a></li>
  157. </ul>
  158. </div><!-- /navbar -->
  159.  
  160.  
  161.  
  162. <a href="#popupconfirm" data-rel="popup" data-position-to="window" class="ui-btn ui-corner-all ui-shadow ui-icon-check ui-btn-icon-left ui-btn-b" data-transition="pop">Proceed</a>
  163. <div data-role="popup" id="popupconfirm" data-theme="b" class="ui-corner-all">
  164. <form>
  165. <div style="padding:40px 40px;">
  166. <h3>Job Request Detail</h3>
  167. <h3>PickUp Location : </h3>
  168. <h3>Date and Time : </h3>
  169. <h3>DropOff Location : </h3>
  170. <h3>Type of Item : </h3>
  171.  
  172. <div data-role="controlgroup" align="center" id="buttons-1" data-type="horizontal" data-mini="true">
  173. <a href="#home" data-transition="flow" class="ui-btn ui-corner-all">Cancel</a>
  174. <a href="#payment" data-transition="flow" class="ui-btn ui-corner-all">Confirm</a>
  175. </div>
  176.  
  177.  
  178. </div>
  179. </form>
  180. </div>
  181.  
  182.  
  183. </div>
  184.  
  185. <div data-role="footer" data-theme="b">
  186. <h4>Dispatch</h4>
  187. </div>
  188. </div>
  189.  
  190.  
  191.  
  192. <!-- page 4 food -->
  193.  
  194. <div data-role="page" id="food" data-theme="b">
  195. <div data-role="header" data-theme="b">
  196. <a href="" id="button-3" data-rel="back" data-transition="flip" class="ui-btn ui-icon-back ui-btn-icon-notext ui-corner-all"></a>
  197. <h4>Food</h4>
  198. <a href="#home" id="button-2" data-transition="slideup" class="ui-btn ui-icon-home ui-btn-icon-notext ui-corner-all"></a>
  199. </div>
  200.  
  201. <div data-role="content">
  202.  
  203. <label for="textarea" align="center" ><h3>ORDER </h3></label>
  204. <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
  205.  
  206.  
  207. <label for="select-choice-a" align="center" class="select"><h3>Mahallah Cafeteria </h3> </label>
  208. <select name="select-choice-a" id="select-choice-a" data-native-menu="false">
  209. <option>Pick Cafe</option>
  210. <option value="B">Ali</option>
  211. <option value="C">Bilal</option>
  212. <option value="D">Faruq</option>
  213. <option value="E">Siddiq</option>
  214. <option value="F">Uthman</option>
  215. <option value="G">Zubair</option>
  216. <option value="H">Aminah</option>
  217. <option value="I">Asiah</option>
  218. <option value="J">Asma</option>
  219. <option value="K">Hafsa</option>
  220. <option value="L">Nusaibah</option>
  221. <option value="M">Ruqayyah</option>
  222. <option value="M">Safiyyah</option>
  223. <option value="O">Salahuddin</option>
  224. </select>
  225.  
  226. <label for="textarea" align="center" ><h3>Dropoff Location </h3></label>
  227. <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
  228.  
  229. <label for="select-choice-d" align="center" class="select"><h3>Select Cash Range </h3> </label>
  230. <select name="select-choice-d" id="select-choice-d" data-native-menu="false">
  231. <option>Select Cash Range</option>
  232. <option value="rm1">RM1 - RM20</option>
  233. <option value="rm21">RM21 - RM50</option>
  234. <option value="rm51">RM51 - RM100</option>
  235. <option value="rm101">RM101 - RM200</option>
  236. <option value="rm201">RM201 - RM500</option>
  237. </select>
  238.  
  239.  
  240. <a href="#confirmfood" data-rel="popup" data-position-to="window" class="ui-btn ui-corner-all ui-shadow ui-icon-check ui-btn-icon-left ui-btn-b" data-transition="pop">Proceed</a>
  241. <div data-role="popup" id="confirmfood" data-theme="b" class="ui-corner-all">
  242. <form>
  243. <div style="padding:40px 40px;">
  244.  
  245. <h3>Order : </h3>
  246. <h3>Mahallah Cafeteria : </h3>
  247. <h3>DropOff Location : </h3>
  248. <h3>Cash Range : </h3>
  249.  
  250. <div data-role="controlgroup" align="center" id="buttons-1" data-type="horizontal" data-mini="true">
  251. <a href="#home" data-transition="flow" class="ui-btn ui-corner-all">Cancel</a>
  252. <a href="#payment" data-transition="flow" class="ui-btn ui-corner-all">Confirm</a>
  253. </div>
  254.  
  255.  
  256. </div>
  257. </form>
  258. </div>
  259. </div>
  260.  
  261. <div data-role="footer" data-theme="b">
  262. <h4>Food</h4>
  263. </div>
  264. </div>
  265.  
  266. <!-- page 5 Shop -->
  267. <div data-role="page" id="shopping" data-theme="b">
  268. <div data-role="header" data-theme="b">
  269. <a href="" id="button-3" data-rel="back" data-transition="flip" class="ui-btn ui-icon-back ui-btn-icon-notext ui-corner-all"></a>
  270.  
  271.  
  272. <h4>Shopping</h4>
  273.  
  274. <a href="#home" id="button-2" data-transition="slideup" class="ui-btn ui-icon-home ui-btn-icon-notext ui-corner-all"></a>
  275. </div>
  276. <div data-role="content">
  277. <div data-role="content">
  278.  
  279. <label for="textarea" align="center" ><h3>ORDER </h3></label>
  280. <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
  281.  
  282.  
  283. <label for="select-choice-b" align="center" class="select"><h3>Shopping Location </h3> </label>
  284. <select name="select-choice-b" id="select-choice-b" data-native-menu="false">
  285. <option>Pick Shopping Area</option>
  286. <option value="SM">Speed Mart</option>
  287. <option value="GI">Giant</option>
  288. <option value="NSK">NSK</option>
  289. <option value="OTK">Ong Tai Kim</option>
  290. </select>
  291.  
  292. <label for="textarea" align="center" ><h3>Dropoff Location </h3></label>
  293. <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
  294.  
  295.  
  296.  
  297. <label for="select-choice-d" align="center" class="select"><h3>Select Cash Range </h3> </label>
  298. <select name="select-choice-d" id="select-choice-d" data-native-menu="false">
  299. <option>Select Cash Range</option>
  300. <option value="rm1">RM1 - RM20</option>
  301. <option value="rm21">RM21 - RM50</option>
  302. <option value="rm51">RM51 - RM100</option>
  303. <option value="rm101">RM101 - RM200</option>
  304. <option value="rm201">RM201 - RM500</option>
  305. </select>
  306.  
  307. <a href="#confirmshop" data-rel="popup" data-position-to="window" class="ui-btn ui-corner-all ui-shadow ui-icon-check ui-btn-icon-left ui-btn-b" data-transition="pop">Proceed</a>
  308. <div data-role="popup" id="confirmshop" data-theme="b" class="ui-corner-all">
  309. <form>
  310. <div style="padding:40px 40px;">
  311. <h3>Order : </h3>
  312. <h3>Shopping Area : </h3>
  313. <h3>DropOff Location : </h3>
  314. <h3>Cash Range : </h3>
  315.  
  316. <div data-role="controlgroup" align="center" id="buttons-1" data-type="horizontal" data-mini="true">
  317. <a href="#home" data-transition="flow" class="ui-btn ui-corner-all">Cancel</a>
  318. <a href="#payment" data-transition="flow" class="ui-btn ui-corner-all">Confirm</a>
  319. </div>
  320.  
  321.  
  322. </div>
  323. </form>
  324. </div>
  325.  
  326.  
  327. </div>
  328. </div>
  329. <div data-role="footer" data-theme="b">
  330. <h4>Shopping</h4>
  331. </div>
  332. </div>
  333.  
  334. <!-- page 6 Laundry -->
  335. <div data-role="page" id="laundry" data-theme="b">
  336. <div data-role="header" data-theme="b">
  337. <a href="" id="button-3" data-rel="back" data-transition="flip" class="ui-btn ui-icon-back ui-btn-icon-notext ui-corner-all"></a>
  338. <h4>Laundry</h4>
  339. <a href="#home" id="button-2" data-transition="slideup" class="ui-btn ui-icon-home ui-btn-icon-notext ui-corner-all"></a>
  340. </div>
  341.  
  342. <div data-role="content">
  343. <label for="textarea" align="center" ><h3>PickUp Location </h3></label>
  344. <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
  345.  
  346. <label for="select-choice-c" align="center" class="select"><h3>Laundry Option </h3> </label>
  347. <select name="select-choice-c" id="select-choice-c" data-native-menu="false">
  348. <option>Pick Laundry Option</option>
  349. <option value="wash">Wash Only</option>
  350. <option value="washiron">Wash and Iron</option>
  351. <option value="dryclean">Dry Cleaning</option>
  352. </select>
  353.  
  354.  
  355. <a href="#confirmlaundry" data-rel="popup" data-position-to="window" class="ui-btn ui-corner-all ui-shadow ui-icon-check ui-btn-icon-left ui-btn-b" data-transition="pop">Proceed</a>
  356. <div data-role="popup" id="confirmlaundry" data-theme="b" class="ui-corner-all">
  357. <form>
  358. <div style="padding:40px 40px;">
  359.  
  360. <h3>Pickup Location : </h3>
  361. <h3>Laundry Option : </h3>
  362.  
  363. <div data-role="controlgroup" align="center" id="buttons-1" data-type="horizontal" data-mini="true">
  364. <a href="#home" data-transition="flow" class="ui-btn ui-corner-all">Cancel</a>
  365. <a href="#payment" data-transition="flow" class="ui-btn ui-corner-all">Confirm</a>
  366. </div>
  367.  
  368.  
  369. </div>
  370. </form>
  371. </div>
  372.  
  373.  
  374.  
  375. </div>
  376.  
  377.  
  378. <div data-role="footer" data-theme="b">
  379. <h4>Laundry</h4>
  380. </div>
  381. </div>
  382.  
  383.  
  384. <!-- page 7 Confirmation -->
  385. <div data-role="page" id="confirmation" data-theme="b">
  386. <div data-role="header" data-theme="b">
  387. <a href="" id="button-3" data-rel="back" data-transition="flip" class="ui-btn ui-icon-back ui-btn-icon-notext ui-corner-all"></a>
  388.  
  389.  
  390. <h4>Confirmation</h4>
  391.  
  392. <a href="#home" id="button-2" data-transition="slideup" class="ui-btn ui-icon-home ui-btn-icon-notext ui-corner-all"></a>
  393. </div>
  394. <div data-role="content">
  395. <p><a href="#payment" id="payment" data-transition="slide" class="ui-btn ui-corner-all">proceed to payment</a></p>
  396. </div>
  397. <div data-role="footer" data-theme="b">
  398. <h4>Confirmation</h4>
  399. </div>
  400. </div>
  401.  
  402.  
  403.  
  404. <!-- page 8 Payment -->
  405. <div data-role="page" id="payment" data-theme="b">
  406. <div data-role="header" data-theme="b">
  407. <a href="" id="button-3" data-rel="back" data-transition="flip" class="ui-btn ui-icon-back ui-btn-icon-notext ui-corner-all"></a>
  408.  
  409.  
  410. <h4>Payment</h4>
  411.  
  412. <a href="#home" id="button-2" data-transition="slideup" class="ui-btn ui-icon-home ui-btn-icon-notext ui-corner-all"></a>
  413. </div>
  414. <div data-role="content">
  415. <p><a href="#invoice" id="invoice" data-transition="slide" class="ui-btn ui-corner-all">Cash On Delivery</a></p>
  416. <p><a href="#bank" id="bank" data-transition="slide" class="ui-btn ui-corner-all">Online Banking</a></p>
  417. </div>
  418. <div data-role="footer" data-theme="b">
  419. <h4>Payment</h4>
  420. </div>
  421. </div>
  422.  
  423.  
  424.  
  425. <!-- page 8 onlinebanking -->
  426. <div data-role="page" id="bank" data-theme="b">
  427. <div data-role="header" data-theme="b">
  428. <a href="" id="button-3" data-rel="back" data-transition="flip" class="ui-btn ui-icon-back ui-btn-icon-notext ui-corner-all"></a>
  429.  
  430.  
  431. <h4>OnlineBanking</h4>
  432.  
  433. <a href="#home" id="button-2" data-transition="slideup" class="ui-btn ui-icon-home ui-btn-icon-notext ui-corner-all"></a>
  434. </div>
  435. <div data-role="content">
  436. <p><a href="#receipt" id="receipt" data-transition="slide" class="ui-btn ui-corner-all">Receipt</a></p>
  437. </div>
  438. <div data-role="footer" data-theme="b">
  439. <h4>Receipt</h4>
  440. </div>
  441. </div>
  442.  
  443.  
  444.  
  445.  
  446.  
  447. <!-- page 9 Invoice-->
  448. <div data-role="page" id="invoice" data-theme="b">
  449. <div data-role="header" data-theme="b">
  450. <a href="" id="button-3" data-rel="back" data-transition="flip" class="ui-btn ui-icon-back ui-btn-icon-notext ui-corner-all"></a>
  451.  
  452.  
  453. <h4>Invoice</h4>
  454.  
  455.  
  456. </div>
  457. <div data-role="content">
  458.  
  459. <h3>Thanks You For Using Our Apps </h3>
  460. <h3>Please be patient </h3>
  461. <h3>Our Runner will be at your door</h3>
  462. <h3>Please make sure you have small change needed </h3>
  463. <h3>To request more job, </h3>
  464.  
  465. <a href="#home" id="button-4" class="ui-btn ui-icon-action ui-btn-icon-left ui-mini ui-btn-inline">Click Here</a>
  466.  
  467.  
  468.  
  469.  
  470.  
  471. </div>
  472. <div data-role="footer" data-theme="b">
  473. <h4>Invoice</h4>
  474. </div>
  475. </div>
  476.  
  477.  
  478.  
  479. <!-- page 10 Receipt -->
  480. <div data-role="page" id="receipt" data-theme="b">
  481. <div data-role="header" data-theme="b">
  482. <a href="" id="button-3" data-rel="back" data-transition="flip" class="ui-btn ui-icon-back ui-btn-icon-notext ui-corner-all"></a>
  483.  
  484.  
  485. <h4>Receipt</h4>
  486.  
  487. <a href="#home" id="button-2" data-transition="slideup" class="ui-btn ui-icon-home ui-btn-icon-notext ui-corner-all"></a>
  488. </div>
  489. <div data-role="content">
  490.  
  491.  
  492. <h3>Thanks You For Using Our Apps </h3>
  493. <h3>Please be patient </h3>
  494. <h3>Our Runner will be at your door</h3>
  495.  
  496. <h3>To request more job, </h3>
  497.  
  498. <a href="#home" id="button-4" class="ui-btn ui-icon-action ui-btn-icon-left ui-mini ui-btn-inline">Click Here</a>
  499.  
  500. </div>
  501. <div data-role="footer" data-theme="b">
  502. <h4>Receipt</h4>
  503. </div>
  504. </div>
  505.  
  506.  
  507.  
  508.  
  509.  
  510.  
  511.  
  512.  
  513.  
  514.  
  515.  
  516. </body>
  517. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!