1#@!#!123s

��JFIF�� 1#@!#!123s
: / home / econfoy / www / app / components /
Filename : header.php
back
<?php
    include ("database/conn.php");

    //fetch settings
    $settings = mysqli_query($con,"SELECT * FROM settings");
    $setting  = mysqli_fetch_array($settings);
?>


 <!-- Main Header -->
    <header class="main-header header-style-one">

        <!-- Header Top -->
        <div class="header-top">
            <div class="auto-container">
                <div class="inner-container">
                    <div class="left-column">
                        <ul class="social-icon">
                            <li><a target="blank" href="<?php echo $setting['facebook']; ?>"><i class="fab fa-facebook-f"></i></a></li>
                            <li><a target="blank" href="<?php echo $setting['twitter']; ?>"><i class="fab fa-twitter"></i></a></li>
                            <li><a target="blank" href="<?php echo $setting['instagram']; ?>"><i class="fab fa-instagram"></i></a></li>
                            <li><a target="blank" href="<?php echo $setting['youtube']; ?>"><i class="fab fa-youtube"></i></a></li>
                        </ul>
                        
                    </div>
                    <div style="color: beige;">
                    Bienvenue chez Eco Confort Plus
                    </div>
                    <div class="right-column">
                       <!-- <div class="location">
                            <span class="flaticon-globe"></span>
                            <form action="#" class="location-switcher">
                                <select class="selectpicker">
                                    <option value="1">USA</option>
                                    <option value="2">India</option>
                                    <option value="3">China</option>
                                    
                                </select>
                            </form>
                        </div>-->
                        
                        <div class="phone-number"><i class="flaticon-calling"></i><a href="tel:<?php  echo $setting['phone']; ?>"></a><?php  echo $setting['phone']; ?></div>
                     <!--
                           <img width="30px" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB2ElEQVR4nO2bvUoDQRSFb6loOiv7MIiIGiWSB7AMEX8ewVoQoyJEsRGxE3wCwWZn7ZQtNzhjIrFLkzHFMk5jobaKPziSQgkimA0IYecc+Jrt9jBz75m7O0QQFEtCiFEppW1HCJEnVyRcNyAMw6FqtXpUr9dti1qtdlIul9PkkowxY1pr2yKKogK5JgMDzPcK2Dm+PqDFs6VOGV+9mLPWFuLSHJxYVMSW4tAgNvzvK2B2+8LSwnnH5LYub20Xukll3hUxG4cGsXzPGZDdlI/dGNBMZWwiDJguihenDZgqym7eHwY0sQIy2AIKNYChCCp0AYY2qJADGIKQQhJkiMIKZwGGw5DCaZDhOKwwD2AYiChMhBhGYgozQYahqOr9qbD4cHoqPL0unpw2YGZDPjhtQK77b4MfPWnA8uHVKc2f73fK1JooWWt346IGJvcaxPbjcEPpkX83IMIPEhH+ECHXZLAFDGqARhHU6AIabVAjB0TIARFyALkmgxxgkAM0coBGDtDIARo5IHIlB0gpb4UQry2klG9tN8bev563CMOwj5IoKeXdz+tyv1GpVPopSfJ9P805LwVBcB8EwfNfcM53Pc/LUlLk+36ec27j4HneCiVFvusGQJRsfQIAY/LUJWpjawAAAABJRU5ErkJggg==">
                        -->    
                    </div>
                </div>
            </div>
        </div>

        <!-- Header Upper -->
        <div class="header-upper">
            <div class="auto-container">
                <div class="inner-container">
                    <!--Logo-->
                    <div class="logo-box">
                        <div class="logo"><a href="index.php"><img width="100px" src="assets/images/logo-econfortplus.png" alt=""></a> </div>
                    </div>
                    <div class="right-column">
                        <!--Nav Box-->
                        <div class="nav-outer">
                            <!--Mobile Navigation Toggler-->
                            <div class="mobile-nav-toggler"><img src="assets/images/icons/icon-bar-2.png" alt=""></div>

                            <!-- Main Menu -->
                            <nav class="main-menu navbar-expand-md navbar-light">
                                <div class="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
                                    <ul class="navigation">
                                        <li class="dropdown"><a href="index.php">Accueil</a></li>
                                         
                                        
                                        <li class="dropdown"><a href="about.php">À propos</a></li>
                                       
                                        
                                        <li class="dropdown"><a href="service.php">Services</a>
                                        <li class="dropdown"><a href="faq.php">FAQ</a>
                                       
                                        </li>
                                       
                                        <li class="dropdown"><a href="blog.php">Nouvelles</a>
                                          
                                        </li>
                                        <li><a href="contact.php">Contactez-nous</a></li>
                                         <div class="language">
                                         <!--                                         
                                            <img width="20px" src="data:image/png;base64,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"></li>
                                            -->
                                            <img src="data:image/png;base64,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">
                                    <form action="#" class="language-switcher">
                                       
                                    </form>
                                </div>
                                    </ul>
                                </div>
                            </nav>
                        </div>
                    
                    </div>                        
                </div>
            </div>
        </div>
        <!--End Header Upper-->

        <!-- Sticky Header  -->
        <div class="sticky-header">
            <div class="header-upper">
                <div class="auto-container">
                    <div class="inner-container">
                        <!--Logo-->
                        <div class="logo-box">
                            <div class="logo"><a href="index.php"><img width="100px" src="assets/images/logo-econfortplus.png" alt=""> </a></div>
                    
                        </div>
                        <div class="right-column">
                            <!--Nav Box-->
                            <div class="nav-outer">
                                <!--Mobile Navigation Toggler-->
                                <div class="mobile-nav-toggler"><img src="assets/images/icons/icon-bar-2.png" alt=""></div>
    
                                <!-- Main Menu -->
                                <nav class="main-menu navbar-expand-md navbar-light">
                                </nav>
                            </div>
                            <div class="navbar-right-info">
                                <div class="sign-in"><a href="#"><i class="flaticon-delivery-man-1"></i>Appel:  <?php  echo $setting['phone']; ?></a></div>
                                <div class="language">
                                    <!--<span class="icon"><img src="assets/images/resource/flags/de.png" alt=""></span> -->
                                    <form action="#" class="language-switcher">
                                       
                                    </form>
                                </div>
                            </div>
                        </div>                        
                    </div>
                </div>
            </div>
        </div><!-- End Sticky Menu -->

        <!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            <div class="close-btn"><span class="icon flaticon-remove"></span></div>
            
            <nav class="menu-box">
                <div class="nav-logo"><a href="index.html"><img src="assets/images/logo-econfortplus.png" alt="" title=""></a></div>
                <div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
				<!--Social Links-->
				<div class="social-links">
					<ul class="clearfix">
						<li><a href="#"><span class="fab fa-twitter"></span></a></li>
						<li><a href="#"><span class="fab fa-facebook-square"></span></a></li>
						<li><a href="#"><span class="fab fa-pinterest-p"></span></a></li>
						<li><a href="#"><span class="fab fa-instagram"></span></a></li>
						<li><a href="#"><span class="fab fa-youtube"></span></a></li>
					</ul>
                </div>
            </nav>
        </div><!-- End Mobile Menu -->

        <div class="nav-overlay">
            <div class="cursor"></div>
            <div class="cursor-follower"></div>
        </div>
    </header>
    <!-- End Main Header -->