%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /proc/self/root/home/eirtvhdf/hire-va.ie/
Upload File :
Create Path :
Current File : //proc/self/root/home/eirtvhdf/hire-va.ie/meet.php

<?php
if(isset($_POST['submit'])){
    $name = htmlspecialchars($_POST['name']);
    $email = htmlspecialchars($_POST['email']);
    $phone = htmlspecialchars($_POST['phone']);
    $duration = htmlspecialchars($_POST['duration']);
    $company = htmlspecialchars($_POST['company']);
    $message = htmlspecialchars($_POST['message']);
    
    

    $body = "

<table class='table table-bordered'>
<tr>
<th>Name:</th>
<td>".$name."</td>
</tr>

<tr>
<th>Email:</th>
<td>".$email."</td>
</tr>

<tr>
<th>Phone:</th>
<td>". $phone."</td>
</tr>

<tr>
<th>Duration:</th>
<td>".$duration."</td>
</tr>

<tr>
<th>Website/Company:</th>
<td>".$company."</td>
</tr>

<tr>
<th>Message:</th>
<td>".$message."</td>
</tr>

</table>
";

        $to = "info@hire-va.ie, a.fahadansari31@gmail.com";
        $subject = "Virtual Assistant Quote | Hire VA";
        
// Always set content-type when sending HTML email
$headers = "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
//$headers .= "From: ". strip_tags($_POST['email']) . "\r\n";
$headers .= "Reply-To: ". strip_tags($_POST['email']) . "\r\n";
         
       
$url = "https://www.google.com/recaptcha/api/siteverify";
		$data = [
			'secret' => "6Lc2HtEfAAAAAMygPvI1yFx3OPFa9QPnD-ylqQJ1",
			'response' => $_POST['token100'],
			// 'remoteip' => $_SERVER['REMOTE_ADDR']
		];

		$options = array(
		    'http' => array(
		      'header'  => "Content-type: application/x-www-form-urlencoded\r\n",
		      'method'  => 'POST',
		      'content' => http_build_query($data)
		    )
		  );

		$context  = stream_context_create($options);
  		$response = file_get_contents($url, false, $context);

		$res = json_decode($response, true);

if($res['success'] == true) {
// $mysqli = mysqli_query($dbh,"insert into va_quote values('','$name','$email','$phone','$message','$package')");
$retval = mail ($to,$subject,$body,$headers);
if( $retval == true ) {
    header('Location: https://hire-va.ie/thankyou.php');
         }
         else{
             echo 'Mail not sent';
         }    
}

echo '<script type="text/javascript">
           window.location = "https://hire-va.ie/error.php"
      </script>';

}
?>
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>



	<!-- Meta Data -->
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
	<title>Hire Virtual Assistant</title>

<link rel="shortcut icon" sizes="192x192" href="assets/img/favicon.png">
        <link rel="shortcut icon" sizes="128x128" href="assets/img/favicon.png">
        <link rel="apple-touch-icon" sizes="128x128" href="assets/img/favicon.png">
        <link rel="apple-touch-icon-precomposed" sizes="128x128" href="assets/img/favicon.png">

	<meta name="msapplication-TileColor" content="#289efd">
	<meta name="theme-color" content="#289efd">

	<!-- Dependency Styles -->
	<link rel="stylesheet" href="dependencies/bootstrap/css/bootstrap.min.css" type="text/css">
	<link rel="stylesheet" href="dependencies/fontawesome/css/all.min.css" type="text/css">
	<link rel="stylesheet" href="dependencies/swiper/css/swiper.min.css" type="text/css">
	<link rel="stylesheet" href="dependencies/wow/css/animate.css" type="text/css">
	<link rel="stylesheet" href="dependencies/magnific-popup/css/magnific-popup.css" type="text/css">
	<link rel="stylesheet" href="dependencies/components-elegant-icons/css/elegant-icons.min.css" type="text/css">
	<link rel="stylesheet" href="dependencies/simple-line-icons/css/simple-line-icons.css" type="text/css">
	<link rel="stylesheet" href="assets/css/protip.min.css">



	<!-- Site Stylesheet -->
	<link rel="stylesheet" href="assets/css/app.css" type="text/css">

	<!-- Google Web Fonts -->
	<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800" rel="stylesheet">


