API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 21st, 2016
158
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.13 KB | None | 0 0
raw download clone embed print report
  1. <!html lang="us">
  2. <head>
  3. <meta charset="utf-8">
  4. <title>Horizons West Apartments</title>
  5. <link href="jquery-ui.css" rel="stylesheet">
  6.  
  7. <style>
  8. body{
  9. font: 70% "Trebuchet MS", sans-serif;
  10.  
  11. background-image: url("BackGroundImage.jpg");
  12. background-size: 100%;
  13. }
  14. .demoHeaders {
  15. margin-top: 2em;
  16. }
  17. #dialog-link {
  18. padding: .4em 1em .4em 20px;
  19. text-decoration: none;
  20. position: relative;
  21. }
  22. #dialog-link span.ui-icon {
  23. margin: 0 5px 0 0;
  24. position: absolute;
  25. left: .2em;
  26. top: 50%;
  27. margin-top: -8px;
  28. }
  29. #icons {
  30. margin: 0;
  31. padding: 0;
  32. }
  33. #icons li {
  34. margin: 2px;
  35. position: relative;
  36. padding: 4px 0;
  37. cursor: pointer;
  38. float: left;
  39. list-style: none;
  40. }
  41. #icons span.ui-icon {
  42. float: left;
  43. margin: 0 4px;
  44. }
  45. .fakewindowcontain .ui-widget-overlay {
  46. position: absolute;
  47. }
  48. select {
  49. width: 200px;
  50. }
  51. #tabs-2,#tabs-3,#tabs-1 {
  52. width: border-box;
  53. height:450px;
  54. background-image: url("image4b.jpg");
  55. margin: 1em;
  56. }
  57. table{
  58. width: 100%;
  59. height: auto;
  60. background: gray;
  61. opacity: 0.8;
  62. color: #fff ;
  63.  
  64. }
  65. .approve_deny_btn{
  66.  
  67. padding: 0em 0.001em 0em 0.001em;
  68. }
  69. </style>
  70.  
  71.  
  72. <link rel="stylesheet" type="text/css" href="engine3/style.css" />
  73. <script type="text/javascript" src="engine3/jquery.js"></script>
  74. <body>
  75.  
  76. <div>
  77. <input type="image" src="Drawing.png" alt="Submit" width="200" height="100">
  78.  
  79.  
  80. <!-- Tabs -->
  81. <div id="mytabs">
  82. <ul>
  83.  
  84. <li><a href="#tabs-2">New Applications</a></li>
  85. <li><a href="#tabs-3">Service Requests</a></li>
  86. <li><a href="#tabs-1">Update Vacancies</a></li>
  87.  
  88. </ul>
  89. <div id="tabs_content">
  90.  
  91.  
  92. <div id="tabs-2">
  93. <h2>New Applications</h2>
  94. <table style="text-align: left">
  95. <thead >
  96. <tr>
  97. <th>Applicant Name</th>
  98. <th>Email ID</th>
  99. <th>Contact Number</th>
  100. <th>Current Address</th>
  101. <th>Request flat Number</th>
  102. <th>Approve/Deny</th>
  103.  
  104. </tr>
  105. </thead>
  106. <tbody>
  107. <tr>
  108. <td>Jashwanth</td>
  109. <td>jashwanth.2012@gmail.com</td>
  110. <td>+1(660)-528-0969</td>
  111. <td>401 E Third St Maryville 64468</td>
  112. <td>B23</td>
  113. <td> <button class="approve_deny_btn" id="AproveUser1" >Approve</button></td>
  114. <td> <button class="approve_deny_btn" id="DeclineUser1" >Deny</button></td>
  115.  
  116. </tr>
  117. <tr>
  118. <td>Krishna Samineni</td>
  119. <td>krishna.samineni94@gmail.com</td>
  120. <td>+1 (225)-361-5864</td>
  121. <td>1121 N college Dr Maryville 64468</td>
  122. <td>C51</td>
  123. <td> <button class="approve_deny_btn" id="AproveUser2" >Approve</button></td>
  124. <td> <button class="approve_deny_btn" id="DeclineUser2" >Deny</button></td>
  125. </tr>
  126. <tr>
  127.  
  128. <td>Santhosh Thadka</td>
  129. <td>santhoshthadka@gmail.com</td>
  130. <td>+1(660)-528-1103</td>
  131. <td>401 E third Street </td>
  132. <td>B54</td>
  133. <td> <button class="approve_deny_btn" id="AproveUser3" >Approve</button></td>
  134. <td> <button class="approve_deny_btn" id="DeclineUser3" >Deny</button></td>
  135.  
  136. </tr>
  137. <tr>
  138. <td></td>
  139. <td></td>
  140. <td></td>
  141. <td></td>
  142. <td></td>
  143. <td class="approve_deny_btn"></td>
  144. <td class="approve_deny_btn"></td>
  145.  
  146. </tr>
  147. </tbody>
  148. </table>
  149.  
  150. </div>
  151. <div id="tabs-3">
  152. <h2>Service Requests :</h2>
  153.  
  154. <table style="text-align: left">
  155. <thead >
  156. <tr>
  157. <th>Applicant Name</th>
  158. <th>Email ID</th>
  159. <th>Contact Number</th>
  160. <th>flat Number</th>
  161. <td>Complaint</td>
  162. <th>Approve</th>
  163.  
  164. </tr>
  165. </thead>
  166. <tbody>
  167. <tr>
  168. <td>Musharaf</td>
  169. <td>Musharaf@gmail.com</td>
  170. <td>+1(660)-528-4541</td>
  171.  
  172. <td>b43</td>
  173. <td>Bug Treatment</td>
  174. <td> <button class="approve_deny_btn" id="AproveComUser1" >Approve</button></td>
  175. <td> <button class="approve_deny_btn" id="DeclineComUser1" >Decline</button></td>
  176.  
  177. </tr>
  178. <tr>
  179. <td>Badri Vynu</td>
  180. <td>BadriVynu94@gmail.com</td>
  181. <td>+1 (225)-361-1234</td>
  182. <td>B51</td>
  183. <td></td>
  184. <td> <button class="approve_deny_btn" id="AproveSerUser2" >Approve</button></td>
  185. <td> <button class="approve_deny_btn" id="DeclineSerUser2" >Decline</button></td>
  186. </tr>
  187. <tr>
  188.  
  189. <td>Kommuri Ram Naveen</td>
  190. <td>ramNaveen@gmail.com</td>
  191. <td>+1(660)-528-1111</td>
  192. <td>A04</td>
  193. <td></td>
  194. <td> <button class="approve_deny_btn" id="AproveSerUser3" >Approve</button></td>
  195. <td> <button class="approve_deny_btn" id="DeclineSerUser3" >Decline</button></td>
  196.  
  197. </tr>
  198. <tr>
  199. <td></td>
  200. <td></td>
  201. <td></td>
  202. <td></td>
  203. <td></td>
  204. <td class="approve_deny_btn"></td>
  205. <td class="approve_deny_btn"></td>
  206.  
  207. </tr>
  208. </tbody>
  209. </table>
  210.  
  211. </div>
  212. <div id="tabs-1">
  213.  
  214. </div>
  215.  
  216. </div>
  217.  
  218.  
  219. <script src="external/jquery/jquery.js"></script>
  220. <script src="jquery-ui.js"></script>
  221.  
  222.  
  223. <script>
  224. $("#AproveUser1").button();
  225. $("#AproveUser2").button();
  226. $("#AproveUser3").button();
  227. $("#DeclineUser1").button();
  228. $("#DeclineUser2").button();
  229. $("#DeclineUser3").button();
  230. $("#demobutton").button();
  231. $("#radioset").buttonset();
  232.  
  233. $("#mytabs").tabs();
  234.  
  235.  
  236. $("#datepicker").datepicker({
  237. inline: true
  238. });
  239.  
  240. $("#menu").menu();
  241.  
  242.  
  243. // Hover states on the static widgets
  244. $("#dialog-link, #icons li").hover(
  245. function () {
  246. $(this).addClass("ui-state-hover");
  247. },
  248. function () {
  249. $(this).removeClass("ui-state-hover");
  250. }
  251. );
  252. </script>
  253. </body>
  254. </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!