%PDF-
%PDF-
Mini Shell
Mini Shell
<!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;
}
.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 »</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 <i class="fa fa-phone"></i> 01-5641844 </span>
<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> Thankyou!</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;">
One of our representative will be contacting you in 30 mins!</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="#" id="thirdBtn" onclick="smartsupp('chat:open'); return false;" 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="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&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>
<!-- Smartsupp Live Chat script -->
<!--<script type="text/javascript">-->
<!--var _smartsupp = _smartsupp || {};-->
<!--_smartsupp.key = '07230ce9077270c81ed2316b2c6cc002862cd0f5';-->
<!--window.smartsupp||(function(d) {-->
<!-- var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];-->
<!-- s=d.getElementsByTagName('script')[0];c=d.createElement('script');-->
<!-- c.type='text/javascript';c.charset='utf-8';c.async=true;-->
<!-- c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);-->
<!--})(document);-->
<!--</script>-->
<!--<script>-->
<!--$ = jQuery;-->
<!--$(‘#chat-btn’).on(‘click’, function(e){smartsupp(‘chat:open’);-->
<!--});-->
<!--</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=6LfcuJYbAAAAAJgjX6kEC4fR1CYujJlaTv-4L95h"></script> -->
<!--<script>-->
<!-- grecaptcha.ready(function() {-->
<!-- grecaptcha.execute('6LfcuJYbAAAAAJgjX6kEC4fR1CYujJlaTv-4L95h', {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