<style>
.site-header .site-main-menu li {
    margin: 0 12px;
}

.site-header .header-inner .site-nav .nav-right {
    margin-left: 0px;
}
.grecaptcha-badge {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: 4px !important;
}

.banner.banner-five {
    height: 930px;
    padding: 230px 0;
    background-image: -o-linear-gradient(-60deg, #2860fd 0%, #28f3fd 100%);
    background-image: linear-gradient(-60deg, #2860fd 0%, #28f3fd 100%);
}

.banner.banner-five .banner-content-wrap-five .banner-content .sub-title {
    color: #289efd;
    font-size: 21px;
        margin-top: -15px;
}
.banner.banner-five .banner-content-wrap-five .banner-content .banner-btn {
    background: #289efd;
}
.banner.banner-five .banner-content-wrap-five .banner-content .banner-btn:hover {
    background: #fff;
    border-color: #289efd;
    color: #289efd;
}
.left-circle-shape .circle-fill {le
     background: #f9fdff;
         display: none;
}

.animate-element-five li:nth-child(2) {
    top: 145px;
    left: 0%;
    width: 84%;
}
.gp-tabs-navigation li {
border-left: 5px solid #289efd;
}
#TR:hover{
	color:#289efd;
}

.play-btn.play-btn-outline i {
    border: 2px solid #6e6b79;
    color: #6e6b79;
    text-shadow: 0px 6px 10px rgba(110, 107, 121, 0.29);
    height: 52px;
    width: 52px;
    line-height: 49px;
}
.play-btn.play-btn-outline {
    background: transparent;
    color: #6e6b79;
}

.saaspik-icon-box-wrapper.style-four {
    padding: 34px 20px 3px;
}

.saaspik-icon-box-wrapper.style-four .pixsass-icon-box-content .pixsass-icon-box-title {
	font-size:16px;
}

@media (max-width:991px)  {
	.banner.banner-five {
	    height: 100%;
	    padding-top: unset;
	    background: aliceblue;
	    overflow: scroll;
	    /* position: relative; */
	}
	.toggle-menu{
		display: none;
	}
	.banner.banner-five .banner-content-wrap-five .banner-content .sub-title {
		margin-top: -125px!important;
	}
	#secondBtn{
		margin-left: 0!important;
    	margin-top: 40px;
	}
	#thirdBtn{
		margin-left: 0!important;
		margin-top: 1rem;
	}
	.banner-title{
		margin-top: unset;
	}
}

body,html{
	overflow-y: hidden;
}
#asterisk{
    margin-top: 40px;
    font-size: 12px;
    color: #9b9b9b;
}
#overlay{
	background:#000;
	opacity: 0.6;
	width:100%;
	height: 100%;
	left:0;
	top:0;
	position: absolute;
	z-index:19990;
	display:none;
}

#confirmationOverlay
{
	position: absolute;
    width: 555px;
    left: 50%;
    margin-left: -278px;
    height: 210px;
    background: #fff;
    box-shadow: 0 0 90px #000;
    z-index: 20000;
    padding: 55px;
    margin-top: 15%;
    border-radius: 2px;
    display:none;
}

#callForm{
	position: absolute;
    width: 555px;
    left: 50%;
    margin-left: -278px;
    height: 70%;
    background: #fff;
    box-shadow: 0 0 90px #000;
    z-index: 20000;
    padding: 55px;
    margin-top: 10%;
    border-radius: 2px;
    display:none;
}
.labelS {
    margin-left: 3px;
    margin-bottom: 1px;
    display: block;
    color: #4cb5ff;
}
input, textarea, select {
    border-radius: 5px;
}
@keyframes shadow-pulse
{
     0% {
          box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
     }
     100% {
          box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
     }
}
	#closeOverlay {
	    position: absolute;
	    right: 12px;
	    top: 4px;
	    cursor: pointer;
	}
