<?php 
    include('connect.php');
    $ref = $_REQUEST['ref'];

    $sql = mysqli_query($con,"select * from vlnc_city_rep where code = '$ref'");
    $row = mysqli_fetch_array($sql);
    $image2 = $row['image'];
    $name = $row['name'];
?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Viewers and Listeners Conference in your City</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <?php include('meta.php'); ?>

    <?php 
    $image = 'images/vlnclogo.jpg'; 
    $description = "Viewers and Listeners Network Conference";
    $title = 'VLNC in your City | Generate rep link';
    ?>

    <meta name="description" content="<?php echo $description; ?>">

    <meta name="msapplication-TileImage" content="<?php echo $image; ?>">

    <!-- Google / Search Engine Tags -->
    <meta itemprop="name" content="<?php echo $title; ?>">
    <meta itemprop="description" content="<?php echo $description; ?>">
    <meta itemprop="image" content="<?php echo $image; ?>">

    <!-- Facebook Meta Tags -->
    <meta property="og:url" content="https://cetunes.org/projectasia?ref=<?php echo $ref; ?>">
    <meta property="og:type" content="website">
    <meta property="og:title" content="<?php echo $title; ?>">
    <meta property="og:description" content="<?php echo $description; ?>">
    <meta property="og:image" content="<?php echo $image; ?>">

    <!-- Twitter Meta Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="<?php echo $title; ?>">
    <meta name="twitter:description" content="<?php echo $description; ?>">
    <meta name="twitter:image" content="<?php echo $image; ?>">

    
    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans:200,300,400,600,700,800,900&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
    <link rel="stylesheet" href="css/animate.css">
    
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <link rel="stylesheet" href="css/magnific-popup.css">

    <link rel="stylesheet" href="css/aos.css">

    <link rel="stylesheet" href="css/ionicons.min.css">

    <link rel="stylesheet" href="css/bootstrap-datepicker.css">
    <link rel="stylesheet" href="css/jquery.timepicker.css">

    
    <link rel="stylesheet" href="css/flaticon.css">
    <link rel="stylesheet" href="css/icomoon.css">
    <link rel="stylesheet" href="css/style.css">

    <style type="text/css" media="screen">
      .demo{ background: #f2f2f2; }
        .pricingTable{
            padding-bottom: 30px;
            margin: 0px;
            background: #fff;
            text-align: center;
            border-radius: 15px;
            overflow: hidden;
        }
        .pricingTable:hover{ box-shadow: 0 0 10px rgba(195, 67, 67, 0.3) inset,0 0 20px -5px rgba(0,0,0,0.8); }
        .pricingTable .pricingTable-header{
            padding: 20px 15px 45px;
            background: #66ce04;
            -webkit-clip-path: polygon(50% 100%, 100% 60%, 100% 0, 0 0, 0 60%);
            clip-path: polygon(50% 100%, 100% 60%, 100% 0, 0 0, 0 60%);
            position: relative;
        }
        .pricingTable .pricingTable-header:before{
            content: "";
            width: 400px;
            height: 400px;
            border-radius: 50%;
            position: absolute;
            right: -50%;
            top: -130%;
            background: repeating-radial-gradient(rgba(255,255,255,0.05), rgba(255,255,255,0.2) 20%);
            transition: all 0.5s ease 0s;
        }
        .pricingTable:hover .pricingTable-header:before{ right: 50%; }
        .pricingTable .title{
            font-size: 25px;
            color: #fff;
            margin: 0;
        }
        .pricingTable .price-value{
            display: block;
            font-size: 25px;
            color: #000;
            margin: 0 0 20px 0;
            transition: all 0.3s ease 0s;
        }
        .pricingTable .pricing-content{
            padding: 30px 25px 0;
            margin: 0;
            list-style: none;
        }
        .pricingTable .pricing-content li{
            font-size: 18px;
            color: #909090;
            line-height: 40px;
            letter-spacing: 1px;
            text-transform: capitalize;
            border-bottom: 2px solid rgba(0,0,0,0.15);
            margin-bottom: 10px;
            position: relative;
        }
        .pricingTable .pricing-content li:last-child{ border-bottom: none; }
        .pricingTable .pricing-content li i{ color: #66ce04; }
        .pricingTable .pricingTable-signup{
            display: block;
            padding: 18px 0;
            margin: 0 25px;
            border-radius: 10px;
            background: #66ce04;
            font-size: 20px;
            color: #fff;
            letter-spacing: 1px;
            text-transform: uppercase;
            overflow: hidden;
            position: relative;
            transition: all 0.3s ease 0s;
        }
        .pricingTable .pricingTable-signup:hover{
            letter-spacing: 2px;
            box-shadow: 0 0 10px rgba(0,0,0,0.7) , 0 0 0 7px rgba(255,255,255,0.5) inset;
        }
        .pricingTable .pricingTable-signup:before{
            content: "";
            width: 230px;
            height: 230px;
            border-radius: 50%;
            background: repeating-radial-gradient(rgba(255,255,255,0.05), rgba(255,255,255,0.2) 20%);
            position: absolute;
            top: -180%;
            right: -40%;
            transition: all 0.8s ease 0s;
        }
        .pricingTable .pricingTable-signup:hover:before{ right: 40%; }
        .pricingTable.blue .pricingTable-header,
        .pricingTable.blue .pricingTable-signup{ background: #342F12; }
        .pricingTable.blue .pricing-content li i{ color: #342F12; }
        .pricingTable.pink .pricingTable-header,
        .pricingTable.pink .pricingTable-signup{ background: #F1C04F; }
        .pricingTable.pink .pricing-content li i{ color: #F1C04F; }
        .pricingTable.purple .pricingTable-header,
        .pricingTable.purple .pricingTable-signup{ background: #417658; }
        .pricingTable.purple .pricing-content li i{ color: #417658; }
        .pricingTable.grey .pricingTable-signup{ background: #251D0E; }
        .pricingTable.grey .pricing-content li i{ color: #251D0E; }
        @media only screen and (max-width: 990px){
            .pricingTable{ margin-bottom: 30px; }
        }
        @media only screen and (max-width: 479px){
            .pricingTable{ margin: 0; }
            .pricingTable .pricing-content li{ font-size: 15px; }
        }
        
        .w3ls_banner_txt h4{color:gold;}
        .b-w3ltxt {font-size: 45px !important;}

        .wrapper {
            box-sizing: border-box;
            width: 100%;
            margin: 0 auto;
            text-align: center;
        }

        .timer {
            font-family: 'Roboto', sans-serif;
            font-size: 70px;
            font-weight: 100;
            display: inline-block;
            vertical-align: top;
            letter-spacing: 2px;
            color: #555;
            font-size: 20px !important1;
        }

        .text {
            font-size: 18px;
            color: #333;
        }

        .clock {
            margin-top: 0px;
        }

        .clock .column {
            display: inline-block;
            width: 21%;
        }

        @media only screen and (max-width: 768px) {
            .wrapper {
                width: 100%;
                padding: 0 20px;
            }
            .timer {
                font-size: 35px;
            }
        }

        .container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
        }

        .clear-loading {
            text-align: center;
            margin: 0 auto;
            position: relative;
            box-sizing: border-box;
        }

        .spinner {
            width: 100px;
            height: 100px;
        }

        .spinner > span, .spinner > span:before, .spinner > span:after {
            content: "";
            display: block;
            border-radius: 50%;
            border: 2px solid #fff;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .spinner > span {
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            border-left-color: transparent;
            -webkit-animation: effect-2 2s infinite linear;
            -moz-animation: effect-2 2s infinite linear;
            -o-animation: effect-2 2s infinite linear;
            -ms-animation: effect-2 2s infinite linear;
            animation: effect-2 2s infinite linear;
        }

        .spinner > span:before {
            width: 75%;
            height: 75%;
            border-right-color: transparent;
        }

        .spinner > span:after {
            width: 50%;
            height: 50%;
            border-bottom-color: transparent;
        }

        @-webkit-keyframes effect-2 {
            from {
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            to {
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @keyframes effect-2 {
            from {
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            to {
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @media screen and (max-width: 1920px) {
            .banner-form-w3 h1 {
                margin: 100px 0;
            }
            .banner-form-w3 h2 {
                margin: 50px 0;
            }
            .clock {
                margin-top: 50px;
            }
        }

        @media screen and (max-width: 1680px) {
            .banner-form-w3 h1 {
                margin: 100px 0 50px;
            }
        }

        @media screen and (max-width: 1600px) {
            .banner-form-w3 h1 {
                margin: 75px 0 50px;
            }
        }

        @media screen and (max-width: 1366px) {
            .banner-form-w3 h1 {
                margin: 50px 0;
            }
            .banner-form-w3 h2 {
                margin: 50px 0 30px;
            }
            .clock {
                margin-top: 30px;
            }
            .footer {
                margin-top: 50px;
            }
        }

        @media screen and (max-width: 1024px) {
            .banner-form-w3 h1 {
                font-size: 50px;
                margin: 40px 0;
            }
            .spinner {
                width: 90px;
                height: 90px;
            }
            .banner-form-w3 h2 {
                margin: 30px 0;
            }
            .timer {
                font-size: 75px;
            }
        }

        @media screen and (max-width: 991px) {
            .banner-form-w3 h1 {
                font-size: 40px;
            }
        }

        @media screen and (max-width: 640px) {
            .banner-form-w3 h1 {
                font-size: 35px;
            }
        }

        @media screen and (max-width: 568px) {
            .banner-form-w3 h1 {
                font-size: 30px;
                margin: 30px 0;
            }
            .spinner {
                width: 75px;
                height: 75px;
            }
            .banner-form-w3 h2 {
                margin: 20px 0;
                font-size: 25px;
            }
            .banner-form-w3 h3 {
                font-size: 14px;
            }
            .timer {
                font-size: 65px;
                letter-spacing: 0;
            }
            
        }

        @media screen and (max-width: 414px) {
            .wrapper {
                padding: 0 10px;
            }
            .text {
                font-size: 16px;
            }
        }

        @media screen and (max-width: 384px) {
            .timer {
                font-size: 55px;
            }
        }

        @media screen and (max-width: 375px) {
            .banner-form-w3 h1 {
                font-size: 25px;
                margin: 30px 0;
            }
            .timer {
                font-size: 40px;
            }
        }

        @media screen and (max-width: 360px) {
            .clock {
                margin-left: -20px;
            }
            .clock .column {
                width: 20%;
            }
        }

        @media screen and (max-width: 320px) {
            .clock {
                margin-left: -10px;
            }
            .text {
                font-size: 13px;
            }
        }

    </style>
  </head>
  <body>
    
	  <?php //include('nav.php') ?>
    <!-- END nav -->

    <div class="overlay"></div>



    

    

    <section class="ftco-section1 ftco-no-pb1">
            <div style="height: auto; width: 100%;">
                <div class="row justify-content-center mb-4" style="padding-top: 40px; padding-bottom: 40px; padding-left: 10px; padding-right: 10px;">
                  <div class="col-md-12 heading-section text-center ftco-animate ">
                    <span class="subheading">VLNC in your City</span>
                    <h2 class="mb-2">Viewers and Listeners Network Conference <?php echo $name; ?></h2>
                  </div>
                </div>
            </div>

			<div class="container">
        
				<div class="row no-gutters1">
					<div class="col-md-6 p-md-0 img img-2 justify-content-center align-items-center" style="background-image: url(); height: auto; text-align: center;">

                        <p>This is an extraordinary meeting for those who have been impacted by the teaching ministry of the Man of God, Pastor Chris via TV or Radio</p>

            <img src="<?php echo $image2; ?>" class="img-responsive" style="width:100%;">
					</div>
					<div class="col-md-6 wrap-about1 py-md-0 ftco-animate">
	          <div class="heading-section p-md-0">
	            <h2 style="text-align: center;" class="mb-4">Register now !</h2>

	            <!--<p>It's a well-known fact that less than 25% of the world's population speaks and understands English.</p>
	            <p>Tribes and Tongues is an initiative to reach every people, every tribe and every tongue with the gospel through the set up of hubs for the translation of the messages of our Man of God.</p>-->

              <form id="form2" class="bg-light p-5 contact-form">

                <input type="hidden" name="ref" value="<?php echo $ref; ?>" class="" required="">

                <div class="form-group">
                  <input type="text" class="form-control myname tt" name="name" placeholder="Full name" required="">
                </div>
                <div class="form-group">
                 
                  <input type="text" class="form-control myemail tt" name="email" placeholder="Valid email address" required="">
                </div>

                <div class="form-group">
                  <input type="text" class="form-control myname tt" name="phone" placeholder="Phone number" required="">
                </div>

                 <div class="form-group">
                  <input type="text" class="form-control myname " name="church" placeholder="Church" required="">
                </div>

                 <div class="form-group">
                  <input type="text" class="form-control myname " name="zone" placeholder="Zone" required="">
                </div>

                <div class="form-group">
                
                    <select name="country" class="form-control">
                        <?php include('countries.php'); ?>
                    </select>

                </div>

                <div class="form-group">
                  <textarea type="text" class="form-control expectation tt" name="expectation" placeholder="What are your expectations" required=""></textarea>
                </div>

        

                <div class="row justify-content-center mb-4 show_pro" style="margin:5px; margin-top: 10px; display: none;">
                  <div class="col-md-12 heading-section text-center ">
                    <span class="subheading pro2"></span>
                  </div>
                </div>

                  <div class="form-group" style="margin-top:10px;">
                    <div class="row1">
                         <div class="btn btn-primary py-3 px-3 btn-block send col">Submit</div>
                         
                    </div>
                   
                  </div>
                </div>
                
              </form>

             


              <div class="wrapper">

                        <!-- <div class="clear-loading spinner">
                            <span></span>
                        </div>-->

                        <!--<div id="getting-started"></div>-->
        
                        <!--<h2>Apologies!</h2>-->
                        <!--<br />
                        <h3 style="text-align: left1;">..Countdown..</h3>

                        <div class="clock">
                            <div class="column days">
                                <div class="timer" id="days"></div>
                                <div class="text">WEEKS</div>
                            </div>
                            <div class="timer days">:</div>
                            <div class="column">
                                <div class="timer" id="hours"></div>
                                <div class="text">DAYS</div>
                            </div>
                            <div class="timer">:</div>
                            <div class="column">
                                <div class="timer" id="minutes"></div>
                                <div class="text">HOURS</div>
                            </div>
                            <div class="timer">:</div>
                            <div class="column">
                                <div class="timer" id="seconds"></div>
                                <div class="text">MINUTES</div>
                            </div>
                        </div>-->
                </div>

	          </div>
					</div>
				</div>
			</div>
		</section>

		<!--<section class="ftco-counter img" id="section-counter">
    	<div class="container">
    		<div class="row">
          <div class="col-3 justify-content-center counter-wrap ftco-animate">
            <div class="block-18 py-4 mb-4">
              <div class="text text-border d-flex align-items-center">
                <strong class="number" data-number="305">033</strong>
                <span>Day</span>
              </div>
            </div>
          </div>
          <div class="col-3 justify-content-center counter-wrap ftco-animate">
            <div class="block-18 py-4 mb-4">
              <div class="text text-border d-flex align-items-center">
                <strong class="number" data-number="1090">44</strong>
                <span>Hour</span>
              </div>
            </div>
          </div>
          <div class="col-3 justify-content-center counter-wrap ftco-animate">
            <div class="block-18 py-4 mb-4">
              <div class="text text-border d-flex align-items-center">
                <strong class="number" data-number="209">555</strong>
                <span>Min</span>
              </div>
            </div>
          </div>
          <div class="col-3 justify-content-center counter-wrap ftco-animate">
            <div class="block-18 py-4 mb-4">
              <div class="text d-flex align-items-center">
                <strong class="number" data-number="67">666</strong>
                <span>Sec</span>
              </div>
            </div>
          </div>
        </div>
    	</div>
    </section>-->

    <!--<section class="ftco-section ftco-no-pb" style="background: #eef;">
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-md-12 heading-section text-center ftco-animate mb-5">
            <span class="subheading">Ticket types</span>
            <h2 class="mb-2">Laughing Ovation with Bishop Chikancy</h2>
          </div>
        </div>
        <div class="demo1" style="padding-bottom: 20px;">
            <div class="container1">
                <div class="row">
                    <div class="col-md-3 col-sm-6">
                        <div class="pricingTable blue">
                            <div class="pricingTable-header">
                                <h3 class="title">₦ 2,000</h3>
                                <div class="price-value"></div>
                            </div>
                            <ul class="pricing-content">
                                <!--<li><i class="fa fa-check"></i> ALL MEDIA FEATURES</li>--
                               
                            </ul>
                             <!--<a href="#" class="pricingTable-signup">Buy now</a>--
                        </div>
                    </div>

                    <div class="col-md-3 col-sm-6">
                        <div class="pricingTable pink">
                            <div class="pricingTable-header">
                                <h3 class="title">₦ 5,000</h3>
                                <div class="price-value"></div>
                            </div>
                            <ul class="pricing-content">
                                <!--<li><i class="fa fa-check"></i> ALL MEDIA FEATURES</li>--
                                
                                
                            </ul>
                             <!--<a href="#" class="pricingTable-signup">Buy now</a>--
                        </div>
                    </div>

                    <div class="col-md-3 col-sm-6">
                        <div class="pricingTable purple">
                            <div class="pricingTable-header">
                                <h3 class="title">₦ 20,000</h3>
                                <div class="price-value"></div>
                            </div>
                            <ul class="pricing-content">
                               <!--<li><i class="fa fa-check"></i> ALL MEDIA FEATURES</li>--
                                
                                
                            </ul>
                             <!--<a href="#" class="pricingTable-signup">Buy now</a>--
                        </div>
                    </div>

                    <div class="col-md-3 col-sm-6">
                        <div class="pricingTable blue">
                            <div class="pricingTable-header">
                                <h3 class="title">TABLE</h3>
                                <div class="price-value"></div>
                            </div>
                            <ul class="pricing-content">
                                <!--<li><i class="fa fa-check"></i> EXHIBITION STAND</li>--
                                <li><i class="fa fa-check"></i> Call : +2348063417901 or +2347083865389</li>
                               
                            </ul>
                            <!--<a href="#" class="pricingTable-signup">Buy now</a>--
                        </div>
                    </div>

                </div>
            </div>
        </div>
      </div>
    </section>-->

    <!--<section class="ftco-section testimony-section">
      <div class="container">
        <div class="row justify-content-center mb-5">
          <div class="col-md-7 text-center heading-section ftco-animate">
          	<span class="subheading">Testimonial</span>
            <h2 class="mb-3">Happy Clients</h2>
          </div>
        </div>
        <div class="row ftco-animate">
          <div class="col-md-12">
            <div class="carousel-testimony owl-carousel ftco-owl">
              <div class="item">
                <div class="testimony-wrap py-4">
                  <div class="text">
                    <p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
                    <div class="d-flex align-items-center">
                    	<div class="user-img" style="background-image: url(images/person_1.jpg)"></div>
                    	<div class="pl-3">
		                    <p class="name">Roger Scott</p>
		                    <span class="position">Marketing Manager</span>
		                  </div>
	                  </div>
                  </div>
                </div>
              </div>
              <div class="item">
                <div class="testimony-wrap py-4">
                  <div class="text">
                    <p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
                    <div class="d-flex align-items-center">
                    	<div class="user-img" style="background-image: url(images/person_2.jpg)"></div>
                    	<div class="pl-3">
		                    <p class="name">Roger Scott</p>
		                    <span class="position">Marketing Manager</span>
		                  </div>
	                  </div>
                  </div>
                </div>
              </div>
              <div class="item">
                <div class="testimony-wrap py-4">
                  <div class="text">
                    <p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
                    <div class="d-flex align-items-center">
                    	<div class="user-img" style="background-image: url(images/person_3.jpg)"></div>
                    	<div class="pl-3">
		                    <p class="name">Roger Scott</p>
		                    <span class="position">Marketing Manager</span>
		                  </div>
	                  </div>
                  </div>
                </div>
              </div>
              <div class="item">
                <div class="testimony-wrap py-4">
                  <div class="text">
                    <p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
                    <div class="d-flex align-items-center">
                    	<div class="user-img" style="background-image: url(images/person_1.jpg)"></div>
                    	<div class="pl-3">
		                    <p class="name">Roger Scott</p>
		                    <span class="position">Marketing Manager</span>
		                  </div>
	                  </div>
                  </div>
                </div>
              </div>
              <div class="item">
                <div class="testimony-wrap py-4">
                  <div class="text">
                    <p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
                    <div class="d-flex align-items-center">
                    	<div class="user-img" style="background-image: url(images/person_2.jpg)"></div>
                    	<div class="pl-3">
		                    <p class="name">Roger Scott</p>
		                    <span class="position">Marketing Manager</span>
		                  </div>
	                  </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="ftco-section ftco-agent ftco-no-pt">
    	<div class="container">
    		<div class="row justify-content-center pb-5">
          <div class="col-md-12 heading-section text-center ftco-animate">
          	<span class="subheading">Agents</span>
            <h2 class="mb-4">Our Agents</h2>
          </div>
        </div>
        <div class="row">
        	<div class="col-md-3 ftco-animate">
        		<div class="agent">
    					<div class="img">
		    				<img src="images/team-1.jpg" class="img-fluid" alt="Colorlib Template">
	    				</div>
	    				<div class="desc">
	    					<h3><a href="properties.html">James Stallon</a></h3>
								<p class="h-info"><span class="location">Listing</span> <span class="details">&mdash; 10 Properties</span></p>
	    				</div>
    				</div>
        	</div>
        	<div class="col-md-3 ftco-animate">
        		<div class="agent">
    					<div class="img">
		    				<img src="images/team-2.jpg" class="img-fluid" alt="Colorlib Template">
	    				</div>
	    				<div class="desc">
	    					<h3><a href="properties.html">James Stallon</a></h3>
								<p class="h-info"><span class="location">Listing</span> <span class="details">&mdash; 10 Properties</span></p>
	    				</div>
    				</div>
        	</div>
        	<div class="col-md-3 ftco-animate">
        		<div class="agent">
    					<div class="img">
		    				<img src="images/team-3.jpg" class="img-fluid" alt="Colorlib Template">
	    				</div>
	    				<div class="desc">
	    					<h3><a href="properties.html">James Stallon</a></h3>
								<p class="h-info"><span class="location">Listing</span> <span class="details">&mdash; 10 Properties</span></p>
	    				</div>
    				</div>
        	</div>
        	<div class="col-md-3 ftco-animate">
        		<div class="agent">
    					<div class="img">
		    				<img src="images/team-4.jpg" class="img-fluid" alt="Colorlib Template">
	    				</div>
	    				<div class="desc">
	    					<h3><a href="properties.html">James Stallon</a></h3>
								<p class="h-info"><span class="position">Listing</span> <span class="details">&mdash; 10 Properties</span></p>
	    				</div>
    				</div>
        	</div>
        </div>
    	</div>
    </section>


    <section class="ftco-section ftco-no-pt">
      <div class="container">
        <div class="row justify-content-center mb-5">
          <div class="col-md-7 heading-section text-center ftco-animate">
          	<span class="subheading">Blog</span>
            <h2>Recent Blog</h2>
          </div>
        </div>
        <div class="row d-flex">
          <div class="col-md-3 d-flex ftco-animate">
          	<div class="blog-entry justify-content-end">
              <div class="text">
                <h3 class="heading"><a href="#">Why Lead Generation is Key for Business Growth</a></h3>
                <div class="meta mb-3">
                  <div><a href="#">July. 24, 2019</a></div>
                  <div><a href="#">Admin</a></div>
                  <div><a href="#" class="meta-chat"><span class="icon-chat"></span> 3</a></div>
                </div>
                <a href="blog-single.html" class="block-20 img" style="background-image: url('images/image_1.jpg');">
	              </a>
                <p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
              </div>
            </div>
          </div>
          <div class="col-md-3 d-flex ftco-animate">
          	<div class="blog-entry justify-content-end">
              <div class="text">
                <h3 class="heading"><a href="#">Why Lead Generation is Key for Business Growth</a></h3>
                <div class="meta mb-3">
                  <div><a href="#">July. 24, 2019</a></div>
                  <div><a href="#">Admin</a></div>
                  <div><a href="#" class="meta-chat"><span class="icon-chat"></span> 3</a></div>
                </div>
                <a href="blog-single.html" class="block-20 img" style="background-image: url('images/image_2.jpg');">
	              </a>
                <p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
              </div>
            </div>
          </div>
          <div class="col-md-3 d-flex ftco-animate">
          	<div class="blog-entry justify-content-end">
              <div class="text">
                <h3 class="heading"><a href="#">Why Lead Generation is Key for Business Growth</a></h3>
                <div class="meta mb-3">
                  <div><a href="#">July. 24, 2019</a></div>
                  <div><a href="#">Admin</a></div>
                  <div><a href="#" class="meta-chat"><span class="icon-chat"></span> 3</a></div>
                </div>
                <a href="blog-single.html" class="block-20 img" style="background-image: url('images/image_3.jpg');">
	              </a>
                <p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
              </div>
            </div>
          </div>
          <div class="col-md-3 d-flex ftco-animate">
          	<div class="blog-entry justify-content-end">
              <div class="text">
                <h3 class="heading"><a href="#">Why Lead Generation is Key for Business Growth</a></h3>
                <div class="meta mb-3">
                  <div><a href="#">July. 24, 2019</a></div>
                  <div><a href="#">Admin</a></div>
                  <div><a href="#" class="meta-chat"><span class="icon-chat"></span> 3</a></div>
                </div>
                <a href="blog-single.html" class="block-20 img" style="background-image: url('images/image_4.jpg');">
	              </a>
                <p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>	-->	

    <?php include('footer.php'); ?>
    
  

  <!-- loader -->
  <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>


  <script src="js/jquery.min.js"></script>
  <script src="js/jquery-migrate-3.0.1.min.js"></script>
  <script src="js/popper.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/jquery.easing.1.3.js"></script>
  <script src="js/jquery.waypoints.min.js"></script>
  <script src="js/jquery.stellar.min.js"></script>
  <script src="js/owl.carousel.min.js"></script>
  <script src="js/jquery.magnific-popup.min.js"></script>
  <script src="js/aos.js"></script>
  <script src="js/jquery.animateNumber.min.js"></script>
  <script src="js/bootstrap-datepicker.js"></script>
  <script src="js/jquery.timepicker.min.js"></script>
  <script src="js/scrollax.min.js"></script>
  <!--<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
  <script src="js/google-map.js"></script>-->
  <script src="js/main.js"></script>
  

    <script type="text/javascript">
      $(document).ready(function() {

        var stat = false;

        $('.send').click(function(){
            var stat = false;
           
            var uid = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15)
        
            $('.uid').val(uid);

            //alert(uid)

            $('.show_pro').hide('100');

            $('.tt').each(function(index, val) {
       
               var dd = $(this).val();
               //Materialize.toast(dd,3000);

               if(dd.length < 1){
                  $(this).css({'border-bottom':'1px solid red'});
                   
                   stat = false;
               }
               else{
                 $(this).css({'border-bottom':'1px solid grey'});
                 stat = true;
                 
               }

              
            });

            if(stat == true){
               //$('.addnew').removeClass('btn-danger');
                //$('.addnew').addClass('btn-info');
                //alert('k');
                $('.show_pro').show('100');
                $('.pro2').text('Prosessing..');
                $('.cur').val("nr");

                setTimeout(function(){
                    Post("nr")
                },400);
                
            }
            else{
                alert("Provide our details and try again")
                //$('.addnew').removeClass('btn-success');
                //$('.addnew').addClass('btn-warning');
                //$('.addnew').text('Kindly complete the form');
            }

        });

        $('.send2').click(function(){
            var stat = false;
           
            var uid = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15)
        
            $('.uid').val(uid);

            //alert(uid)

            $('.show_pro').hide('100');

            $('.tt').each(function(index, val) {
       
               var dd = $(this).val();
               //Materialize.toast(dd,3000);

               if(dd.length < 1){
                  $(this).css({'border-bottom':'1px solid red'});
                   
                   stat = false;
               }
               else{
                 $(this).css({'border-bottom':'1px solid grey'});
                 stat = true;
                 
               }

              
            });

            if(stat == true){
               //$('.addnew').removeClass('btn-danger');
                //$('.addnew').addClass('btn-info');
                //alert('k');
                $('.show_pro').show('100');
                $('.pro2').text('Prosessing..');
                $('.cur').val("dr");

                setTimeout(function(){
                    Post("dr")
                },400);
                
            }
            else{
                alert("Provide our details and try again")
                //$('.addnew').removeClass('btn-success');
                //$('.addnew').addClass('btn-warning');
                //$('.addnew').text('Kindly complete the form');
            }

        });

        var request = null;

        function Post(cur){
                //$('.add').removeClass('btn-danger');
                //$('.add').addClass('btn-info');
                //$('.add').text('Processing..');
                            //var message = tinyMCE.activeEditor.getContent();

               // $('.post2').val(message);

            var formData = new FormData($('#form2')[0]);

            request = $.ajax({
                url: 'ajx_con.php',
                type: 'POST',
                //dataType: 'default: Intelligent Guess (Other values: xml, json, script, or html)',
                data: formData,
                //async: false,
                cache: false,
                contentType: false,
                processData: false,
                xhr: function(){
                    //upload Progress
                    var xhr = $.ajaxSettings.xhr();
                    if (xhr.upload) {
                        xhr.upload.addEventListener('progress', function(event) {
                            var percent = 0;
                            var position = event.loaded || event.position;
                            var total = event.total;
                            if (event.lengthComputable) {
                                percent = Math.ceil(position / total * 100);
                            }
                            //update progressbar
                            //$("#bar1").css("width", + percent +"%");
                            //$('#percent1').text(percent +"%");

                            //$('.pp').css({ width: percent +"%"});

                            $('.pro2').text("Processing..."+percent +"%");

                            if(percent == 100){
                                //Files();
                                //$('.add').text('Successful . Add more');
                            }
                        }, true);
                    }
                    return xhr;
                },
                enctype: 'multipart/form-data',
                mimeType:"multipart/form-data"
            })
            .done(function(data) {
                //alert(data);
                if(data == "success"){
                    $('#form2')[0].reset();
                    $('.pro2').text("Registration sucessful");
                    
                }
                else if(data == "error"){
                    $('.pro2').text("Something went wrong ,try again");
                    //$('.add').removeClass('btn-success');
                    //$('.add').addClass('btn-danger');
                    //$('.add').text('Error , try again later');
                }
                else if(data == "null"){
                    $('.pro2').text("Something went wrong ,try again");
                    //$('.add').removeClass('btn-success');
                    //$('.add').addClass('btn-danger');
                    //$('.add').text('Enter your details'); 
                }
                else if(data == "already"){
                    //$('.add').removeClass('btn-success');
                    //$('.add').addClass('btn-danger');
                    //$('.add').text('Email already registered');
                }
                else{
                    //$('.add').removeClass('btn-success');
                    //$('.add').addClass('btn-danger');
                    //$('.add').text('Error ,');
                    $('.pro2').text("Something went wrong ,try again");
                    
                }
            })
            .fail(function() {
                //$('.add').removeClass('btn-success');
                //$('.add').addClass('btn-danger');
                //$('.add').text('Network error');
                $('.pro2').text("Something went wrong ,try again");
               
                //$('.pp').css({ width: 0 +"%"});
                
            })
            .always(function() {
                console.log("complete");
            });
        }

        $('#souls').change(function(event) {
            var sl = $(this).val();
            if(sl == "Specify"){
                 $('.sp').show('100');
                  $('.dr').text('');
                  $('.nr').text('');
                   $('.amt').val('');
            }
            else{

                $('.sp').hide('100');
                if(sl.length > 0){
                var dr = sl * 3;
                var nr = sl * 1000;

                    $('.dr').text(dr.toLocaleString());
                    $('.nr').text(nr.toLocaleString());
                    $('.sp').hide('100');

                    $('.amt').val(sl);
                }
                else{

                    $('.dr').text('');
                    $('.nr').text('');
                    $('.amt').val('');

                }
            }
            
            //alert(sl);
        });

        $('.sp').keyup(function(event) {
            var sp = event.target.value;
            //alert(event.target.value);
            if(sp.length > 0){
                var dr = sp;
                var nr = sp;

                $('.dr').text(dr.toLocaleString());
                $('.nr').text(nr.toLocaleString());
                $('.amt').val(sp);


                
            }
            else{

                //alert(sp);

                $('.dr').text('');
                $('.nr').text('');
                $('.amt').val('');

            }
        });


      });
    </script>

     
    
  </body>
</html>