<!DOCTYPE html>
<html lang="zxx"> 
    <head>
        <!-- meta tag -->
        <meta charset="utf-8">
        <title>UN HABITAT - Home</title>
        <meta name="description" content="">
        <!-- responsive tag -->
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="shortcut icon" type="image/x-icon" href="assets/images/fav.png">
        <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css">
        <link rel="stylesheet" type="text/css" href="assets/fonts/flaticon.css">
        <link rel="stylesheet" type="text/css" href="assets/css/animate.css">
        <link rel="stylesheet" type="text/css" href="assets/css/owl.carousel.css">
        <link rel="stylesheet" type="text/css" href="assets/css/off-canvas.css">
        <link rel="stylesheet" type="text/css" href="assets/css/magnific-popup.css">
        <link rel="stylesheet" href="assets/css/rsmenu-main.css">
        <link rel="stylesheet" type="text/css" href="assets/inc/custom-slider/css/nivo-slider.css">
        <link rel="stylesheet" type="text/css" href="assets/inc/custom-slider/css/preview.css">
        <link rel="stylesheet" type="text/css" href="assets/css/rs-spacing.css">
        <link rel="stylesheet" type="text/css" href="style.css"> 
        <link rel="stylesheet" type="text/css" href="assets/css/responsive.css">
		<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
    </head>
    <body class="defult-home">
        <!--Preloader area end here-->
		<!-- Main content Start -->
        <div class="main-content">

        <!--Full width header Start-->
        <?php include("include/header.php");?>
        <!--Full width header End-->
      
            <!-- Slider Start -->
            <div id="rs-slider" class="rs-slider slider3">
                <div class="bend niceties">
                    <div id="nivoSlider" class="slides">
                        <img src="assets/images/slider/h3-sl1.jpg" alt="" title="#slide-1" />
                    </div>
                    <!-- Slide 1 -->
                    <div id="slide-1" class="slider-direction">
                        <div class="content-part">
                            <div class="container">
                                <div class="slider-des">
                                    
                                    <h1 class="sl-title">Welcome to UN HABITAT</h1>
                                </div>
                                <div class="desc">Everyone has a fundamental human right to housing, which ensures access to a safe, secure, habitable, and affordable home. UN-Habitat places affordability...</div>
                                <div class="slider-bottom ">
                                    <a class="readon consultant slider" href="about.php">Read More</a>
                                </div>
								<!--<div class="slider-bottom ">
                                    <a class="readon consultant slider" href="registration.php">Registration</a>
                                </div>-->
                            </div>
                        </div>
                    </div>
                    
                </div>
                <div id="rs-services" class="rs-services chooseus-style pt-2 pb-2">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-4 md-mb-30">
                                <div class="services-item">
                                    <div class="services-text">
                                        <h3 class="title"><a href="#">UN HABITATs features</a></h3>
                                        <a href="#"><i class="fa fa-arrow-right"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 md-mb-30">
                                <div class="services-item">
                                    <div class="services-text">
                                        <h3 class="title"><a href="#">UN HABITAT scope</a></h3>
                                        <a href="#"><i class="fa fa-arrow-right"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="services-item">
                                    
                                    <div class="services-text">
                                        <h3 class="title"><a href="#">User Stories</a></h3>
                                        <a href="#"><i class="fa fa-arrow-right"></i></a>
                                    </div>
                                </div>
                            </div> 
                        </div>
                    </div>
                </div>
            </div>
            <!-- Slider End -->
            
            <div class="rs-about main-home bg1 pt-60 pb-60">
                <div class="container">
                    <div class="row y-middle">
                        <div class="col-lg-6 md-mb-50">
                            <div class="images-part">
                                <img src="assets/images/about/about.png" alt="Images">
                            </div>
                        </div>
                        <div class="col-lg-6 pl-60 md-pl-15">
                            <div class="sec-title">
                                <h2 class="title pb-30">
                                    About UN HABITAT
                                </h2>

                                <p class="text-justify">Everyone has a fundamental human right to housing, which ensures access to a safe, secure, habitable, and affordable home. UN-Habitat places affordability, sustainability and inclusiveness of the housing sector at the core of the urbanization process to ensure access to adequate housing for all.  Housing is more than just a roof; it’s the opportunity for better lives and a better future. </p>
								<h4>The Challenge</h4>
                                <p class="text-justify margin-0">
								By 2030, UN-Habitat estimates that 3 billion people, about 40 per cent of the world’s population, will need access to adequate housing. This translates into a demand for 96,000 new affordable...
								</p>
                                <div class="btn-part mt-45">
                                    <a class="readon consultant discover" href="#">Read More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Premium Services Section Start -->
            <div id="rs-services" class="rs-services style2 gray-bg pt-40 pb-40 main-services">
                <div class="container">
                    
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="service-wrap">
                            	<h3 class="title"><a href="#"><h2>Latest Story</h2></a></h3>
                                <div class="image-part">
                                    <img src="assets/images/services/style2/1.jpg" alt="">
                                </div>
                                <div class="content-part">
                                    
                                    <a href="#" class="readon consultant">Know More</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="service-wrap">
                            	<h3 class="title"><a href="UN HABITATwork.php"><h2>Could UN HABITAT work for you?</h2></a></h3>
                                
                                <div class="content-part pt-0">
                                    <div class="desc mb-30">If you are a research organization and want to ditch the traditional methods of conducting surveys and part ways with the hassle associated with them then UN HABITAT is a solution that lets you replace traditional paper with electronic...</div>
                                    <a href="UN HABITATwork.php" class="readon consultant">Know More</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="service-wrap">
                            	<h3 class="title"><a href="#"><h2>Watch UN HABITAT in action</h2></a></h3>
                                
                                <div class="content-part pt-0">
                                    <div class="rs-videos choose-video">
                                        <div class="images-video">
                                            <img src="assets/images/choose/choose-2.png" alt="images">
                                        </div>
                                        <div class="animate-border">
                                            <a class="popup-border" href="https://www.youtube.com/watch?v=">
                                                <i class="fa fa-play"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="rs-services packages style5 bg14 pt-70 pb-40">
               
                <div class="container">
                
                	<div class="row">
                        <div class="col-md-4">
                            <div class="package-card">
                                <h2 class="card_title">Overview </h2>
                                <hr>
                                <p class="text-white">We support sustainable and inclusive planning and design of cities by developing normative work, providing technical assistance in the formulation of urbanization polices and strategies, building local capacity and delivering context-specific</p>
                                <button class="cta_btn">Read More</button>
                            </div>
                          </div>
                          <div class="col-md-4">
                            <div class="package-card">
                                <h2 class="card_title">The Challenge</h2>
                                <hr>
                                <p class="text-white">By 2050 approximately two thirds of the world’s population will be living in urban areas, bringing a distinct set of challenges and opportunities to the area of urban development.</span>
							  </p>
                                <button class="cta_btn">Read More</button>
                            </div>
                          </div>
                          <div class="col-md-4">
                            <div class="package-card">
                                <h2 class="card_title"> Solutions</h2>
                                <hr>
                                <p class="text-white">To address the multifaceted challenges of urbanization and make the most of the ‘urban advantage’, UN-Habitat’s urban planning and design work creates spatial strategies and plans, alongside inclusive processes...</p>
                                <button class="cta_btn">Read More</button>
                            </div>
                          </div>
                    </div>
                </div>
            </div>
            <!-- Project Section Start -->
            <div class="rs-services style5 bg14 pt-40 pb-40">
                <div class="container">                    
                    <div class="sec-title text-center mb-50">
                        <h2 class="title title3">Our Services</h2>                           
                    </div>
                    <div class="row">
                        <div class="col-lg-4 col-md-6 mb-25">
                           <div class="flip-box-inner">
                                <div class="flip-box-wrap">
                                    <div class="front-part">
                                       <div class="front-content-part">
                                            <div class="front-icon-part">
                                                <div class="icon-part">
                                                    <img src="assets/images/logo2.png" alt=""> 
                                                </div>
                                            </div>
                                            <div class="front-title-part">
                                                <h3 class="title"><a href="#">Analyze & Visualize</a></h3>
                                            </div>
                                            <div class="front-desc-part">
                                                <p>
                                                    Present the data using generic visual layout & custom statistical widget and enable data export for further analysis
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="back-part">
                                        <div class="back-front-content">
                                            <div class="back-title-part">
                                                <h3 class="back-title"><a href="#">Analyze & Visualize </a></h3>
                                            </div>
                                            <div class="back-desc-part">
                                                <p class="back-desc">Present the data using generic visual layout & custom statistical widget and enable data export for further analysis</p>
                                            </div>
                                        
                                        </div>
                                    </div>
                                </div>
                           </div> 
                        </div>
                        
                        
                        <div class="col-lg-4 col-md-6 md-mb-25">
                           <div class="flip-box-inner">
                                <div class="flip-box-wrap">
                                    <div class="front-part">
                                       <div class="front-content-part">
                                            <div class="front-icon-part">
                                                <div class="icon-part">
                                                    <img src="assets/images/logo2.png" alt=""> 
                                                </div>
                                            </div>
                                            <div class="front-title-part">
                                                <h3 class="title"><a href="#">Privacy & Security</a></h3>
                                            </div>
                                            <div class="front-desc-part">
                                                <p>
                                                    Store your collected data in a robust, extensible & reliable cloud-based server infrastructure.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="back-part">
                                        <div class="back-front-content">
                                            <div class="back-title-part">
                                                <h3 class="back-title"><a href="#">Privacy & Security</a></h3>
                                            </div>
                                            <div class="back-desc-part">
                                                <p class="back-desc">Store your collected data in a robust, extensible & reliable cloud-based server infrastructure.</p>
                                            </div>
                                           
                                        </div>
                                    </div>
                                </div>
                           </div> 
                        </div>
                        <div class="col-lg-4 col-md-6 sm-mb-25">
                           <div class="flip-box-inner">
                                <div class="flip-box-wrap">
                                    <div class="front-part">
                                       <div class="front-content-part">
                                            <div class="front-icon-part">
                                                <div class="icon-part">
                                                    <img src="assets/images/logo2.png" alt=""> 
                                                </div>
                                            </div>
                                            <div class="front-title-part">
                                                <h3 class="title"><a href="#">Open Ecosystem</a></h3>
                                            </div>
                                            <div class="front-desc-part">
                                                <p>
                                                   Open source solution to collect, manage, analyze and store the accumulated data.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="back-part">
                                        <div class="back-front-content">
                                            <div class="back-title-part">
                                                <h3 class="back-title"><a href="#">Open Ecosystem</a></h3>
                                            </div>
                                            <div class="back-desc-part">
                                                <p class="back-desc">Open source solution to collect, manage, analyze and store the accumulated data.</p>
                                            </div>
                                            <!--<div class="back-btn-part">
                                                <a class="readon view-more" href="#">View More</a>
                                            </div>-->
                                        </div>
                                    </div>
                                </div>
                           </div> 
                        </div>
                        
                    </div>
                </div>
            </div>
            
        </div> 
		<!--///////////////////Basic /////////////////////-->
		<div class="modal fade" id="regmemem1" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
			<div class="modal-dialog ">
				<div class="modal-content">
				  <div class="modal-header">
					<h5 class="modal-title" id="exampleModalLabel">Registration</h5>
					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
				  </div>
					<form action="" method="POST" id="registration_form">
						<div class="modal-body"> 
							<div class="mb-3">
								<input type="hidden" id="member_id" name="member_id" />
								<label for="registered-as" class="col-form-label">Registered As<span>*</span> </label>
								<select class="form-control" name="registered_as" id="registed_as" placeholder="Registered As *" required>
										<option value="">Registered As </option>
										<option value="individual"<?php if(isset($_REQUEST['registered_as'])){ echo "selected";} ?>>Individual</option>
										<option value="organization"<?php if(isset($_REQUEST['registered_as'])){ echo "selected";} ?>>Organization</option>
								</select>
							  </div>
							  <div class="mb-3">
								
								<label for="client-name" class="col-form-label">Name <span>*</span> </label>
								<input type="text" class="form-control" id="form_fname" name="name" placeholder="Enter your Name" >
							  <span class="error_form" id="fname_error_message" style="color:red;"></span>
							  </div>
							  <div class="mb-3">
								<label for="message-text" class="col-form-label">Email ID <span>*</span> </label>
								<input type="email" class="form-control" id="email" name="email" placeholder="Enter your Email ID" >
							   <p id="statususer"></p>
							  </div>
							
						</div>
						  <div class="modal-footer">
							<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
							<button type="submit" class="btn btn-primary" id="register" name="submit_data">Submit</button>
						  </div>
					</form>
				</div>
			</div>
        </div>

        <!-- Main content End -->
        <?php include("include/footer.php");?>
		
        <!-- modernizr js -->
        <script src="assets/js/modernizr-2.8.3.min.js"></script>
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/jquery.nav.js"></script>
        <script src="assets/js/isotope.pkgd.min.js"></script>
        <script src="assets/js/owl.carousel.min.js"></script>
        <script src="assets/js/wow.min.js"></script>
        <script src="assets/js/skill.bars.jquery.js"></script>
        <script src="assets/js/imagesloaded.pkgd.min.js"></script>
        <script src="assets/js/waypoints.min.js"></script>
        <script src="assets/js/jquery.counterup.min.js"></script> 
        <script src="assets/js/jquery.magnific-popup.min.js"></script>
        <script src="assets/inc/custom-slider/js/jquery.nivo.slider.js"></script>
        <script src="assets/js/contact.form.js"></script>
        <script src="assets/js/main.js"></script>
	
    </body>
</html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
		<script>
			$(document).ready(function(){
				$('#email').keyup(function(){
					var email=$(this).val();
					if(email.length >= 3){
					$.ajax({
						url:"get_user_ajax.php",
						method:"POST",
						data:{email:email},
						dataType:"text",
						success:function(html)
						{
							$('#statususer').html(html);
							//alert(html);
							
						}
					})
					}
				})
			})
		</script> 
		
<script>
function memRegister(val){
	$("#member_id").attr('value',val);
}
</script>
    <script type="text/javascript">
      $(function() {
         $("#fname_error_message").hide();
            var error_fname = false;
         $("#form_fname").focusout(function(){
            check_fname();
         });
         function check_fname() {
            var pattern = /^[a-zA-Z ]*$/;
            var fname = $("#form_fname").val();
            if (pattern.test(fname) && fname !== '') {
               $("#fname_error_message").hide();
			   $('#register').attr("disabled",false);
             } else {
               $("#fname_error_message").html("Should contain only Characters and white space allow");
               $("#fname_error_message").show();
			   $('#register').attr("disabled",true);
               //$("#form_fname").css("border-bottom","2px solid #F90A0A");
               error_fname = true;
            }
         }
      });
   </script>