#goBtn{
border-radius: 0 0 2px 2px;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    background: #2ebcff;
    height: 80px;
    line-height: 80px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    bottom: 0;
    cursor: pointer;
    animation: shadow-pulse 2s infinite;
}
/*myform*/
.content {
    position: relative;
    margin-top: 50%;
    left: 50%;
    z-index: 999;
    text-align: center;
    padding: 20px 32px;
    width: 100%;
    transform: translate(-50%,-50%);
    background: rgba(255,255,255,0.04);
    box-shadow: 0px 0px 19px 0px rgb(0 0 0 / 28%);
    margin-top: 13rem;
    border-radius: 15px;
}
.content header {
    color: #000 !important;
    font-size: 26px;
    font-weight: 600;
    margin: 0 0 35px 0;
    font-family: "Poppins", sans-serif !important;
    line-height: 1.2;
}
.field input {
    height: 100%;
    width: 100%;
    background: transparent;
    /* border: none; */
    outline: none;
    color: #000;
    font-size: 16px;
    font-family: 'Poppins',sans-serif;
}
.field span {
    color: #222;
    width: 40px;
    line-height: 45px;
    padding-left: 12px;
}
.fa {
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.field,select.wpcf7-form-control.wpcf7-select.filled.fill_inited {
    position: relative;
    height: 45px;
    width: 100%;
    display: flex;
    background: #fff;
    BORDER-RADIUS: 5PX;
    color: #fff;
    box-shadow: 0px 0px 11px 6px #0000001a;
}
.field textarea {
    height: 100%;
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    color: #222;
    font-size: 12px;
    font-family: 'Poppins',sans-serif;
    padding-left: 10px;
}
.cntct-btn {
    width: 100%;
    padding: 12px 0;
    font-size: 20px;
    color: #fff !important;
    background: #2f94fd !important;
    border: 0;
    text-transform: uppercase;
    border-radius: 0 16px 16px 16px;
    margin-top: 14px;
    box-shadow: 0px 0px 15px 6px #0000001a;
}
.content .pr1 {
    display: flex;
    width: 100%;
}
.content .pr1 .field {width: 47%;margin: 0 auto;margin-bottom: 1rem;}
.field input.wpcf7-form-control.wpcf7-text.fill_inited {
    width: 98%;
}
.content .field:nth-child(4) {
    width: 97%;
    margin: 0 auto;
    margin-top: 1rem;
}
.content .field:nth-child(3) {
    width: 97%;
    margin: 0 auto;
}
.content .field input {
    border: 0 !important;
}

.content .field input::placeholder {
    color: #0000009e;
    font-weight: 600;
}

.content select.wpcf7-form-control.wpcf7-select.filled.fill_inited {
    padding: 0 !important;
    padding-left: 0rem !important;
    color:#0000009e;
    box-shadow: unset;
}
.content elect option 
{
    color:#000;
}
.content .field textarea::placeholder {
    color: #0000009e;
    font-weight: 600;
}
/*myform*/
@media (max-width:491px)  {
	#callForm{
		position: absolute;
	    width: 90%;
	    left: 5%;
	    height: 300px;
	    padding: 30px;
	    margin-left:0;
        height: 580px;
        margin-top: 5%;
	}

	#confirmationOverlay{
		position: absolute;
	    width: 90%;
	    left: 5%;
	    height: 300px;
	    padding: 30px;
	    margin-left:0;
        height: 210px;
        margin-top: 10%;
	}

	#poptitle{
		font-size: 23px;
	}
	#popsubtitle{
		font-size: 13px;
	}
}
.tag {
    font-size: 12px;
    background: #ffffff;
    padding: 3px 5px 3px 5px;
    border-radius: 8px;
    margin-left: 4px;
    color: #2891fd;
}

 @media (max-width: 991px){
	.header-inner .site-mobile-logo img {
		max-height: 40px !important;
		}
		p.description.wow.pixFadeUp {
		margin-bottom: 0 !important;
		width: 95%;
		margin: 0 auto;
	}
	.banner.banner-five .banner-content-wrap-five .banner-content {
        padding: 0;
    }
    .content {
        margin-top: 0rem;
        position: unset;
        transform: unset;
    }
	.content .pr1 {
		display: unset;
	}

	.content .pr1 .field {
		width: 100%;
	}
	.site-header {
        position: unset;
    }
 }
