Outiref

Code source de l'URL : http://disciplina.re

<!DOCTYPE html>
<html lang="en">

<head>

  <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="">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,500,600,700,800,900" rel="stylesheet">

  <title>Disciplina</title>

  <!-- Bootstrap core CSS -->
  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">


  <!-- Additional CSS Files -->
  <link rel="stylesheet" href="assets/css/fontawesome.css">
  <link rel="stylesheet" href="assets/css/templatemo-eduwell-style.css">
  <link rel="stylesheet" href="assets/css/owl.css">
  <link rel="stylesheet" href="assets/css/lightbox.css">
  <!--

TemplateMo 573 EduWell

https://templatemo.com/tm-573-eduwell

-->
</head>

<body>


  <!-- ***** Header Area Start ***** -->
  <header class="header-area header-sticky">
    <div class="container">
      <div class="row">
        <div class="col-12">
          <nav class="main-nav">
            <!-- ***** Logo Start ***** -->
            <a href="index.html" class="logo">
              <img src="assets/images/logo.png" alt="Disciplina">
            </a>
            <!-- ***** Logo End ***** -->
            <!-- ***** Menu Start ***** -->
            <ul class="nav">
              <li class="scroll-to-section"><a href="#top" class="active">Accueil</a></li>
              <li class="scroll-to-section"><a href="#services">Services</a></li>
              <li class="scroll-to-section"><a href="#courses">Formations</a></li>
              <li class="has-sub">
                <a href="javascript:void(0)">Pages</a>
                <ul class="sub-menu">
                  <li><a href="about-us.html">À propos de nous</a></li>
                  <!-- <li><a href="our-services.html">Ou sommes nous ?</a></li> -->
                  <li><a href="contact-us.html">Actualité</a></li>
                </ul>
              </li>
              <li class="scroll-to-section"><a href="#testimonials">Nos équipes</a></li>
              <li class="scroll-to-section"><a href="#contact-section">Contactez-nous</a></li>
            </ul>

            <a class='menu-trigger'>
              <span>Menu</span>
            </a>
            <!-- ***** Menu End ***** -->
          </nav>
        </div>
      </div>
    </div>
  </header>
  <!-- ***** Header Area End ***** -->

  <!-- ***** Main Banner Area Start ***** -->
  <section class="main-banner" id="top">
    <div class="container">
      <div class="row">
        <div class="col-lg-6 align-self-center">
          <div class="header-text">
            <h6>Bienvenue chez Disciplina</h6>
            <h2>Nous sommes animés par une passion profonde pour <em>l'apprentissage et l'excellence.</em>
            </h2>
            <div class="main-button-gradient">
              <div class="scroll-to-section"><a href="#contact-section">Rejoignez-nous maintenant !</a>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="right-image">
            <img src="assets/images/banner-right-image.png" alt="">
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- ***** Main Banner Area End ***** -->

  
  <section class="services" id="services">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <div class="section-heading">
            <h6>Nos Services</h6>
            <h4>Services <em>Proposés</em></h4>
          </div>
        </div>
        <div class="col-lg-12">
          <div class="owl-service-item owl-carousel">
                          <div class="item">
                <div class="service-item">
                  <div class="icon">
                    <img src="assets/images/service-icon-01.png" alt="Trucs Utiles">
                  </div>
                  <h4>Trucs Utiles</h4>
                  <p>EduWell est le modèle HTML5 professionnel pour vos sites web d'école ou d'université.</p>
                </div>
              </div>
                          <div class="item">
                <div class="service-item">
                  <div class="icon">
                    <img src="assets/images/service-icon-02.png" alt="Idées Créatives">
                  </div>
                  <h4>Idées Créatives</h4>
                  <p>Vous pouvez télécharger et utiliser ce modèle EduWell pour vos enseignements et apprentissages.</p>
                </div>
              </div>
                          <div class="item">
                <div class="service-item">
                  <div class="icon">
                    <img src="assets/images/service-icon-03.png" alt="Cible Prête">
                  </div>
                  <h4>Cible Prête</h4>
                  <p>Veuillez parler à vos amis du meilleur site de modèles CSS, TemplateMo.</p>
                </div>
              </div>
                          <div class="item">
                <div class="service-item">
                  <div class="icon">
                    <img src="assets/images/service-icon-04.png" alt="Technologie">
                  </div>
                  <h4>Technologie</h4>
                  <p>Aenean bibendum consectetur ex eu porttitor. Pellentesque id ultrices metus.</p>
                </div>
              </div>
                          <div class="item">
                <div class="service-item">
                  <div class="icon">
                    <img src="assets/images/service-icon-01.png" alt="Trucs Utiles">
                  </div>
                  <h4>Trucs Utiles</h4>
                  <p>In non nisi eget magna efficitur ultricies non quis sapien. Pellentesque tellus.</p>
                </div>
              </div>
                          <div class="item">
                <div class="service-item">
                  <div class="icon">
                    <img src="assets/images/service-icon-02.png" alt="Idées Créatives">
                  </div>
                  <h4>Idées Créatives</h4>
                  <p>Aenean bibendum consectetur ex eu porttitor. Pellentesque id ultrices metus.</p>
                </div>
              </div>
                          <div class="item">
                <div class="service-item">
                  <div class="icon">
                    <img src="assets/images/service-icon-03.png" alt="Cible Prête">
                  </div>
                  <h4>Cible Prête</h4>
                  <p>In non nisi eget magna efficitur ultricies non quis sapien. Pellentesque tellus.</p>
                </div>
              </div>
                          <div class="item">
                <div class="service-item">
                  <div class="icon">
                    <img src="assets/images/service-icon-04.png" alt="Technologie">
                  </div>
                  <h4>Technologie</h4>
                  <p>Praesent accumsan condimentum arcu, id porttitor est semper nec. Nunc diam lorem.</p>
                </div>
              </div>
                      </div>
        </div>
      </div>
    </div>
  </section>



  
  <section class="our-courses" id="courses">
    <div class="container">
      <div class="row">
        <div class="col-lg-6 offset-lg-3">
          <div class="section-heading">
            <h6>Nos Formations</h6>
            <h4>Titres <em>Professionnels</em></h4>
            <p>Un titre professionnel est une certification d’État élaborée et délivrée par le ministère du
              Travail. Il
              atteste que son titulaire maîtrise les compétences, aptitudes et connaissances permettant
              l’exercice d’un
              métier.</p>
          </div>
        </div>
        <div class="col-lg-12">
          <div class="naccs">
            <div class="tabs">
              <div class="row">
                <div class="col-lg-3">
                  <div class="menu">
                                          <div class="gradient-border active">
                        <span>TP Secrétaire Assistant</span>
                      </div>
                                          <div class="gradient-border">
                        <span>TP Assistante de Direction</span>
                      </div>
                                          <div class="gradient-border">
                        <span>TP Conseiller Commercial</span>
                      </div>
                                          <div class="gradient-border">
                        <span>TP Négociateur Technico-Commercial</span>
                      </div>
                                      </div>
                </div>
                <div class="col-lg-9">
                  <ul class="nacc">
                                          <li class="active">
                        <div>
                          <div class="left-image">
                            <img src="assets/images/courses-01.jpg" alt="">
                          </div>
                          <div class="right-content">
                            <h4>TP Secrétaire Assistant</h4>
                            <p>Le titre professionnel de niveau 3 permet d'acquérir des compétences correspondant au niveau CAP. Il est conçu pour les personnes souhaitant accéder à un premier niveau de qualification.</p>
                            <span>Durée : Variable</span>
                            <span>Domaine : Incluses</span>
                            Niveau : CAP
                            <!-- Ajout des boutons -->
                            <div class="course-buttons mt-3 text-center">
                              <a href="inscription.php?course=TP%20Secr%C3%A9taire%20Assistant"
                                class="btn main-gradient-button">S'inscrire</a>
                              <a href="details_secretaire.php"
                                class="btn sub-gradient-button">En savoir plus</a>
                            </div>
                          </div>
                        </div>
                      </li>
                                          <li class="">
                        <div>
                          <div class="left-image">
                            <img src="assets/images/courses-02.jpg" alt="">
                          </div>
                          <div class="right-content">
                            <h4>TP Assistante de Direction</h4>
                            <p>Le titre professionnel de niveau 4 correspond au niveau BAC, permettant d'obtenir une certification pour les métiers nécessitant un niveau intermédiaire de qualification.</p>
                            <span>Durée : Variable</span>
                            <span>Domaine : Incluses</span>
                            Niveau : BAC
                            <!-- Ajout des boutons -->
                            <div class="course-buttons mt-3 text-center">
                              <a href="inscription.php?course=TP%20Assistante%20de%20Direction"
                                class="btn main-gradient-button">S'inscrire</a>
                              <a href="details_assistante.php"
                                class="btn sub-gradient-button">En savoir plus</a>
                            </div>
                          </div>
                        </div>
                      </li>
                                          <li class="">
                        <div>
                          <div class="left-image">
                            <img src="assets/images/courses-03.jpg" alt="">
                          </div>
                          <div class="right-content">
                            <h4>TP Conseiller Commercial</h4>
                            <p>Le titre professionnel de niveau 5 permet d'acquérir des compétences équivalentes à un BTS ou un DUT, idéal pour ceux cherchant une formation professionnalisante.</p>
                            <span>Durée : Variable</span>
                            <span>Domaine : Incluses</span>
                            Niveau : BAC
                            <!-- Ajout des boutons -->
                            <div class="course-buttons mt-3 text-center">
                              <a href="inscription.php?course=TP%20Conseiller%20Commercial"
                                class="btn main-gradient-button">S'inscrire</a>
                              <a href="details_commercial.php"
                                class="btn sub-gradient-button">En savoir plus</a>
                            </div>
                          </div>
                        </div>
                      </li>
                                          <li class="">
                        <div>
                          <div class="left-image">
                            <img src="assets/images/courses-04.jpg" alt="">
                          </div>
                          <div class="right-content">
                            <h4>TP Négociateur Technico-Commercial</h4>
                            <p>Le titre professionnel de niveau 6 correspond à un niveau BAC+3 ou 4, destiné à ceux souhaitant approfondir leurs compétences pour évoluer dans leur métier.</p>
                            <span>Durée : Variable</span>
                            <span>Domaine : Incluses</span>
                            Niveau : BAC+3/4
                            <!-- Ajout des boutons -->
                            <div class="course-buttons mt-3 text-center">
                              <a href="inscription.php?course=TP%20N%C3%A9gociateur%20Technico-Commercial"
                                class="btn main-gradient-button">S'inscrire</a>
                              <a href="details_negociateur.php"
                                class="btn sub-gradient-button">En savoir plus</a>
                            </div>
                          </div>
                        </div>
                      </li>
                                      </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>



  <section class="simple-cta">
    <div class="container">
      <div class="row">
        <div class="col-lg-5 offset-lg-1">
          <div class="left-image">
            <img src="assets/images/cta-left-image.png" alt="Inscrivez-vous maintenant !">
          </div>
        </div>
        <div class="col-lg-5 align-self-center">
          <h6>Ne manquez pas cette opportunité !</h6>
          <h4><em>Inscrivez-vous</em> dès maintenant</h4>
          <p>Investissez dans votre avenir professionnel dès aujourd'hui. Rejoignez nos formations certifiées
            et boostez
            votre carrière avec des compétences recherchées par les employeurs.</p>
          <div class="white-button">
            <a href="contact-us.html">Découvrir Nos Formations</a>
          </div>
        </div>
      </div>
    </div>
  </section>


  
  <section class="testimonials" id="testimonials">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <div class="section-heading">
            <h6>Notre équipe</h6>
            <h4>Rencontrez <em>nos experts</em></h4>
          </div>
        </div>
        <div class="col-lg-12">
          <div class="owl-testimonials owl-carousel" style="position: relative; z-index: 5;">
                          <div class="item">
                <p>Lorenzo ENCATASSAMY en qualité de Directeur</p>
                <h4>Lorenzo ENCATASSAMY</h4>
                <span>Directeur</span>
                <p>Email: <a href="mailto:direction@disciplina.re"><i class="fa fa-envelope"></i>
                    direction@disciplina.re</a></p>
                <p>Téléphone: <a href="tel:+262693855991"><i class="fa fa-phone"></i>
                    +262693855991</a></p>
              </div>
                          <div class="item">
                <p>Séverine DUGAIN en qualité d’Assistante de direction</p>
                <h4>Séverine DUGAIN</h4>
                <span>Assistante de direction</span>
                <p>Email: <a href="mailto:dugain.administration@disciplina.re"><i class="fa fa-envelope"></i>
                    dugain.administration@disciplina.re</a></p>
                <p>Téléphone: <a href="tel:+262693888021"><i class="fa fa-phone"></i>
                    +262693888021</a></p>
              </div>
                          <div class="item">
                <p>Hayana PAJANIANDY en qualité de Référence pédagogique</p>
                <h4>Hayana PAJANIANDY</h4>
                <span>Référence pédagogique</span>
                <p>Email: <a href="mailto:pajaniandy.pedagogie@disciplina.re"><i class="fa fa-envelope"></i>
                    pajaniandy.pedagogie@disciplina.re</a></p>
                <p>Téléphone: <a href="tel:+262692404293"><i class="fa fa-phone"></i>
                    +262692404293</a></p>
              </div>
                          <div class="item">
                <p>Odile BOUTCHAMA en qualité de Chargée de recrutement</p>
                <h4>Odile BOUTCHAMA</h4>
                <span>Chargée de recrutement</span>
                <p>Email: <a href="mailto:boutchama.rh@disciplina.re"><i class="fa fa-envelope"></i>
                    boutchama.rh@disciplina.re</a></p>
                <p>Téléphone: <a href="tel:+262693888023"><i class="fa fa-phone"></i>
                    +262693888023</a></p>
              </div>
                          <div class="item">
                <p>Rudy CALIMOUTOU en qualité de Commercial</p>
                <h4>Rudy CALIMOUTOU</h4>
                <span>Commercial</span>
                <p>Email: <a href="mailto:calimoutou.commercial@disciplina.re"><i class="fa fa-envelope"></i>
                    calimoutou.commercial@disciplina.re</a></p>
                <p>Téléphone: <a href="tel:+262693888022"><i class="fa fa-phone"></i>
                    +262693888022</a></p>
              </div>
                          <div class="item">
                <p>Amanda SINAMAN en qualité de Commercial</p>
                <h4>Amanda SINAMAN</h4>
                <span>Commercial</span>
                <p>Email: <a href="mailto:sinaman.commercial@disciplina.re"><i class="fa fa-envelope"></i>
                    sinaman.commercial@disciplina.re</a></p>
                <p>Téléphone: <a href="tel:+262693007691"><i class="fa fa-phone"></i>
                    +262693007691</a></p>
              </div>
                          <div class="item">
                <p>Emmanuelle TAILE en qualité d’Assistante de gestion en comptabilité</p>
                <h4>Emmanuelle TAILE</h4>
                <span>Assistante de gestion en comptabilité</span>
                <p>Email: <a href="mailto:taille.administration@disciplina.re"><i class="fa fa-envelope"></i>
                    taille.administration@disciplina.re</a></p>
                <p>Téléphone: <a href="tel:+262693012933"><i class="fa fa-phone"></i>
                    +262693012933</a></p>
              </div>
                      </div>
        </div>
      </div>
    </div>
  </section>



  <section class="contact-us" id="contact-section">
    <div class="container">
      <div class="row">
        <div class="col-lg-8">
          <div id="map">
            <!-- Il vous suffit d'aller sur Google Maps pour votre propre point de carte et de copier le code d'intégration depuis la section Partager -> Intégrer une carte -->
            <iframe
              src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3727.4293576168957!2d55.53049387613935!3d-20.89503876908583!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x217881a85fb86715%3A0xd838e2910747f841!2sFactory%20by%20CBo%20Territoria!5e0!3m2!1sen!2sfr!4v1728039160201!5m2!1sen!2sfr"
              width="100%" height="420px" frameborder="0"
              style="border:0; border-radius: 15px; position: relative; z-index: 2;"
              allowfullscreen=""></iframe>
            <div class="row">
              <div class="col-lg-4 offset-lg-1">
                <div class="contact-info">
                  <div class="icon">
                    <i class="fa fa-phone"></i>
                  </div>
                  <h4>Téléphone</h4>
                  <span>0693 88 80 21</span>
                </div>
              </div>
              <div class="col-lg-4">
                <div class="contact-info">
                  <div class="icon">
                    <i class="fa fa-phone"></i>
                  </div>
                  <h4>Mobile</h4>
                  <span>0693 85 59 91</span>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4">
          <form id="contact" action="" method="post">
            <div class="row">
              <div class="col-lg-12">
                <div class="section-heading">
                  <h6>Contactez-nous</h6>
                  <h4>Dites <em>Bonjour</em></h4>
                </div>
              </div>
              <div class="col-lg-12">
                <fieldset>
                  <input type="name" name="name" id="name" placeholder="Nom Complet" autocomplete="on"
                    required>
                </fieldset>
              </div>
              <div class="col-lg-12">
                <fieldset>
                  <input type="text" name="email" id="email" pattern="[^ @]*@[^ @]*"
                    placeholder="Votre Email" required="">
                </fieldset>
              </div>
              <div class="col-lg-12">
                <fieldset>
                  <textarea name="message" id="message" placeholder="Votre Message"></textarea>
                </fieldset>
              </div>
              <div class="col-lg-12">
                <fieldset>
                  <button type="submit" id="form-submit" class="main-gradient-button">Envoyer le
                    Message</button>
                </fieldset>
              </div>
            </div>
          </form>
        </div>
        <div class="col-lg-12">
          <ul class="social-icons">
            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
            <li><a href="#"><i class="fa fa-instagram"></i></a></li>
            <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
          </ul>
        </div>
        <div class="col-lg-12">
          <p class="copyright">Copyright © 2024 Digiweb.

        </div>
      </div>
    </div>
  </section>

  <!-- Scripts -->
  <!-- Bootstrap core JavaScript -->
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

  <script src="assets/js/isotope.min.js"></script>
  <script src="assets/js/owl-carousel.js"></script>
  <script src="assets/js/lightbox.js"></script>
  <script src="assets/js/tabs.js"></script>
  <script src="assets/js/video.js"></script>
  <script src="assets/js/slick-slider.js"></script>
  <script src="assets/js/custom.js"></script>
  <script>
    //according to loftblog tut
    $('.nav li:first').addClass('active');

    var showSection = function showSection(section, isAnimate) {
      var
        direction = section.replace(/#/, ''),
        reqSection = $('.section').filter('[data-section="' + direction + '"]'),
        reqSectionPos = reqSection.offset().top - 0;

      if (isAnimate) {
        $('body, html').animate({
            scrollTop: reqSectionPos
          },
          800);
      } else {
        $('body, html').scrollTop(reqSectionPos);
      }

    };

    var checkSection = function checkSection() {
      $('.section').each(function() {
        var
          $this = $(this),
          topEdge = $this.offset().top - 80,
          bottomEdge = topEdge + $this.height(),
          wScroll = $(window).scrollTop();
        if (topEdge < wScroll && bottomEdge > wScroll) {
          var
            currentId = $this.data('section'),
            reqLink = $('a').filter('[href*=\\#' + currentId + ']');
          reqLink.closest('li').addClass('active').
          siblings().removeClass('active');
        }
      });
    };

    $('.main-menu, .responsive-menu, .scroll-to-section').on('click', 'a', function(e) {
      e.preventDefault();
      showSection($(this).attr('href'), true);
    });

    $(window).scroll(function() {
      checkSection();
    });
  </script>
</body>

</html>

A propos d'Outiref

Contact / Signaler un bug

FAQ

Crédits et Mentions Légales

Audit SEO par Abondance

Suivez nous sur...

Un site du Réseau Abondance

Agence SEO Neper
Formations SEO
Googlefight
Mozbot
La météo du SEO
Définitions SEO