 <!-- Footer -->
<footer class="page-footer font-small stylish-color-dark pt-4 darkbackground">

    <div class="container text-center text-md-left ">
      <div class="row">
        <div class="col-md-4 mx-auto">

          <h5 class="font-weight-bold text-uppercase mt-3 mb-4">Footer Content</h5>
          <p>hna ghanhdro 3la charika aw site bsifa 3ama hna ghanhdro 3la charika aw site bsifa 3ama hna ghanhdro 3la charika aw site bsifa 3ama hna ghanhdro 3la charika aw site bsifa 3ama </p>

        </div>
        <hr class="clearfix w-100 d-md-none">
        <div class="col-md-2 mx-auto">

          <h5 class="font-weight-bold text-uppercase mt-3 mb-4">Links</h5>

          <ul class="list-unstyled">
            <li>
              <a href="#!" class="text-white">Link 1</a>
            </li>
            <li>
              <a href="#!" class="text-white">Link 2</a>
            </li>
            <li>
              <a href="#!" class="text-white">Link 3</a>
            </li>
            <li>
              <a href="#!" class="text-white">Link 4</a>
            </li>
          </ul>

        </div>
       

        <hr class="clearfix w-100 d-md-none">

        <div class="col-md-2 mx-auto">

          <h5 class="font-weight-bold text-uppercase mt-3 mb-4">Links</h5>

          <ul class="list-unstyled">
            <li>
              <a href="#!" class="text-white">Link 1</a>
            </li>
            <li>
              <a href="#!" class="text-white">Link 2</a>
            </li>
            <li>
              <a href="#!" class="text-white">Link 3</a>
            </li>
            <li>
              <a href="#!" class="text-white">Link 4</a>
            </li>
          </ul>

        </div>

        <hr class="clearfix w-100 d-md-none">

        <div class="col-md-2 mx-auto">

          <h5 class="font-weight-bold text-uppercase mt-3 mb-4">Links</h5>

          <ul class="list-unstyled">
            <li>
              <a href="#!" class="text-white">Link 1</a>
            </li>
            <li>
              <a href="#!" class="text-white">Link 2</a>
            </li>
            <li>
              <a href="#!" class="text-white">Link 3</a>
            </li>
            <li>
              <a href="#!" class="text-white">Link 4</a>
            </li>
          </ul>

        </div>

      </div>

    </div>

    <hr>
    <ul class="list-unstyled list-inline text-center py-2">
      <li class="list-inline-item">
        <h5 class="mb-1">Nous contacter</h5>
      </li>
      <li class="list-inline-item">
        <a href="#!" class="btn btn-outline-warning btn-rounded">contacter</a>
      </li>
    </ul>
</footer>

<!--second footer-->
<footer> <div class="container">
       
        <div class="row">
          <div class="col-md-4">
            <span class="copyright">Copyright &copy; elearning 2019</span>
          </div>
          <div class="col-md-4">
            <ul class="list-inline social-buttons">
              <li class="list-inline-item">
                <a href="#">
                  <i class="fab fa-twitter"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="#">
                  <i class="fab fa-facebook-f"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="#">
                  <i class="fab fa-linkedin-in"></i>
                </a>
              </li>
            </ul>
          </div>
          <div class="col-md-4">
            <ul class="list-inline quicklinks">
               <li class="list-inline-item">
                <a href="" class="badge badge-info" target="_blank">created by C.I.S.T ensa</a>
              </li>
            </ul>
          </div>
        </div>
      </div></footer>
<!--FooterEnd -->