</style>

</head>

<body id="home-version-5" class="home-version-4" data-style="default">

	<div id="overlay"></div>

	<div id="confirmationOverlay">
		<h2><i class="fa fa-check-circle" aria-hidden="true" style="color: #289efd;margin-right: 10px;"></i> Perfect!</h2>
		<p>We'll be giving you a call in about 5 minutes.<br>Speak soon!</p>
	</div>

	<div id="callForm">
		<div id="closeOverlay">x</div>
		<h2 id="poptitle">What's your number?</h2>
		<p style="line-height: 17px;margin-top: -5px;" id="popsubtitle">We'll give you a call within 5 minutes. We promise we won't spam you!</p>
		<hr>
		<div>
				
				<span class="labelS">YOUR NAME</span>
					<input type="text" name="name" id="name" placeholder="e.g. John Smith">
				
				<span class="labelS">YOUR PHONE NUMBER</span>
					<input type="phone" name="phone" id="phone" placeholder="e.g. 9495296103">

				<span class="labelS">YOUR WORK EMAIL</span>
					<input type="email" name="email" id="email" placeholder="e.g. john@smith.com">
		</div>
		<div id="goBtn" onclick="sendMsg()">CALL ME &raquo;</div>
	</div>

	<a href="#main_content" data-type="section-switch" class="return-to-top">
		<i class="fa fa-chevron-up"></i>
	</a>

	<!-- <div class="page-loader">
		<div class="loader">
			<div class="blobs">
				<div class="blob-center"></div>
				<div class="blob"></div>
				<div class="blob"></div>
				<div class="blob"></div>
				<div class="blob"></div>
				<div class="blob"></div>
				<div class="blob"></div>
			</div>
			<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
				<defs>
					<filter id="goo">
						<feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />
						<feColorMatrix in="blur" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7" result="goo" />
						<feBlend in="SourceGraphic" in2="goo" />
					</filter>
				</defs>
			</svg>

		</div>
	</div> --><!-- /.page-loader -->

	<div id="main_content">


		<!--=========================-->
		<!--=        Navbar         =-->
		<!--=========================-->
		<header class="site-header header-five header_trans-fixed" data-top="992">
			<div class="container">
				<div class="header-inner">
					<div class="toggle-menu">
						<span class="bar"></span>
						<span class="bar"></span>
						<span class="bar"></span>
					</div>
					<!-- /.toggle-menu -->

					<div class="site-mobile-logo">
						<a href="index.html" class="logo">
							<img src="assets/img/hire-va2.png" alt="site logo" class="main-logo">
							<img src="assets/img/hire-va2.png" alt="site logo" class="sticky-logo">
						</a>
						<a href="meet.php"><div id="getStartedMobile">Get Started</div></a>
					</div>

					<nav class="site-nav">
						<div class="close-menu">
							<span>Close</span>
							<i class="ei ei-icon_close"></i>
						</div>

						<div class="site-logo">
							<a href="index.html" class="logo">
								<img style="width: 50%;" src="assets/img/hire-va.png" alt="site logo" class="main-logo">
								<img style="width: 50%;" src="assets/img/hire-va.png" alt="site logo" class="sticky-logo">
							</a>
						</div>
						<!-- /.site-logo -->

						<div class="menu-wrapper" data-top="992">
							<ul class="site-main-menu">
							    <li>
									<a href="about.html" data-type="section-switch" class="navItem">About Our Service</a>
								</li>
								<li class="menu-item-has-children">
									<a href="#">Services</a>

									<ul class="sub-menu multicolumn">
										<li><a href="/"> <img width="36" height="36" src="assets/img/Virtual-Assistants.png" class="menu-image menu-image-title-after" alt="" loading="lazy"> <span class="menu-image-title-after menu-image-title">Virtual Assistants</span> </a></li>
										<li><a href="sales_caller.php"> <img width="36" height="36" src="assets/img/Sales-Caller.png" class="menu-image menu-image-title-after" alt="" loading="lazy"> <span class="menu-image-title-after menu-image-title">Sales Caller</span> </a></li>
										<li><a href="receptionist.html"> <img width="36" height="36" src="assets/img/Virtual-Reciptionist.png" class="menu-image menu-image-title-after" alt="" loading="lazy"> <span class="menu-image-title-after menu-image-title">Virtual Reciptionist</span> </a></li>
										<li><a href="real_estate.php"> <img width="36" height="36" src="assets/img/Real-Estate-Assistant.png" class="menu-image menu-image-title-after" alt="" loading="lazy"> <span class="menu-image-title-after menu-image-title">Real Estate Assistant</span> </a></li>
										
										<li><a href="social_media_assistant.php"> <img width="36" height="36" src="assets/img/Social-Media-Assistant.png" class="menu-image menu-image-title-after" alt="" loading="lazy"> <span class="menu-image-title-after menu-image-title">Social Media Assistant</span> </a></li>
										<li><a href="content_marketing.php"> <img width="36" height="36" src="assets/img/Content-Marketing-Assistant.png" class="menu-image menu-image-title-after" alt="" loading="lazy"> <span class="menu-image-title-after menu-image-title">Content Marketing Assistant</span> </a></li>
										<li><a href="amazon_virtual_assistant.php"> <img width="36" height="36" src="assets/img/Amazon-Virtual-Assistant.png" class="menu-image menu-image-title-after" alt="" loading="lazy"> <span class="menu-image-title-after menu-image-title">Amazon Virtual Assistant</span> </a></li>
									</ul>
									
								</li> 
								<li>
									<a href="faq.html" data-type="section-switch" class="navItem">FAQ</a>
								</li>
								<!--<li>-->
								<!--	<a href="index.html#price" data-type="section-switch" class="navItem">Pricing</a>-->
								<!--</li>-->
								
								<li>
									<a href="careers.html" class="navItem" >Careers</a>
								</li>
							</ul>

							<div class="nav-right">
								  <span style="color:#2b2350; font-size: 14px;">  <i class="fa fa-envelope"></i> info@hire-va.ie&nbsp;&nbsp; <i class="fa fa-phone"></i> 01-5641844 </span> &nbsp;
									
								<a href="meet.php" class="nav-btn" id="TR">Get Started</a>
								<!-- <a href="../business/index.html" id="signInBtn">Sign In</a> -->
							</div>
						</div>
						<!-- /.menu-wrapper -->

					</nav><!-- /.site-nav -->
				</div><!-- /.header-inner -->
			</div><!-- /.container -->
			<div class="header">
			  <div class="progress-container">
			    <div class="progress-bar" id="myBar"></div>
			  </div>  
			</div>
		</header><!-- /.site-header -->

		<!--==========================-->
		<!--=         Banner         =-->
		<!--==========================-->
		<section class="banner banner-five">
			<div class="banner-right-shape">
				<img src="media/banner/banner-five/shape-bg.png" alt="">
			</div>
			<div class="container">
				<div class="banner-content-wrap-five">
					<div class="row">
						<div class="col-lg-6">
							<div class="banner-content">
								<!-- <h5 class="sub-title">WELCOME TO</h5> -->
								<h1 class="banner-title wow pixFadeUp" data-wow-delay="0.3s">
									<span style="font-size: 48px;font-family: 'Poppins'!important;font-weight:600;letter-spacing:-0.8px;"><span style="font-weight:100;"></span> Let's Chat!</span><br>
									<!-- <span style="font-size: 42px;font-family: 'Poppins'!important;font-weight:200;letter-spacing:-0.8px;">Delegate the rest to Wing</span> -->
								</h1>

								<p class="description wow pixFadeUp" data-wow-delay="0.5s" style="font-size: 20px;">
									Whether you'd like to start within the hour, or in a few days - we can get the ball rolling, and help answer any questions you might have!</b><br>
								</p>

								<!-- <a href="#" onclick="callFormShow()" class="banner-btn pix-btn wow fadeInUp" data-wow-delay="0.7s">Get a Callback Now <span class="tag">24/7</span></a> -->
								<!--<a href="schedulefe15.html?ref=ir_" id="secondBtn" onclick="scheduleBtn()" class="banner-btn pix-btn wow fadeInUp" data-wow-delay="0.7s" style="/*margin-left:20px;*/">Schedule a Call</a> -->
								<a href="javascript:void(Tawk_API.toggle())" id="thirdBtn" class="banner-btn pix-btn wow fadeInUp" data-wow-delay="0.7s" style="margin-left: 20px;">Chat Now <span class="tag">24/7</span></a>
								<div id="asterisk">* We promise it'll only be about ten minutes!</div>
								<!-- <div id="asterisk">* This isn't your standard sales process - we move very fast, we can get you started in less than an hour if you'd like!</div> -->

							</div><!-- /.banner-content -->
						</div>
						<!-- my form -->
						<div class="col-sm-6 p0">
