<?php
ob_start();
session_start();
$current_page = basename($_SERVER['PHP_SELF']);
$current_page_link = basename($_SERVER['REQUEST_URI']);

require_once("config.php");
require_once("meta.php");

date_default_timezone_set('Asia/Kolkata');

//FETCH SITE SETTINGS
$fetch_settings = mysqli_fetch_array(mysqli_query($connection,"SELECT * FROM `pd_administrator` WHERE `admin_id` = '1'"));
$contact_address = stripslashes($fetch_settings['contact_address']);
$contact_email = $fetch_settings['contact_email'];
$contact_no1 = $fetch_settings['contact_no1'];
$contact_no2 = $fetch_settings['contact_no2'];

$facebook_link = $fetch_settings['facebook_link'];
$twitter_link = $fetch_settings['twitter_link'];
$instagram_link = $fetch_settings['instagram_link'];
?>

<!DOCTYPE html>
<html dir="ltr" lang="en">
	<head>
		<!-- Meta Tags -->
		<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
		<meta name="description" content="<?php echo $meta_description;?>" />
		<meta name="keywords" content="<?php echo $meta_keywords;?>" />
		<meta name="author" content="" />
		
		<!-- Page Title -->
		<title><?php echo $meta_title;?></title>
		
		<!-- Favicon and Touch Icons -->
		<link href="images/favicon.png" rel="shortcut icon" type="image/png">
		
		<!-- Stylesheet -->
		<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
		
		<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
		
		<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>
		
        <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script>
		
		<!-- Stylesheet -->
		<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
		<link href="css/jquery-ui.min.css" rel="stylesheet" type="text/css">
		<link href="css/animate.css" rel="stylesheet" type="text/css">
		<link href="css/css-plugin-collections.css" rel="stylesheet"/>
		<!-- CSS | menuzord megamenu skins -->
		<link id="menuzord-menu-skins" href="css/menuzord-skins/menuzord-rounded-boxed.css" rel="stylesheet"/>
		<!-- CSS | Main style file -->
		<link href="css/style-main.css" rel="stylesheet" type="text/css">
		<!-- CSS | Preloader Styles -->
		<link href="css/preloader.css" rel="stylesheet" type="text/css">
		<!-- CSS | Custom Margin Padding Collection -->
		<link href="css/custom-bootstrap-margin-padding.css" rel="stylesheet" type="text/css">
		<!-- CSS | Responsive media queries -->
		<link href="css/responsive.css" rel="stylesheet" type="text/css">
		<!-- CSS | Style css. This is the file where you can place your own custom css code. Just uncomment it and use it. -->
		<!-- <link href="css/style.css" rel="stylesheet" type="text/css"> -->
		
		<!-- Revolution Slider 5.x CSS settings -->
		<link  href="js/revolution-slider/css/settings.css" rel="stylesheet" type="text/css"/>
		<link  href="js/revolution-slider/css/layers.css" rel="stylesheet" type="text/css"/>
		<link  href="js/revolution-slider/css/navigation.css" rel="stylesheet" type="text/css"/>
		
		<!-- CSS | Theme Color -->
		<link href="css/colors/theme-skin-color-set-1.css" rel="stylesheet" type="text/css">
		
		<!-- external javascripts -->
		<script src="js/jquery-2.2.4.min.js"></script>

		<link rel="stylesheet" href="dist/css/lightbox.css">
		<script src="dist/js/lightbox-plus-jquery.min.js"></script>

		<script src="js/jquery-ui.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<!-- JS | jquery plugin collection for this theme -->
		<script src="js/jquery-plugin-collection.js"></script>
		
		<!-- Revolution Slider 5.x SCRIPTS -->
		<script src="js/revolution-slider/js/jquery.themepunch.tools.min.js"></script>
		<script src="js/revolution-slider/js/jquery.themepunch.revolution.min.js"></script>
		
		<link rel="stylesheet" type="text/css" href="css/slider.css">
		
		<!--<script type="text/javascript" src="https://js.stripe.com/v2/"></script>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-creditcardvalidator/1.0.0/jquery.creditCardValidator.js"></script>
        <script type="text/javascript" src="script/payment.js"></script>-->
		
		<style>
	    @media only screen and (max-width: 479px) 
	    {
            #desktop-view{
            display: none;
            }
            #mobile-view{
            display: inline-block;
            }
            #tab-view{
            display: none;
            }
            
            .hpk
            {
                font-size:12px;
            }
        }
        @media (min-width: 480px) and (max-width: 800px)
	    {
            #desktop-view{
            display: none;
            }
            #mobile-view{
            display: none;
            }
            #tab-view{
            display: block;
            }
            
            .hpk
            {
                font-size:16px;
            }
        }
		</style>
		
		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->
		</head>
		<body class="">
			<div id="wrapper" class="clearfix">
				<header id="header" class="header">
					<div class="header-nav">
						<div class="header-nav-wrapper navbar-scrolltofixed bg-white" style="box-shadow: 0 8px 6px -6px #ddd;">
							<div class="container">
								<nav id="menuzord-right" class="menuzord default">
									<a class="menuzord-brand pull-left flip" id="desktop-view" href="index.php">
										<img src="images/propertidost.png" alt="" style="padding-top:1px; padding-bottom:1px; max-width:90%;">
									</a>
									<a class="menuzord-brand pull-left flip" id="tab-view" href="index.php">
										<img src="images/propertidost.png" alt="" style="padding-top:1px; padding-bottom:1px; max-width:90%;">
									</a>
									<a class="menuzord-brand pull-left flip" id="mobile-view" href="index.php">
										<img src="images/propertidost_mobile.png" alt="" style="padding-top:5px; padding-bottom:10px; max-width:80%;">
									</a>
									<ul class="menuzord-menu">
										<li <?php if($current_page == 'home.php') { ?>class="active"<?php } ?>><a href="home.php">Home</a></li>
										<li <?php if($current_page == 'about-us.php') { ?>class="active"<?php } ?>><a href="about-us.php">About Us</a></li>
										<li <?php if($current_page_link == 'property-list.php?type_id=1') { ?>class="active"<?php } ?>><a href="property-list.php?type_id=1">Residential</a></li>
										<li <?php if($current_page_link == 'property-list.php?type_id=2') { ?>class="active"<?php } ?>><a href="property-list.php?type_id=2">Commercial</a></li>
										<li <?php if($current_page_link == 'property-list.php?type_id=3') { ?>class="active"<?php } ?>><a href="property-list.php?type_id=3">Land</a></li>
										<li <?php if($current_page == 'interior-design.php') { ?>class="active"<?php } ?>><a href="interior-design.php">Interior Design</a></li>
										<li <?php if($current_page == 'loan.php') { ?>class="active"<?php } ?>><a href="loan.php">Loan</a></li>
										<li <?php if($current_page == 'contact-us.php') { ?>class="active"<?php } ?>><a href="contact-us.php">Contact Us</a></li>
									</ul>
								</nav>
							</div>
						</div>
					</div>
				</header>
  
			  	<!-- Start main-content -->
				<div class="main-content">
