<!DOCTYPE html>
<html lang="en">
<head>
	<base href="<?=base_url('template/front')."/"?>">
  	<!-- Meta -->
  	<meta charset="utf-8">
  	<meta http-equiv="X-UA-Compatible" content="IE=edge">
  	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
	<meta name="description" content="<?=esc($meta_data['description'])?>">
	<meta name="keywords" content="<?=esc($meta_data['keywords'])?>">
	<meta name="author" content="Maid ORA">
  	<!-- Page Title -->
    <title></title>
  <!-- Favicon Icon -->
  <link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
  <!-- Google Fonts Css-->
  <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=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
  <!-- Bootstrap Css -->
  <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
  <!-- SlickNav Css -->
  <link href="css/slicknav.min.css" rel="stylesheet">
  <!-- Swiper Css -->
  <link rel="stylesheet" href="css/swiper-bundle.min.css">
  <!-- Font Awesome Icon Css-->
  <link href="css/all.min.css" rel="stylesheet" media="screen">
  <!-- Animated Css -->
  <link href="css/animate.css" rel="stylesheet">
    <!-- Magnific Popup Core Css File -->
  <link rel="stylesheet" href="css/magnific-popup.css">
  <!-- Mouse Cursor Css File -->
  <link rel="stylesheet" href="css/mousecursor.css">
  <!-- Main Custom Css -->
  <link href="css/custom.css" rel="stylesheet" media="screen">
</head>
<body>