<div class="bg-img">
      <div class="content">
          <!--<img class="banner-off" src="images/banner-off.png">-->
        <header style="font-family: 'Graphik'; color:#f5ca37;">Tell us what you need so you can<br> meet your virtual assistant.</header>
        <form method="post">
        <div class="pr1">
            <div class="field">
                <span class="fa fa-user"></span>
                <input type="text" name="name" required="" placeholder="Name*">
            </div>
            <div class="field space">
                <span class="fa fa-envelope"></span>
                <input type="email" name="email" class="pass-key" required="" placeholder="Email*">
            </div>
        </div>
        <div class="pr1">
        <div class="field space">
            <span class="fa fa-phone"></span>
            <input type="text" name="phone" class="pass-key" required="" placeholder="Phone*">
        </div>
        <div class="field space">
            <span class="fas fa-clock"></span>
            <select name="duration" class="wpcf7-form-control wpcf7-select filled fill_inited" aria-invalid="false" data-stylerecorder="true" style="text-align: left; line-height: 25px; letter-spacing: 0px; font-weight: 500; border-color: rgba(0, 0, 0, 0); border-style: solid; border-width: 1px; margin: 0px; border-radius: 3px; padding: 16px 32px 16px 51px;"><option value="---Duration---" data-stylerecorder="true" style="text-align: left; line-height: 25px; letter-spacing: 0px; font-weight: 400; border-color: rgb(157, 160, 163); border-style: none; margin: 0px; border-radius: 0px; padding: 0px 2px 1px;">Duration</option><option value="More than 1 Year" data-stylerecorder="true" style="text-align: left; line-height: 25px; letter-spacing: 0px; font-weight: 400; border-color: rgb(157, 160, 163); border-style: none; margin: 0px; border-radius: 0px; padding: 0px 2px 1px;">More than 1 Year</option><option value="6 Months to 1 Year" data-stylerecorder="true" style="text-align: left; line-height: 25px; letter-spacing: 0px; font-weight: 400; border-color: rgb(157, 160, 163); border-style: none; margin: 0px; border-radius: 0px; padding: 0px 2px 1px;">6 Months to 1 Year</option><option value="3 to 6 Months" data-stylerecorder="true" style="text-align: left; line-height: 25px; letter-spacing: 0px; font-weight: 400; border-color: rgb(157, 160, 163); border-style: none; margin: 0px; border-radius: 0px; padding: 0px 2px 1px;">3 to 6 Months</option><option value="1 to 3 Months" data-stylerecorder="true" style="text-align: left; line-height: 25px; letter-spacing: 0px; font-weight: 400; border-color: rgb(157, 160, 163); border-style: none; margin: 0px; border-radius: 0px; padding: 0px 2px 1px;">1 to 3 Months</option><option value="Less than a month" data-stylerecorder="true" style="text-align: left; line-height: 25px; letter-spacing: 0px; font-weight: 400; border-color: rgb(157, 160, 163); border-style: none; margin: 0px; border-radius: 0px; padding: 0px 2px 1px;">Less than a month</option><option value="Not sure" data-stylerecorder="true" style="text-align: left; line-height: 25px; letter-spacing: 0px; font-weight: 400; border-color: rgb(157, 160, 163); border-style: none; margin: 0px; border-radius: 0px; padding: 0px 2px 1px;">Not sure</option></select>
        </div>
        </div>
        <div class="field space">
            <span class="fa fa-building"></span>
            <input type="text" name="company" value="" size="40" class="wpcf7-form-control wpcf7-text fill_inited" aria-invalid="false" placeholder="Website/Company" data-stylerecorder="true" style="text-align: left; line-height: 25px; letter-spacing: 0px; font-weight: 500; border-color: rgb(247, 248, 249); border-style: solid; border-width: 1px; margin: 0px; border-radius: 3px; padding: 16px 22px 16px 51px;">
        </div>
        <div style="height:75px;" class="field space">
            <textarea class="pass-key" name="message" placeholder="To help us understand better, enter a brief description about your project." rows="6" cols="50"></textarea>
            <input type="hidden" id="token100" name="token100">
        </div>
        <br>
    <center>
            <input style="background-color:#f5ca37; color:black; font-weight: bold; font-size:16px" type="submit" class="cntct-btn" name="submit" value="Submit">
    </center>
