{% load static %}
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>DevFolio Bootstrap Portfolio Template - Index</title>
  <meta content="" name="description">
  <meta content="" name="keywords">

  <!-- Favicons -->
  <link href="{% static 'BasicData/assets_2/img/favicon.png' %}" rel="icon">
  <link href="{% static 'BasicData/assets_2/img/apple-touch-icon.png' %}" rel="apple-touch-icon">

  <!-- Vendor CSS Files -->
  <link href="{% static 'BasicData/assets_2/vendor/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
  <link href="{% static 'BasicData/assets_2/vendor/bootstrap-icons/bootstrap-icons.css' %}" rel="stylesheet">
  <link href="{% static 'BasicData/assets_2/vendor/glightbox/css/glightbox.min.css' %}" rel="stylesheet">
  <link href="{% static 'BasicData/assets_2/vendor/swiper/swiper-bundle.min.css' %}" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="{% static 'BasicData/assets_2/css/style.css' %}" rel="stylesheet">

  <!-- =======================================================
  * Template Name: DevFolio - v4.3.0
  * Template URL: https://bootstrapmade.com/devfolio-bootstrap-portfolio-html-template/
  * Author: BootstrapMade.com
  * License: https://bootstrapmade.com/license/
  ======================================================== -->
</head>

<body>

  <!-- ======= Header ======= -->
  <header id="header" class="fixed-top">
    <div class="container d-flex align-items-center justify-content-between">

      <h1 class="logo ml-3"><a href="index.html"> <pre>  USP SOFTWARE</pre></a></h1>
      <!-- Uncomment below if you prefer to use an image logo -->
      <!-- <a href="index.html" class="logo"><img src="assets_2/img/logo.png" alt="" class="img-fluid"></a>-->

      <nav id="navbar" class="navbar">
        <ul>
          <li><a class="nav-link scrollto active" href="{% url 'BasicData:Home' %}">Accueil</a></li>
          {% if user.is_authenticated %}
              <li><a class="nav-link scrollto" href="{% url 'BasicData:login' %}">Tableau de bord</a></li>
              <li><a class="nav-link scrollto" href="{% url 'BasicData:logout' %}">Se deconnecter</a></li>
          {% else %}
            <li><a href="{% url 'BasicData:login' %}">Se Connecter</a></li>
          {% endif %}
        </ul>
      </nav><!-- .navbar -->

    </div>
  </header><!-- End Header -->

  <!-- ======= Hero Section ======= -->
  <div id="hero" class="hero route bg-image">
    <div class="overlay-itro"></div>
    <div class="hero-content display-table"  style="background: url({% static 'ac-img/usp-logo.png' %}) no-repeat">
      <div class="table-cell">
        <div class="container">
          <!--<p class="display-6 color-d">Hello, world!</p>-->
          <h1 class="hero-title mb-4">Bienvenue sur le site de l'universit&eacute de San Pedro</h1>
          {% comment %} <p class="btn bg-white bordrer border-1 hero-subtitle"><span class="typed" data-typed-items="POURSUIVEZ VOS ETDUES HORS DES FRONTI&Egrave;RES , VISITEZ VOS ENDROITS DE R&Ecirc;VE, IMMIGREZ DANS LE PAYS DE VOTRE CHOIX"></span></p> {% endcomment %}
          <p class="pt-3"><a class="btn btn-primary btn js-scroll px-4" href="{% url 'BasicData:login' %}" role="button">Commencer </a></p>
        </div>
      </div>
    </div>
  </div><!-- End Hero Section -->
  <!-- ======= Footer ======= -->
  <footer>
    <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <div class="copyright-box">
            <p class="copyright">&copy; Copyright <strong>LeWane</strong>. All Rights Reserved</p>
            <div class="credits">
              Designed by <a href="http://l3info-2020.una-ufrsfa.ci/cisse.anzoumana/cv/">Mosco</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </footer><!-- End  Footer -->

  <div id="preloader"></div>
  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

  <!-- Vendor JS Files -->
  <script src="{% static 'BasicData/assets_2/vendor/bootstrap/js/bootstrap.bundle.min.js' %}"></script>
  <script src="{% static 'BasicData/assets_2/vendor/glightbox/js/glightbox.min.js' %}"></script>
  <script src="{% static 'BasicData/assets_2/vendor/php-email-form/validate.js' %}"></script>
  <script src="{% static 'BasicData/assets_2/vendor/purecounter/purecounter.js' %}"></script>
  <script src="{% static 'BasicData/assets_2/vendor/swiper/swiper-bundle.min.js' %}"></script>
  <script src="{% static 'BasicData/assets_2/vendor/typed.js/typed.min.js' %}"></script>

  <!-- Template Main JS File -->
  <script src="{% static 'BasicData/assets_2/js/main.js' %}"></script>

</body>

</html>