<?php
ob_start();
require_once "include/config.php";
require_once "include/startup.php";
?>
<!DOCTYPE html>
<html lang="en" class=" -webkit-">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" href="<?= DOC_ROOT ?>assets/images/favicon.png">    
  <title><?php echo $metatitle ?></title>    
  <meta name="description" content="<?php echo $metadescription; ?>">    
  <meta name="keywords" content="<?php echo $metakeywords; ?>">
  <!--<meta property="og:image" content="<?= DOC_ROOT ?>assets/images/orgatec-logo.png" />-->
  <link href="<?= DOC_ROOT ?>assets/css/bootstrap4.min.css" type="text/css" rel="stylesheet">
  <link href="<?= DOC_ROOT ?>assets/css/custom-style.css" type="text/css" rel="stylesheet">
  <link href="<?= DOC_ROOT ?>assets/css/animate.css" type="text/css" rel="stylesheet">
  
  <!-- Link Swiper's CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css"/>
 <!-- <link  rel="stylesheet"  href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>-->
 <!-- <link href="<?= DOC_ROOT ?>assets/css/main.css" type="text/css" rel="stylesheet">
  <link href="<?= DOC_ROOT ?>assets/css/slides.css" type="text/css" rel="stylesheet">
  
  <link href="<?= DOC_ROOT ?>assets/css/style.css" type="text/css" rel="stylesheet">
  <link href="<?= DOC_ROOT ?>assets/css/color-style.css" type="text/css" rel="stylesheet">-->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="<?= DOC_ROOT ?>assets/css/owl.carousel.min.css">
  <link rel="stylesheet" href="<?= DOC_ROOT ?>assets/css/owl.theme.default.min.css">

  <script src="<?= DOC_ROOT ?>assets/js/wow.min.js"></script>
 <!--<script src="<?= DOC_ROOT ?>assets/js/jquery.easing.js"></script>-->
    <script src="<?= DOC_ROOT ?>assets/plugins/jquery/jquery-3.3.1.min.js"></script>
  <script src="<?= DOC_ROOT ?>assets/js/bootstrap4.min.js"></script>
  <!--<script src="<?= DOC_ROOT ?>assets/js/jquery.cycle2.min.js"></script>
  <script src="<?= DOC_ROOT ?>assets/js/jquery.cycle2.carousel.min.js"></script>
  <script src="<?= DOC_ROOT ?>assets/js/form-ajax.js"></script>-->
  <script src="<?= DOC_ROOT ?>assets/js/owl.carousel.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
  <link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
 
 <!--
 <?= $exhibitionlogo ?>
 <?=ShowExhibitionDate($exhibitionid);?> 
 <?=$exhibition_venue;?>
 -->
  
</head>

<body class="body " id="body" data-spy="scroll" data-target=".navbar" data-offset="50">    

    <section class="main-page">
    <header>
        <div class="container-large">
    <div class="row m-0 p-2"><div class="col-md-6 offset-sm-6 text-right p-0 title7 weight600 col-7 offset-5">11-14 March 2026 | Yashobhoomi (IICC), Dwarka,
New Delhi</div></div>
</div>
    <nav class="navbar navbar-expand-md navbar-right main-navbar container-large">
        
  <a class="navbar-brand" href="#"><img src="<?= DOC_ROOT ?>assets/images/imm_india_logo.png" class="main-logo"></a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="collapsibleNavbar">
    <ul class="navbar-nav ml-auto " >
    <!--  <li class="nav-item">
        <a class="nav-link" href="#home">Home</a>
      </li>-->
      <li class="nav-item">
        <a class="nav-link" href="#tradefair"> Trade fair</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#forexhibitors"> For Exhibitors</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#forvisitors"> For Visitors</a>
      </li>
       <!-- Dropdown -->
   <!-- <li class="nav-item custom-dropdown custom-dropdown-1">
      <a class="nav-link ">
       Trade fair
     </a>
      <div class="items">
        <a class="dropdown-item" href="#" style="--i:1;"><span></span>Facts & Figures</a>
        <a class="dropdown-item" href="#" style="--i:2;"><span></span>Opening Hours</a>
        <a class="dropdown-item" href="#" style="--i:3;"><span></span>Media Partners</a>
      </div>
    </li>
    <li class="nav-item custom-dropdown custom-dropdown-2">
      <a class="nav-link " >
       For Exhibitors
      </a>
      <div class="items">
        <a class="dropdown-item" href="#" style="--i:1;"><span></span>Link 1</a>
        <a class="dropdown-item" href="#" style="--i:2;"><span></span>Link 2</a>
        <a class="dropdown-item" href="#" style="--i:3;"><span></span>Link 3</a>
      </div>
    </li>
    <li class="nav-item custom-dropdown custom-dropdown-3">
      <a class="nav-link " >
       For Visitors
      </a>
      <div class="items">
        <a class="dropdown-item" href="#" style="--i:1;"><span></span>Link 1</a>
        <a class="dropdown-item" href="#" style="--i:2;"><span></span>Link 2</a>
        <a class="dropdown-item" href="#" style="--i:3;"><span></span>Link 3</a>
      </div>
    </li>
  -->
      <li class="nav-item">
        <a class="nav-link" href="#">Media</a>
      </li>
    </ul>
  </div>  
</nav>
</header>