</form>
</div>
</div>

                
            <!--  <div class="col-sm-6 p0">
                <div class="bnr-side-slider-1 bnr-side-img">
                  <div>
                    <div class="brn-rside-img">
                      <img src="images/banner/Banner-Logo-1.png">
                    </div>
                  </div>
                  <div>
                    <div class="brn-rside-img">
                      <img src="images/banner/Banner-Logo-5.png">
                    </div>
                  </div>
                  <div>
                    <div class="brn-rside-img">
                      <img src="images/banner/Banner-Logo-12.png">
                    </div>
                  </div>
                  <div>
                    <div class="brn-rside-img">
                      <img src="images/banner/Banner-Logo-19.png">
                    </div>
                  </div>
                  <div>
                    <div class="brn-rside-img">
                      <img src="images/banner/Banner-Logo-27.png">
                    </div>
                  </div>
                  <div>
                    <div class="brn-rside-img">
                      <img src="images/banner/Banner-Logo-29.png">
                    </div>
                  </div>
                </div>
              </div> 
              <div class="col-sm-6 p0">
                <div class="bnr-side-slider-2 bnr-side-img">
                  <div>
                    <div class="brn-rside-img">
                      <img src="images/banner/Banner-Logo-3.png">
                    </div>
                  </div>
                  <div>
                    <div class="brn-rside-img">
                      <img src="images/banner/Banner-Logo-6.png">
                    </div>
                  </div>
                  <div>
                    <div class="brn-rside-img">
                      <img src="images/banner/Banner-Logo-18.png">
                    </div>
                  </div>
                  <div>
                    <div class="brn-rside-img">
                      <img src="images/banner/Banner-Logo-25.png">
                    </div>
                  </div>
                  <div>
                    <div class="brn-rside-img">
                      <img src="images/banner/Banner-Logo-28.png">
                    </div>
                  </div>
                  <div>
                    <div class="brn-rside-img">
                      <img src="images/banner/Banner-Logo-30.png">
                    </div>
                  </div>
                </div>
              </div> -->
              <!-- <div class="bnr-side-img">
                <img src="images/banner-side/logo-1.png">
                <img src="images/banner-side/logo-1.png">
                <img src="images/banner-side/logo-1.png">
                <img src="images/banner-side/logo-1.png">
              </div> -->
            </div>
            <!--my form end-->

					</div>
					<!-- /.row -->
				</div><!-- /.banner-content-wrap -->
			</div><!-- /.container -->

			<ul class="animate-particle">
				<li><img src="media/banner/banner-five/ta1.png" alt="saaspik tryangle"></li>
				<li><img src="media/banner/banner-five/ta4.png" alt="saaspik tryangle"></li>
				<li><img src="media/banner/banner-five/ta2.png" alt="saaspik tryangle"></li>
				<li><img src="media/banner/banner-five/ta3.png" alt="saaspik tryangle"></li>
				<li><img src="media/banner/banner-five/cm1.png" alt="saaspik tryangle"></li>
				<li><img src="media/banner/banner-five/circle.png" data-parallax='{"y": -150, "x": 100}' alt="saaspik tryangle"></li>
				<li class="bubble"></li>
			</ul>

			<div class="left-circle-shape">
				<span class="circle-fill"></span>
				<span class="circle-border"></span>
			</div>
		</section><!-- /.banner banner-four -->

		



	</div><!-- /#site -->

	<!-- Dependency Scripts -->
	<script src="dependencies/jquery/jquery.min.js"></script>
	<script src="dependencies/bootstrap/js/bootstrap.min.js"></script>
	<script src="dependencies/swiper/js/swiper.min.js"></script>
	<script src="dependencies/jquery.appear/jquery.appear.js"></script>
	<script src="dependencies/wow/js/wow.min.js"></script>
	<script src="dependencies/countUp.js/countUp.min.js"></script>
	<script src="dependencies/isotope-layout/isotope.pkgd.min.js"></script>
	<script src="dependencies/imagesloaded/imagesloaded.pkgd.min.js"></script>
	<script src="dependencies/jquery.parallax-scroll/js/jquery.parallax-scroll.js"></script>
	<script src="dependencies/magnific-popup/js/jquery.magnific-popup.min.js"></script>
	<script src="dependencies/gmap3/js/gmap3.min.js"></script>
	<script type='text/javascript' src='https://maps.googleapis.com/maps/api/js?key=AIzaSyDk2HrmqE4sWSei0XdKGbOMOHN3Mm2Bf-M&amp;ver=2.1.6'></script>


	<!-- Site Scripts -->
	<script src="assets/js/header.js"></script>
	<script src="assets/js/retina.min.js"></script>
	<script src="assets/js/app.js"></script>

