<?php
require('db.php');
include "x.php";
?>
<!doctype html>
<html lang="en">
  <head>
    
     <?php include "include/meta.php"; ?>

     <?php include "include/css.php"; ?>

       <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<style>
  td{
    padding: 10px 10px;
  }
   .center{
    text-align: center;
  }
</style>
  </head>
  <body>
<?php include "include/header.php"; ?>


<section class="w3l-contact-breadcrum">
  <div class="breadcrum-bg py-sm-5 py-4">
    <div class="container py-lg-3">
      <h2>Education Excellence Awards </h2>
      <p><a href="index.php">Home</a> &nbsp; / &nbsp; Education Excellence Awards </p>
    </div>
  </div>
</section>

<div style=" background-color: grey;" >
<div class="container" style=" background-color: grey;" >
  <div class="row">
     <div class="col-md-2"></div>
     <div class="col-md-8" style="padding: 50px 80px; border: 5px solid grey;">
            <section class="w3l-main-slider">

              <div id="myCarousel" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                  <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                  <li data-target="#myCarousel" data-slide-to="1"></li>
                  <li data-target="#myCarousel" data-slide-to="2"></li>
                  <li data-target="#myCarousel" data-slide-to="3"></li>
                  <li data-target="#myCarousel" data-slide-to="4"></li>
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner">
                  <div class="item active">
                    <img src="images/award/1.jpg" alt="" style="width:100%;">
                  </div>

                  <div class="item">
                    <img src="images/award/2.jpg" alt="" style="width:100%;">
                  </div>
                
                  <div class="item">
                    <img src="images/award/3.jpg" alt="" style="width:100%;">
                  </div>
                  <div class="item">
                    <img src="images/award/4.jpg" alt="" style="width:100%;">
                  </div>
                  <div class="item">
                    <img src="images/award/5.jpg" alt="" style="width:100%;">
                  </div>
                </div>

                <!-- Left and right controls -->
                <a class="left carousel-control" href="#myCarousel" data-slide="prev">
                  <span class="glyphicon glyphicon-chevron-left"></span>
                  <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#myCarousel" data-slide="next">
                  <span class="glyphicon glyphicon-chevron-right"></span>
                  <span class="sr-only">Next</span>
                </a>




            </section>
      </div>
    <div class="col-md-2"></div>
  </div>
</div>
</div>


<?php include "include/footer.php"; ?>
<?php include "include/js.php"; ?>

</body>

</html>
<!-- // grids block 5 -->
