<!-- meta tags and other links -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo $title; ?></title>
    <link rel="icon" type="image/png" href="<?php echo base_url();?>files/assets/images/favicon.png" sizes="16x16">
    <!-- bootstrap 5  -->
    <link rel="stylesheet" href="<?php echo base_url();?>files/assets/css/lib/bootstrap.min.css">
    <!-- Icon Link  -->
    <link rel="stylesheet" href="<?php echo base_url();?>files/assets/css/all.min.css">
    <link rel="stylesheet" href="<?php echo base_url();?>files/assets/css/line-awesome.min.css">
    <link rel="stylesheet" href="<?php echo base_url();?>files/assets/css/lib/animate.css">

    <!-- Plugin Link -->
    <link rel="stylesheet" href="<?php echo base_url();?>files/assets/css/lib/slick.css">
    <link rel="stylesheet" href="<?php echo base_url();?>files/assets/css/lib/magnific-popup.css">

    <!-- Main css -->
    <link rel="stylesheet" href="<?php echo base_url();?>files/assets/css/main.css?ver=10">
<?php
if($this->uri->segment(1) == 'sgallery')
{
?>
    <!-- plugin work lightgallery -->
    <link type="text/css" rel="stylesheet" href="<?=base_url()?>assets/lightgallery/css/lightgallery-bundle.css" />
    <link type="text/css" rel="stylesheet" href="<?=base_url()?>assets/lightgallery/css/video-js.css" />    
    <!-- end plugin work lightgallery -->

<?php 
}
?>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;500;600;700;800&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="<?php echo base_url();?>files/assets/css/effect.css">
    <script src="<?=base_url()?>files/assets/js/effect.js"></script>
    <style>
        .object-point-none {
            pointer-events: none;
            user-select: none;
        }
        .font-poppins {
            font-family: 'Poppins', sans-serif;
        }
        .font-nunito {
            font-family: 'Nunito', sans-serif;
        }
        body {
            font-family: 'Nunito', sans-serif !important;
        }
    </style>

</head>

<body>
    <!-- Overlay -->
    <div class="overlay"></div>
    <a href="javascript::void(0)" class="scrollToTop"><i class="las la-chevron-up"></i></a>
    <!-- Header Section -->
    <div class="responsive-header d-flex justify-content-between align-items-center bg-white d-lg-none shadow-none border-0 mb-0">
        <div class="header-trigger"><img src="<?php echo base_url();?>files/assets/images/icon/toggler.svg" alt="trigger" class="mw-100"></div>
        <h4 class="page-title"><?=!empty($header_title) ? $header_title : ''?></h4>
        <a href="<?=base_url()?>myqr">
            <img src="<?php echo base_url();?>files/assets/images/icon/qr-code-scan.png" alt="icon">
        </a>
    </div>
    <!-- Header Section -->