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

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

date_default_timezone_set('Asia/Kolkata');
?>

<!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;
            }
        }
        @media (min-width: 480px) and (max-width: 800px)
	    {
            #desktop-view{
            display: none;
            }
            #mobile-view{
            display: none;
            }
            #tab-view{
            display: block;
            }
        }
		</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 style="position:relative;" id="desktop-view">
    <div style="text-align:center; position:absolute;z-index:99; left:0; right:0; background:#fff; padding:5px 10px 10px 10px; margin-left:500px; margin-right:500px; border-bottom-left-radius:20px;border-bottom-right-radius:20px;"><img src="images/propertidost.png" alt=""></div>
    <a href="home.php"><div class="col-md-6" style="padding:0; top:0; right:0; left:0; bottom:0;"><img src="images/buyer.jpg" alt="" class="img-fullwidth"></div></a>
    <a href="broker-login.php"><div class="col-md-6" style="padding:0; top:0; right:0; left:0; bottom:0;"><img src="images/broker.jpg" alt="" class="img-fullwidth"></div></a>
</div>
<div style="position:relative;" id="tab-view">
    <div style="text-align:center; position:absolute;z-index:99; left:0; right:0; background:#fff; padding:5px 10px 10px 10px; margin-left:500px; margin-right:500px; border-bottom-left-radius:20px;border-bottom-right-radius:20px;"><img src="images/propertidost.png" alt=""></div>
    <a href="home.php"><div class="col-md-6" style="padding:0; top:0; right:0; left:0; bottom:0;"><img src="images/buyer.jpg" alt="" class="img-fullwidth"></div></a>
    <a href="broker-login.php"><div class="col-md-6" style="padding:0; top:0; right:0; left:0; bottom:0;"><img src="images/broker.jpg" alt="" class="img-fullwidth"></div></a>
</div>
<div style="position:relative;" id="mobile-view">
    <div style="text-align:center; position:absolute;z-index:99; left:0; right:0; background:#fff; padding:5px 5px 5px 5px; margin-left:125px; margin-right:125px; border-bottom-left-radius:10px;border-bottom-right-radius:10px;"><img src="images/propertidost_mobile11.png" alt=""></div>
    <a href="home.php"><div class="col-xs-6" style="padding:0; top:0; right:0; left:0; bottom:0;"><img src="images/buyer.jpg" alt=""></div></a>
    <a href="broker-login.php"><div class="col-xs-6" style="padding:0; top:0; right:0; left:0; bottom:0;"><img src="images/broker.jpg" alt=""></div></a>
    <!--<div style="text-align:center; position:absolute;z-index:99; top:333px; left:25px; right:25px; background:#fff; padding:0 6px 6px 6px;  border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;"><img src="images/propertidost.png" alt=""></div>-->
</div>
<!--<footer id="footer" class="footer bg-black-222" style="border:0;">
				<div class="footer-bottom bg-black-111">
					<div class="container pt-10 pb-10">
						<div class="row">
							<div class="col-md-12">
								<p class="font-14 text-black-777 m-0 pt-10" style="text-align:center;">&copy; <?php echo date('Y');?> Properti Dost. All Rights Reserved. Developed By <a href="https://www.prismonline.co.in" target="_blank" style="color:#fff;">Prismhub Online Soultions Pvt. Ltd.</a></p>
							</div>
						</div>
					</div>
				</div>
			</footer>-->
<!-- Footer Scripts --> 
		<script src="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/jquery.flexslider.min.js"></script>
		<!-- JS | Custom script for all pages --> 
		<script src="js/custom.js"></script>
		
        <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
        <!-- Stripe JavaScript library -->
        <script src="https://js.stripe.com/v2/"></script>
        <script src="js/jquery.min.js"></script>

		<!-- SLIDER REVOLUTION 5.0 EXTENSIONS  
		(Load Extensions only on Local File Systems ! 
		The following part can be removed on Server for On Demand Loading) --> 
		<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.actions.min.js"></script> 
		<!--<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.carousel.min.js"></script>--> 
		<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.kenburn.min.js"></script> 
		<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.layeranimation.min.js"></script> 
		<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.migration.min.js"></script> 
		<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.navigation.min.js"></script> 
		<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.parallax.min.js"></script> 
		<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.slideanims.min.js"></script> 
		<script type="text/javascript" src="js/slider.js"></script>
	</body>
</html>  
