<title>Document</title>

<header>
  
      <nav class="navbar navbar-expand-lg bg-success  fixed-top  ">
          <a class=" navbar-brand text-white BRAND" href="">GL ET RT</a>
          <button class="navbar-toggler " data-toggle="collapse" data-target="#menu">
            <span class="navbar-toggler-icon"></span>
          </button>
    
          <ul class="navbar-nav  menu ">
            <li class="nav-item active">
              <a  class="nav-link text-white" href="#gal">GALLERY </a>
            </li>
            <li class="nav-item">
              <a id="fond" class="nav-link text-white" href="#mat">INFOS</a>
            </li>
            <li class="nav-item">
              <a class="nav-link text-white" href="#">COURS</a>
            </li>
            <li class="nav-item">
              <a class="nav-link text-white " href="#">TP</a>
            </li>
          </ul>
    
        </nav>
    
  </div>
    




    <div class="corps">
      <div class="up">
        <h1 class="text-center t">LICENCE 2 GL ET RT</h1>
        <P class="t">WE LOVE WORKING HARD</P>
        <BUtton class="btn btn-success  btn-center">cliquez</BUtton>

      </div>

    </div>
  </header>


 <h1 class="text-center tt" id="gal">GALLERY</h1>
  <hr id="separ">
  <div class="divider"></div>
  <div class="container">
    <div class="row">
      <div class="col-md-3">
        <img src="header.jpg" alt="" class="img-thumbnail" style="height: 200px; width:300px ;">
      </div>
      <div class="col-md-3">
        <img src="header.jpg" alt="" class="img-thumbnail" style="height: 200px; width:300px ;">
      </div>
      <div class="col-md-3">
        <img src="header.jpg" alt="" class="img-thumbnail" style="height: 200px; width:300px ;">
      </div>
      <div class="col-md-3">
        <img src="header.jpg" alt="" class="img-thumbnail" style="height: 200px; width:300px ;">
      </div>
    </div>
  </div>
  <br>
  <div class="container">
    <div class="row">
      <div class="col-md-3">
        <img src="header.jpg" alt="" class="img-thumbnail" style="height: 200px; width:300px ;">
      </div>
      <div class="col-md-3">
        <img src="header.jpg" alt="" class="img-thumbnail" style="height: 200px; width:300px ;">
      </div>
      <div class="col-md-3">
        <img src="header.jpg" alt="" class="img-thumbnail" style="height: 200px; width:300px ;">
      </div>
      <div class="col-md-3">
        <img src="header.jpg" alt="" class="img-thumbnail" style="height: 200px; width:300px ;">
      </div>
    </div>
  </div>
  </section>
  


  <section>
    <h1 class="text-center tt" id="mat">INFOS</h1>
    <hr id="separ">
    <div class="container">
      <div id="carous" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner">
          <div class="carousel-item active">
            <img src="km.jpg" alt="First slide" style="height: 600px;width: 100%;">
          </div>
          <div class="carousel-item">
            <img src="header.jpg" alt="Second slide" style="height: 600px ;width: 100%;">
          </div>
          <div class="carousel-item">
            <img src="km.jpg" alt="Third slide" style="height: 600px; width: 100%;">
          </div>
        </div>
        <a class="carousel-control-prev" href="#carous" data-slide="prev">
          <span class="carousel-control-prev-icon"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carous" data-slide="next">
          <span class="carousel-control-next-icon"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>


  </section>




















<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>