<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!--Bootstrap Css-->
        <link rel="stylesheet" href="<?= base_url('assets/css/bootstrap.min.css') ?>">
        <!--Meanmenu Css-->
        <link rel="stylesheet" href="<?= base_url('assets/css/meanmenu.css') ?>">
        <!--Owl carousel-->
        <link rel="stylesheet" href="<?= base_url('assets/css/owl.carousel.min.css') ?>">
        <!--Owl Theme-->
        <link rel="stylesheet" href="<?= base_url('assets/css/owl.theme.default.min.css') ?>">
        <!--Magnific-popup-->
        <link rel="stylesheet" href="<?= base_url('assets/css/magnific-popup.css') ?>">
        <!--Flaticon-->
        <link rel="stylesheet" href="<?= base_url('assets/css/flaticon.css') ?>">
        <!--Remixicon-->
        <link rel="stylesheet" href="<?= base_url('assets/css/remixicon.css') ?>">
        <!--Odometer-->
        <link rel="stylesheet" href="<?= base_url('assets/css/odometer.min.css') ?>">
        <!--Aos css-->
        <link rel="stylesheet" href="<?= base_url('assets/css/aos.css') ?>">
        <!--Style css-->
        <link rel="stylesheet" href="<?= base_url('assets/css/style.css') ?>">
        <!--Dark css-->
        <link rel="stylesheet" href="<?= base_url('assets/css/dark.css') ?>">
        <!--Responsive css-->
        <link rel="stylesheet" href="<?= base_url('assets/css/responsive.css') ?>">
         <!--custom css-->
        <link rel="stylesheet" href="<?= base_url('style/style.css') ?>">
        <!--Site Information Start-->
            <?php
            $sql = "SELECT field_name, value FROM `site_details`";
            $result = mysqli_query($con,$sql);

            $data = [];
            while ($row = mysqli_fetch_array($result)) {
                
            array_push($data, array('field_name' => $row['field_name'],'value' => $row['value']));
            }
            //print_r($data);//to show all information in a array open this line and use value to print entire website
          //  echo $data[13]['field_name'];	
           // echo $data[0]['value'];	

            ?>
        
        
        <title>
        <?php

                if(isset($page_title)) {echo "$page_title";} else { echo $data[0]['value'];}

                //   if(isset($page_title)) {echo $data[0]['value'];} else { echo $data[0]['value'];}

                ?>
        </title>
        <script src='https://www.google.com/recaptcha/api.js'></script>
        <link rel="icon" type="image/png" href="<?= base_url('uploads/'.$data[12]['value'])?>" width="10px;">
    </head>
    <body>

        <!-- Pre Loader Start -->
       <!-- <div class="preloader clock text-center">
            <div class="organiaLoader">
                <div class="loaderO">
                <span>BD</span>
                <span>E</span>
                <span>M</span>
                <span>A</span>
                <span>R</span>
                <span>K</span>
                <span>E</span>
                <span>T</span>
                <span>I</span>
                </div>
            </div>
        </div>-->
        <!-- Pre Loader End -->

        <!--Mouce Cursor-->
        <div class="mouseCursor cursor-outer"></div>
        <div class="mouseCursor cursor-inner"><span>Drag</span></div>
        <!--Mouce Cursor-->

        <!--Start Top Header-->
        <div class="tob-header-area">
            <div class="container-fluid">
                <div class="row align-items-center">
                    <div class="col-lg-4 col-md-4">
                        <div class="heder-left-content">
                            <div class="content">
                                <i class="ri-user-voice-line"></i>
                                <p>Welcome To Our Digital Marketing Agency</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-8 col-md-8">
                        <div class="heder-right-content">
                            <div class="row align-items-center">
                                <div class="col-lg-9 col-md-7">
                                    <div class="time-content">
                                        <i class="ri-time-line"></i>
                                        <p>Sun-Thu: 10 AM to 7 PM - Sat-Fri: Closed</p>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-5">
                                    <div class="social-content">
                                        <ul>
                                            <li>
                                                <a href="<?=$data[8]['value']?>" target="_blank"><i class="ri-facebook-line"></i></a>
                                            </li>
                                            <li>
                                                <a href="<?=$data[9]['value']?>" target="_blank"><i class="ri-twitter-line"></i></a>
                                            </li>
                                            <li>
                                                <a href="<?=$data[11]['value']?>" target="_blank"><i class="ri-instagram-line"></i></a>
                                            </li>
                                            <li>
                                                <a href="<?=$data[10]['value']?>" target="_blank"><i class="ri-linkedin-line"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--End Top Header-->

        <!--Start Middle Header-->
        <div class="middle-header-area">
            <div class="container-fluid">
                <div class="row align-items-center">
                    <div class="col-lg-4">
                        <div class="middle-header-logo">
                            <img src="<?= base_url('uploads/'.$data[12]['value'])?>" class="logo-1" alt="Logo">
                            <img src="<?= base_url('uploads/'.$data[12]['value'])?>" class="logo-2" alt="Logo">
                        </div>
                    </div>
                    <div class="col-lg-8">
                        <div class="middle-header-right-content">
                            <ul>
                                <li>
                                    <div class="header-contact-box">
                                        <div class="icon">
                                            <i class="flaticon-phone-call-1"></i>
                                        </div>
                                        <p>Call Us Now</p>
                                        <a href="tel:<?=$data[4]['value']?>"><?=$data[4]['value']?></a>
                                    </div>
                                </li>
                                <li>
                                    <div class="header-contact-box">
                                        <div class="icon">
                                            <i class="flaticon-mail"></i>
                                        </div>
                                        <p>Email Address</p>
                                        <a href="mailto: <?= $data[6]['value']?>"><span><?= $data[6]['value']?></span></a>
                                    </div>
                                </li>
                                <li>
                                    <div class="header-contact-box">
                                        <div class="icon">
                                            <i class="flaticon-place"></i>
                                        </div>
                                        <p>Address</p>
                                        <span><?=$data[3]['value']?></span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--End Middle Header-->