Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?p session_start();?>
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <style>
- .button1 {
- background-color: #d81e56;
- border: none;
- color: white;
- padding: 30px 50px;
- text-align: center;
- text-decoration: none;
- display: inline-block;
- font-size: 16px;
- margin: 4px 2px;
- cursor: pointer;
- }
- .button2 {
- background-color: #d81d6e;
- border: none;
- color: white;
- padding: 30px 50px;
- text-align: center;
- text-decoration: none;
- display: inline-block;
- font-size: 16px;
- margin: 4px 2px;
- cursor: pointer;
- }
- .button3 {
- background-color: #d81cd4;
- border: none;
- color: white;
- padding: 30px 50px;
- text-align: center;
- text-decoration: none;
- display: inline-block;
- font-size: 16px;
- margin: 4px 2px;
- cursor: pointer;
- }
- .button4 {
- background-color: #a32bd8;
- border: none;
- color: white;
- padding: 30px 50px;
- text-align: center;
- text-decoration: none;
- display: inline-block;
- font-size: 16px;
- margin: 4px 2px;
- cursor: pointer;
- }
- </style>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <meta name="description" content="">
- <meta name="author" content="">
- <title>VMS</title>
- <!-- Bootstrap core CSS -->
- <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
- <!-- Custom fonts for this template -->
- <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
- <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'>
- <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
- <!-- Plugin CSS -->
- <link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
- <!-- Custom styles for this template -->
- <link href="css/creative.min.css" rel="stylesheet">
- </head>
- <body id="page-top">
- <!-- Navigation -->
- <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
- <div class="container">
- <a class="navbar-brand js-scroll-trigger" href="#page-top">Welcome <? echo $_SESSION["Username"];?>!</a>
- <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">
- <span class="navbar-toggler-icon"></span>
- </button>
- <div class="collapse navbar-collapse" id="navbarResponsive">
- <ul class="navbar-nav ml-auto">
- <li class="nav-item">
- <a class="nav-link js-scroll-trigger" href="#about">ABOUT</a>
- </li>
- <li class="nav-item">
- <a class="nav-link js-scroll-trigger" href="#services">SERVICES</a>
- </li>
- <li class="nav-item">
- <a class="nav-link js-scroll-trigger" href="#portfolio">GALLERY</a>
- </li>
- <li class="nav-item">
- <a class="nav-link js-scroll-trigger" href="#contact">CONTACT</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="vmslogintest.php">LOGOUT</a>
- </li>
- </ul>
- </div>
- </div>
- </nav>
- <header class="masthead">
- <div class="header-content">
- <h1><?php
- require_once("connect.php");
- $sql = "select VehiclePlateNumber FROM vmsvehicleservice where TotalMileage < 500";
- $result = $conn->query($sql);
- if ($result->num_rows > 0) {
- $platenumber1="";
- while($row = $result->fetch_assoc()) {
- $platenumber=$row["VehiclePlateNumber"];
- $platenumber1.=$platenumber.", ";
- }
- echo "<script type='text/javascript'>alert('".$platenumber1." is ready to be in service.');</script>";
- }else {
- //echo "0 results";
- }
- ?>
- </h1>
- <div class="header-content-inner">
- <h1 id="homeHeading">Vehicle Maintenance System</h1>
- <tr class="BottomBanner" height="15" bgcolor="DarkOrange">
- <td colspan="3">
- <marquee behavior="slide" scrolldelay="35" loop="10">
- <font size="5" color="white" face="Verdana"><strong><em>THANK YOU FOR USING THIS SYSTEM ... </em></strong></font></marquee>
- </td></tr>
- <hr>
- <p>A home where you can manage vehicle service easily!</p>
- <a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">Find Out More</a>
- </div>
- </div>
- </header>
- <section class="bg-primary" id="about">
- <div class="container">
- <div class="row">
- <div class="col-lg-8 mx-auto text-center">
- <h2 class="section-heading text-white">We've got what you need!</h2>
- <hr class="light">
- <p class="text-faded">This website allows you to manage all the services that required</p>
- <a class="btn btn-default btn-xl js-scroll-trigger" href="#services">Get Started!</a>
- </div>
- </div>
- </div>
- </section>
- <section id="services">
- <div class="container">
- <div class="row">
- <div class="col-lg-12 text-center">
- <h2 class="section-heading">At Your Service</h2>
- <hr class="primary">
- </div>
- </div>
- </div>
- <div class="container">
- <div class="row">
- <div class="col-lg-3 col-md-6 text-center">
- <div class="service-box">
- <i class="fa fa-4x fa-diamond text-primary sr-icons"></i>
- <h3>Easy</h3>
- <p class="text-muted">Our services are updated regularly so they don't break.</p>
- </div>
- </div>
- <div class="col-lg-3 col-md-6 text-center">
- <div class="service-box">
- <i class="fa fa-4x fa-paper-plane text-primary sr-icons"></i>
- <h3>Fast</h3>
- <p class="text-muted">You can use this services as long as you want</p>
- </div>
- </div>
- <div class="col-lg-3 col-md-6 text-center">
- <div class="service-box">
- <i class="fa fa-4x fa-newspaper-o text-primary sr-icons"></i>
- <h3>Up to Date</h3>
- <p class="text-muted">We update dependencies to keep things fresh.</p>
- </div>
- </div>
- <div class="col-lg-3 col-md-6 text-center">
- <div class="service-box">
- <i class="fa fa-4x fa-heart text-primary sr-icons"></i>
- <h3>Made with Love</h3>
- <p class="text-muted">We have make this websites with love these days!</p>
- </div>
- </div>
- </div>
- </div>
- </section>
- </br>
- </br>
- <a href="vmsstaffregistrationlist2.php" style='margin-left: 30px;' class="button1">STAFF REGISTRATION</a>
- <a href="vmsvehicleregistrationlist2.php" style='margin-left: 30px;' class="button2">VEHICLE REGISTRATION</a>
- <a href="vmsvehicleservicelist2.php" style='margin-left: 30px;' class="button3">VEHICLE SERVICES</a>
- <a href="vmsworkshoplist2.php" style='margin-left: 100px;' class="button4">WORKSHOP</a>
- <a href="report2admin.php" style='margin-left: 100px;' class="button4">REPORT</a>
- </br>
- </br>
- </br>
- </br>
- </br>
- </br>
- <section class="p-0" id="portfolio">
- <div class="container-fluid">
- <div class="row no-gutter popup-gallery">
- <div class="col-lg-4 col-sm-6">
- <a class="portfolio-box" href="img/portfolio/fullsize/1.jpg">
- <img class="img-fluid" src="img/portfolio/thumbnails/1.jpg" alt="">
- <div class="portfolio-box-caption">
- <div class="portfolio-box-caption-content">
- <div class="project-category text-faded">
- Registration
- </div>
- <div class="project-name">
- REGISTRATION
- </div>
- </div>
- </div>
- </a>
- </div>
- <div class="col-lg-4 col-sm-6">
- <a class="portfolio-box" href="img/portfolio/fullsize/2.jpg">
- <img class="img-fluid" src="img/portfolio/thumbnails/2.jpg" alt="">
- <div class="portfolio-box-caption">
- <div class="portfolio-box-caption-content">
- <div class="project-category text-faded">
- Report
- </div>
- <div class="project-name">
- REPORT
- </div>
- </div>
- </div>
- </a>
- </div>
- <div class="col-lg-4 col-sm-6">
- <a class="portfolio-box" href="img/portfolio/fullsize/3.jpg">
- <img class="img-fluid" src="img/portfolio/thumbnails/3.jpg" alt="">
- <div class="portfolio-box-caption">
- <div class="portfolio-box-caption-content">
- <div class="project-category text-faded">
- Vehicle Registration
- </div>
- <div class="project-name">
- VEHICLE REGISTRATION
- </div>
- </div>
- </div>
- </a>
- </div>
- <div class="col-lg-4 col-sm-6">
- <a class="portfolio-box" href="img/portfolio/fullsize/4.jpg">
- <img class="img-fluid" src="img/portfolio/thumbnails/4.jpg" alt="">
- <div class="portfolio-box-caption">
- <div class="portfolio-box-caption-content">
- <div class="project-category text-faded">
- Vehicle Service
- </div>
- <div class="project-name">
- VEHICLE SERVICE
- </div>
- </div>
- </div>
- </a>
- </div>
- <div class="col-lg-4 col-sm-6">
- <a class="portfolio-box" href="img/portfolio/fullsize/5.jpg">
- <img class="img-fluid" src="img/portfolio/thumbnails/5.jpg" alt="">
- <div class="portfolio-box-caption">
- <div class="portfolio-box-caption-content">
- <div class="project-category text-faded">
- Vehicle Registration
- </div>
- <div class="project-name">
- VEHICLE REGISTRATION
- </div>
- </div>
- </div>
- </a>
- </div>
- <div class="col-lg-4 col-sm-6">
- <a class="portfolio-box" href="img/portfolio/fullsize/6.jpg">
- <img class="img-fluid" src="img/portfolio/thumbnails/6.jpg" alt="">
- <div class="portfolio-box-caption">
- <div class="portfolio-box-caption-content">
- <div class="project-category text-faded">
- Workshop
- </div>
- <div class="project-name">
- WORKSHOP
- </div>
- </div>
- </div>
- </a>
- </div>
- </div>
- </div>
- </section>
- <section id="contact">
- <div class="container">
- <div class="row">
- <div class="col-lg-8 mx-auto text-center">
- <h2 class="section-heading">Let's Get In Touch!</h2>
- <hr class="primary">
- <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>
- </div>
- </div>
- <div class="row">
- <div class="col-lg-4 ml-auto text-center">
- <i class="fa fa-phone fa-3x sr-contact"></i>
- <p>016-6140410</p>
- </div>
- <div class="col-lg-4 mr-auto text-center">
- <i class="fa fa-envelope-o fa-3x sr-contact"></i>
- <p>
- <a href="mailto:feedbackvms@gmail.com">feedbackvms@gmail.com</a>
- </p>
- </div>
- </div>
- </div>
- </section>
- <!-- Bootstrap core JavaScript -->
- <script src="vendor/jquery/jquery.min.js"></script>
- <script src="vendor/popper/popper.min.js"></script>
- <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
- <!-- Plugin JavaScript -->
- <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
- <script src="vendor/scrollreveal/scrollreveal.min.js"></script>
- <script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
- <!-- Custom scripts for this template -->
- <script src="js/creative.min.js"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement