


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

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<?php include('headers.php'); ?>

<body>
<style>
.header__top{
	background:#2a8fc7;
}

.foot{
	background:#2a8fc7;
}
</style>
  <!-- Back to top button -->
  <div class="back-to-top"></div>

  <header>
      <!-- Top Section start -->
      <div class="header__top">
           <!-- ======= Top Bar start ======= -->
  <font size='4'> <center><marquee scrollamount='2' > <font  color='white'>Pré-inscription en ligne</font></marquee> </center></font>
<!-- ======= Top Bar end ======= -->
    </div>

    <!-- Top Section End -->


    <!-- Navbar start -->
            <!-- Navbar start -->
        <nav style="z-index: 2" class="navbar navbar-expand-lg navbar-light  sticky" data-offset="0">
            <div class="container">
               <a href="#" class="navbar-brand"><img alt="Université du Burundi Logo" width='250' src='../logoBanderolleUBP.PNG'></a>

                <button class="navbar-toggler" data-toggle="collapse" data-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="navbar-collapse collapse" id="navbarContent">

                    <h5 class="section-subtitle"> Guide de  la pré-inscription  </h5>
                </div>

            </div>
        </nav>
        <!-- Navbar end -->
    <!-- Navbar end -->

</header> <!-- Header end-->
 
<!-- Evisa tab-->
<section style="background-image: url(background2.PNG); background-repeat: none; background-size: cover" class="py-5 header bg-white">
    <div class="container py-4">
        
      <div style="margin-bottom: 240px" class="row">
        <div class="col-md-3">
	
            <!-- Tabs nav -->
            <div class="nav flex-column nav-pills nav-pills-custom" id="v-pills-tab" role="tablist" aria-orientation="vertical">
    <a class="nav-link mb-3 p-3 shadow active " id="v-pills-infos-tab"  href="#" role="tab" aria-controls="v-pills-home" aria-selected="fasle" disabled>
        <i class="fa fa-user-circle-o mr-2"></i>
        <span class="font-weight-bold small text-uppercase">Informations personnelles</span>
        </a>

    <a class="nav-link mb-3 p-3 shadow" href="#" data-toggle="modal" data-target="#modal_4" >
        <i class="fa fa-info-circle mr-2"></i>
        <span class="font-weight-bold small text-uppercase">Veuillez d'abord verifier votres information personnelle en completant le formilaire conformement aux données du minisrère</span>
    </a>

    <a class="nav-link mb-3 p-3 shadow " id="v-pills-confirmation-tab" href="#" role="tab" aria-controls="v-pills-confirmation" aria-selected="false" disabled>
        <i class="fa fa-check mr-2"></i>
        <span class="font-weight-bold small text-uppercase">Confirmation</span>
    </a>

  </div>        </div>


        <div class="col-md-9">
		 <font color='blue'> <h4> Etapes de preinscription </h4> </font>
            <!-- Tabs content -->
			 <font color=''> <h6> La preinscription se fait en 2 grands étapes.</h5> </font>
				 <font color='blue'> <h6> Etape 1:Verfication des informations personnelles  </h5> </font>
            <div class="tab-content" id="v-pills-tabContent">

                <div class="tab-pane fade shadow rounded bg-white show active" id="v-pills-infos" role="tabpanel" aria-labelledby="v-pills-infos-tab">
                  
				   Le tout premier étape consiste à faire la vérification des informations personnelles.</br>
				   
				   L'étape de verification comprend 4 champ obligatuarement  à compléter qui sont:</br></br>
				   <ul><li>Verification de votre DPE (Direction Provincial d'Enseignement d'origine);   <li></ul>
				      <ul><li>Verification de votre DCE(Direction communal d'origine); <li></ul>
				     <ul><li> Verification de edition(année de passassion de l'exame d'Etat); <li></ul>
				      <ul><li>Verification du numero d'inscription. <li></ul>
					  
					  <font color='blue'> <h6> Interface de verification en image premier étape </h6> </font>
					  
                  <img src='capture.PNG' width='600'></br></br>

    <font color='blue'> <h6> Etape 2:Verfication des informations personnelles  </h5> </font>
	
	Etape 2 de la préinscription compose de deux partie:</br></br>
	- La partie qui permet à l'étudiant de consirter ses informations en provenance du ministère.</br>
	-La partie qui permet à l'étudiant de faire le choix des facultés 
 </br> </br>







</div>




</div>

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

    <footer class="foot">
       <?php
include('../footer.php');
?>
    </footer>
    <!-- footer end -->


 <script type="text/javascript">
    $(document).ready(function(){
      // dpe dependent ajax
      $("#dpe").on("change",function(){
        var dpeId = $(this).val();
        $.ajax({
          url :"action.php",
          type:"POST",
          cache:false,
          data:{dpeId:dpeId},
          success:function(data){
            $("#dce").html(data);
            $('#city').html('<option value="">Select city</option>');
          }
        });			
      });

      // dce dependent ajax
      $("#dce").on("change", function(){
        var dceId = $(this).val();
        $.ajax({
          url :"action.php",
          type:"POST",
          cache:false,
          data:{dceId:dceId},
          success:function(data){
            $("#city").html(data);
          }
        });
      });
    });
  </script>
</body>

<link rel="stylesheet" href="//code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">
<!-- <link rel="stylesheet" href="/resources/demos/style.css"> -->
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
<script src="https://migration.gov.bi/assets/js/floating-wpp.js"></script>

 
</html>