Advertisement
nuraink94

vmsadmin

Apr 11th, 2018
220
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.70 KB | None | 0 0
  1. <?p session_start();?>
  2. <!DOCTYPE html>
  3. <html lang="en">
  4.  
  5. <head>
  6.  
  7. <style>
  8. .button1 {
  9. background-color: #d81e56;
  10. border: none;
  11. color: white;
  12. padding: 30px 50px;
  13. text-align: center;
  14. text-decoration: none;
  15. display: inline-block;
  16. font-size: 16px;
  17. margin: 4px 2px;
  18. cursor: pointer;
  19. }
  20.  
  21. .button2 {
  22. background-color: #d81d6e;
  23. border: none;
  24. color: white;
  25. padding: 30px 50px;
  26. text-align: center;
  27. text-decoration: none;
  28. display: inline-block;
  29. font-size: 16px;
  30. margin: 4px 2px;
  31. cursor: pointer;
  32. }
  33.  
  34. .button3 {
  35. background-color: #d81cd4;
  36. border: none;
  37. color: white;
  38. padding: 30px 50px;
  39. text-align: center;
  40. text-decoration: none;
  41. display: inline-block;
  42. font-size: 16px;
  43. margin: 4px 2px;
  44. cursor: pointer;
  45. }
  46.  
  47. .button4 {
  48. background-color: #a32bd8;
  49. border: none;
  50. color: white;
  51. padding: 30px 50px;
  52. text-align: center;
  53. text-decoration: none;
  54. display: inline-block;
  55. font-size: 16px;
  56. margin: 4px 2px;
  57. cursor: pointer;
  58. }
  59.  
  60.  
  61. </style>
  62.  
  63. <meta charset="utf-8">
  64. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  65. <meta name="description" content="">
  66. <meta name="author" content="">
  67.  
  68. <title>VMS</title>
  69.  
  70. <!-- Bootstrap core CSS -->
  71. <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  72.  
  73. <!-- Custom fonts for this template -->
  74. <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  75. <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
  76. <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
  77.  
  78. <!-- Plugin CSS -->
  79. <link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
  80.  
  81. <!-- Custom styles for this template -->
  82. <link href="css/creative.min.css" rel="stylesheet">
  83.  
  84. </head>
  85.  
  86. <body id="page-top">
  87.  
  88. <!-- Navigation -->
  89. <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
  90. <div class="container">
  91. <a class="navbar-brand js-scroll-trigger" href="#page-top">Welcome <? echo $_SESSION["Username"];?>!</a>
  92. <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
  93. <span class="navbar-toggler-icon"></span>
  94. </button>
  95. <div class="collapse navbar-collapse" id="navbarResponsive">
  96. <ul class="navbar-nav ml-auto">
  97. <li class="nav-item">
  98. <a class="nav-link js-scroll-trigger" href="#about">ABOUT</a>
  99. </li>
  100. <li class="nav-item">
  101. <a class="nav-link js-scroll-trigger" href="#services">SERVICES</a>
  102. </li>
  103. <li class="nav-item">
  104. <a class="nav-link js-scroll-trigger" href="#portfolio">GALLERY</a>
  105. </li>
  106. <li class="nav-item">
  107. <a class="nav-link js-scroll-trigger" href="#contact">CONTACT</a>
  108. </li>
  109. <li class="nav-item">
  110. <a class="nav-link" href="vmslogintest.php">LOGOUT</a>
  111. </li>
  112. </ul>
  113. </div>
  114. </div>
  115. </nav>
  116.  
  117. <header class="masthead">
  118. <div class="header-content">
  119. <h1><?php
  120. require_once("connect.php");
  121. $sql = "select VehiclePlateNumber FROM vmsvehicleservice where TotalMileage < 500";
  122. $result = $conn->query($sql);
  123. if ($result->num_rows > 0) {
  124. $platenumber1="";
  125. while($row = $result->fetch_assoc()) {
  126.  
  127. $platenumber=$row["VehiclePlateNumber"];
  128. $platenumber1.=$platenumber.", ";
  129. }
  130. echo "<script type='text/javascript'>alert('".$platenumber1." is ready to be in service.');</script>";
  131. }else {
  132. //echo "0 results";
  133. }
  134. ?>
  135. </h1>
  136. <div class="header-content-inner">
  137. <h1 id="homeHeading">Vehicle Maintenance System</h1>
  138. <tr class="BottomBanner" height="15" bgcolor="DarkOrange">
  139. <td colspan="3">
  140. <marquee behavior="slide" scrolldelay="35" loop="10">
  141. <font size="5" color="white" face="Verdana"><strong><em>THANK YOU FOR USING THIS SYSTEM ... </em></strong></font></marquee>
  142. </td></tr>
  143. <hr>
  144. <p>A home where you can manage vehicle service easily!</p>
  145. <a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">Find Out More</a>
  146. </div>
  147. </div>
  148. </header>
  149.  
  150. <section class="bg-primary" id="about">
  151. <div class="container">
  152. <div class="row">
  153. <div class="col-lg-8 mx-auto text-center">
  154. <h2 class="section-heading text-white">We've got what you need!</h2>
  155. <hr class="light">
  156. <p class="text-faded">This website allows you to manage all the services that required</p>
  157. <a class="btn btn-default btn-xl js-scroll-trigger" href="#services">Get Started!</a>
  158. </div>
  159. </div>
  160. </div>
  161. </section>
  162.  
  163. <section id="services">
  164. <div class="container">
  165. <div class="row">
  166. <div class="col-lg-12 text-center">
  167. <h2 class="section-heading">At Your Service</h2>
  168. <hr class="primary">
  169. </div>
  170. </div>
  171. </div>
  172. <div class="container">
  173. <div class="row">
  174. <div class="col-lg-3 col-md-6 text-center">
  175. <div class="service-box">
  176. <i class="fa fa-4x fa-diamond text-primary sr-icons"></i>
  177. <h3>Easy</h3>
  178. <p class="text-muted">Our services are updated regularly so they don't break.</p>
  179. </div>
  180. </div>
  181. <div class="col-lg-3 col-md-6 text-center">
  182. <div class="service-box">
  183. <i class="fa fa-4x fa-paper-plane text-primary sr-icons"></i>
  184. <h3>Fast</h3>
  185. <p class="text-muted">You can use this services as long as you want</p>
  186. </div>
  187. </div>
  188. <div class="col-lg-3 col-md-6 text-center">
  189. <div class="service-box">
  190. <i class="fa fa-4x fa-newspaper-o text-primary sr-icons"></i>
  191. <h3>Up to Date</h3>
  192. <p class="text-muted">We update dependencies to keep things fresh.</p>
  193. </div>
  194. </div>
  195. <div class="col-lg-3 col-md-6 text-center">
  196. <div class="service-box">
  197. <i class="fa fa-4x fa-heart text-primary sr-icons"></i>
  198. <h3>Made with Love</h3>
  199. <p class="text-muted">We have make this websites with love these days!</p>
  200. </div>
  201. </div>
  202. </div>
  203. </div>
  204. </section>
  205.  
  206. </br>
  207. </br>
  208.  
  209. <a href="vmsstaffregistrationlist2.php" style='margin-left: 30px;' class="button1">STAFF REGISTRATION</a>
  210. <a href="vmsvehicleregistrationlist2.php" style='margin-left: 30px;' class="button2">VEHICLE REGISTRATION</a>
  211. <a href="vmsvehicleservicelist2.php" style='margin-left: 30px;' class="button3">VEHICLE SERVICES</a>
  212. <a href="vmsworkshoplist2.php" style='margin-left: 100px;' class="button4">WORKSHOP</a>
  213. <a href="report2admin.php" style='margin-left: 100px;' class="button4">REPORT</a>
  214. </br>
  215. </br>
  216. </br>
  217. </br>
  218. </br>
  219. </br>
  220.  
  221. <section class="p-0" id="portfolio">
  222. <div class="container-fluid">
  223. <div class="row no-gutter popup-gallery">
  224. <div class="col-lg-4 col-sm-6">
  225. <a class="portfolio-box" href="img/portfolio/fullsize/1.jpg">
  226. <img class="img-fluid" src="img/portfolio/thumbnails/1.jpg" alt="">
  227. <div class="portfolio-box-caption">
  228. <div class="portfolio-box-caption-content">
  229. <div class="project-category text-faded">
  230. Registration
  231. </div>
  232. <div class="project-name">
  233. REGISTRATION
  234. </div>
  235. </div>
  236. </div>
  237. </a>
  238. </div>
  239. <div class="col-lg-4 col-sm-6">
  240. <a class="portfolio-box" href="img/portfolio/fullsize/2.jpg">
  241. <img class="img-fluid" src="img/portfolio/thumbnails/2.jpg" alt="">
  242. <div class="portfolio-box-caption">
  243. <div class="portfolio-box-caption-content">
  244. <div class="project-category text-faded">
  245. Report
  246. </div>
  247. <div class="project-name">
  248. REPORT
  249. </div>
  250. </div>
  251. </div>
  252. </a>
  253. </div>
  254. <div class="col-lg-4 col-sm-6">
  255. <a class="portfolio-box" href="img/portfolio/fullsize/3.jpg">
  256. <img class="img-fluid" src="img/portfolio/thumbnails/3.jpg" alt="">
  257. <div class="portfolio-box-caption">
  258. <div class="portfolio-box-caption-content">
  259. <div class="project-category text-faded">
  260. Vehicle Registration
  261. </div>
  262. <div class="project-name">
  263. VEHICLE REGISTRATION
  264. </div>
  265. </div>
  266. </div>
  267. </a>
  268. </div>
  269. <div class="col-lg-4 col-sm-6">
  270. <a class="portfolio-box" href="img/portfolio/fullsize/4.jpg">
  271. <img class="img-fluid" src="img/portfolio/thumbnails/4.jpg" alt="">
  272. <div class="portfolio-box-caption">
  273. <div class="portfolio-box-caption-content">
  274. <div class="project-category text-faded">
  275. Vehicle Service
  276. </div>
  277. <div class="project-name">
  278. VEHICLE SERVICE
  279. </div>
  280. </div>
  281. </div>
  282. </a>
  283. </div>
  284. <div class="col-lg-4 col-sm-6">
  285. <a class="portfolio-box" href="img/portfolio/fullsize/5.jpg">
  286. <img class="img-fluid" src="img/portfolio/thumbnails/5.jpg" alt="">
  287. <div class="portfolio-box-caption">
  288. <div class="portfolio-box-caption-content">
  289. <div class="project-category text-faded">
  290. Vehicle Registration
  291. </div>
  292. <div class="project-name">
  293. VEHICLE REGISTRATION
  294. </div>
  295. </div>
  296. </div>
  297. </a>
  298. </div>
  299. <div class="col-lg-4 col-sm-6">
  300. <a class="portfolio-box" href="img/portfolio/fullsize/6.jpg">
  301. <img class="img-fluid" src="img/portfolio/thumbnails/6.jpg" alt="">
  302. <div class="portfolio-box-caption">
  303. <div class="portfolio-box-caption-content">
  304. <div class="project-category text-faded">
  305. Workshop
  306. </div>
  307. <div class="project-name">
  308. WORKSHOP
  309. </div>
  310. </div>
  311. </div>
  312. </a>
  313. </div>
  314. </div>
  315. </div>
  316. </section>
  317.  
  318.  
  319. <section id="contact">
  320. <div class="container">
  321. <div class="row">
  322. <div class="col-lg-8 mx-auto text-center">
  323. <h2 class="section-heading">Let's Get In Touch!</h2>
  324. <hr class="primary">
  325. <p>Having so problem? Don't worry. Give us a call or send us an email and we will get back to you as soon as possible!</p>
  326. </div>
  327. </div>
  328. <div class="row">
  329. <div class="col-lg-4 ml-auto text-center">
  330. <i class="fa fa-phone fa-3x sr-contact"></i>
  331. <p>016-6140410</p>
  332. </div>
  333. <div class="col-lg-4 mr-auto text-center">
  334. <i class="fa fa-envelope-o fa-3x sr-contact"></i>
  335. <p>
  336. <a href="mailto:feedbackvms@gmail.com">feedbackvms@gmail.com</a>
  337. </p>
  338. </div>
  339. </div>
  340. </div>
  341. </section>
  342.  
  343. <!-- Bootstrap core JavaScript -->
  344. <script src="vendor/jquery/jquery.min.js"></script>
  345. <script src="vendor/popper/popper.min.js"></script>
  346. <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
  347.  
  348. <!-- Plugin JavaScript -->
  349. <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
  350. <script src="vendor/scrollreveal/scrollreveal.min.js"></script>
  351. <script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
  352.  
  353. <!-- Custom scripts for this template -->
  354. <script src="js/creative.min.js"></script>
  355.  
  356. </body>
  357.  
  358. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement