<?php
require_once("config/function.php");
$main_site_data = main_site_data();
$site_data = site_data();
?>
<!DOCTYPE html>
<html lang="en" class="loading">
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title><?= isset($site_data['title']) ? $site_data['title'] : 'Default Title' ?></title>
    <meta name="author" content="New WEB">
    <link rel="icon" href="<?=isset($site_data['logo']) ? $site_data['logo'] : ''?>" type="image/*" sizes="10x10">
    <meta name="theme-color" content="#3063A0"><!-- End FAVICONS -->
    <!-- GOOGLE FONT -->
    <link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,500,600" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/open-iconic/1.1.1/font/css/open-iconic-bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <!-- BEGIN PLUGINS STYLES -->
    <link rel="stylesheet" href="layouts/home/css/aos.css"><!-- END PLUGINS STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link rel="stylesheet" href="layouts/home/css/theme.min.css" data-skin="default">
    <link rel href="assets/stylesheets/theme-dark.min.css" data-skin="dark" disabled="true">
    <link rel="stylesheet" href="layouts/home/css/custom.css">
    <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
<style>
body {
    font-family: 'Poppins';font-size: 18px;
}


</style>
<style>
    .form-title {
      text-align: center;
    }
  </style>
<script>
// var skin = localStorage.getItem('skin') || 'default';
// var disabledSkinStylesheet = document.querySelector('link[data-skin]:not([data-skin="' + skin + '"])');

// disabledSkinStylesheet.setAttribute('rel', '');
// disabledSkinStylesheet.setAttribute('disabled', true);

// document.querySelector('html').classList.add('loading');
</script>
<style>
.logo {
    max-width: 180px;
    height: auto;
}
</style>

  </head>
  <body>
    <!-- .app -->
    <main class="app app-site">
      <!-- site header -->
      <!-- .navbar -->
      <nav class="navbar navbar-expand-lg navbar-light py-2" data-aos="fade-in">
        <!-- .container -->
        <div class="container">
          <!-- .hamburger -->
          <button class="hamburger hamburger-squeeze hamburger-light d-flex d-lg-none" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
              <span class="hamburger-box"><span class="hamburger-inner"></span></span>
          </button> <!-- /.hamburger -->
          <!-- .navbar-brand -->
          <a class="navbar-brand ml-auto mr-0" href="index"><img src="<?= isset($site_data['logo']) ? $site_data['logo'] : '' ?>" class="logo" style="height: 50px;"></a>
          <a class="navbar-btn btn btn-subtle-success ml-auto order-lg-2" href="members/login">Member Login</a> <!-- .navbar-collapse -->
          <div class="navbar-collapse collapse" id="navbarTogglerDemo01">
            <ul class="navbar-nav mx-auto">
              <li class="nav-item mr-lg-3 active">
                <a class="nav-link py-2" href="index">Home</a>
              </li>
              <li class="nav-item mr-lg-3">
                <a class="nav-link py-2" href="about">About Us</a>
              </li>
              <li class="nav-item mr-lg-3">
                <a class="nav-link py-2" href="#services">Services</a>
              </li>
              <li class="nav-item mr-lg-3">
                <a class="nav-link py-2" href="#partner">Business Partners</a>
              </li>
              <li class="nav-item mr-lg-3">
                <a class="nav-link py-2" href="#contact">Contact</a>
              </li>
            </ul>
          </div><!-- /.navbar-collapse -->
        </div><!-- /.container -->
      </nav><!-- /.navbar -->
      <!-- /site header -->