<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/6294dd077b967b117991fafd/1g4anusd5';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->

<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=04dcdbfa-0679-44a3-81e6-8a6b9b99aee2"> </script>
<!-- End of  Zendesk Widget script -->

<script src="https://www.google.com/recaptcha/api.js?render=6Lc2HtEfAAAAAL5uyC8V6UOTqfp7zwwnQ5YIqbMN"></script> 
<script>
  grecaptcha.ready(function() {
      grecaptcha.execute('6Lc2HtEfAAAAAL5uyC8V6UOTqfp7zwwnQ5YIqbMN', {action: 'homepage'}).then(function(token100) {
         // console.log(token);
         document.getElementById("token100").value = token100;
      });
  });
  </script>

</body>
	
<script>

function callFormShow()
{
	$("#callForm,#overlay").fadeIn("fast");
	$("#name").focus();
}

function sendMsg()
{
	//send ajax, on success->
	name = $("#name").val();
	number = $("#phone").val();
	email = $("#email").val();
	var url = "callback?name="+name+"&number="+number+"&email="+email;
	$.getJSON(url, function (result) {
		console.log(result);
	    if(result.response == "OK")
	    {
	    	console.log("success");
	    }
	  });


	$("#callForm").fadeOut("fast");
	$("#confirmationOverlay").fadeIn("fast");
	$("#confirmationOverlay,#overlay").delay(2000).fadeOut("fast");
}

$("#overlay,#closeOverlay").click(function(){
	$("#callForm,#overlay").fadeOut("fast");
})



</script>



</html>

Zerion Mini Shell 1.0