<link rel="stylesheet" type="text/css" href="<?php echo SITE_URL; ?>libs/slick/slick.css">
<link rel="stylesheet" type="text/css" href="<?php echo SITE_URL; ?>libs/slick/slick-theme.css">
  <div class="socialicon" style="display: block;">
  <span><a href="#" target="_blank" class="facebook"><i class="fa fa-facebook"></i></a></span> 
    <span><a href="#" target="_blank" class="instagram"><i class="fa fa-instagram"></i></a></span> 
      <span><a href="#" target="_blank" class="linkedin"><i class="fa fa-linkedin"></i></a> </span> 
  <span><a href="#" target="_blank" class="twitter"><i class="fa fa-twitter"></i></a> </span> 
</div>

<style>

.socialicon {
    position: fixed;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99999999;
	    display: block;
}
.socialicon .facebook {
    background: rgba(74,184,72,.7);
    color: #000;
}
.socialicon .facebook:hover {
    background: #4ab848;
    color: #fff;
}
.socialicon .instagram {
    background: rgba(74,184,72,.7);
    color: #000;
}
.socialicon .instagram:hover {
    background: #4ab848;
    color: #fff;
}
.socialicon .linkedin {
    background: rgba(74,184,72,.7);
    color: #000;
}
.socialicon .linkedin:hover {
    background: #4ab848;
    color: #fff;
}


.socialicon .twitter {
    background: rgba(74,184,72,.7);
    color: #000;
}
.socialicon .twitter:hover {
    background: #4ab848;
    color: #fff;
}
.socialicon span a {
    display: block;
    text-align: center;
    padding: 16px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
}


</style>

<script type="text/javascript">
  $(document).ready(function(){
$('#ccbar_message_container').hide();
setTimeout(function(){
  $('#ccbar').hide();
     $('.socialicon').fadeIn();
 }, 2000);

    });
</script>


  <section class="content">
    <div class="welcome-note col-lg-12 col-md-12 col-xs-12">
      <div class="container-fluid">
        <div class="row">
          <div class="title">Welcome to <span style="color:#4ab848;" class="title-right">Venture Wing</span></div>
          <div class="welcome-note-writeup"><?php echo $pagesDetail->page_desc;?>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="connect-collaborate content">
    <div class="col-lg-12 col-md-12 col-xs-12">
      <div class="container-fluid">
        <div class="row">
          <div class="title" style="width:100%;">Connect, collaborate and grow in your new workspace</div>
          <div class="col-lg-4 col-md-4 col-xs-12">
            <div class="circle">connect</div>
            <div class="quote"><i>”Across my 66 years of life and 50 years in business, I have made so many wonderful connections. These connections have made me who I am today, and have driven the success I have experienced.”</i></div>
            <div class="quote-name"><i>Richard Branson</i></div>
          </div>
          <div class="col-lg-4 col-md-4 col-xs-12">
            <div class="circle">collaborate</div>
            <div class="quote"><i>“If everyone is moving forward together, then success takes care of itself.”</i> </div>
            <div class="quote-name"><i>Henry Ford</i></div>
          </div>
          <div class="col-lg-4 col-md-4 col-xs-12">
            <div class="circle">grow</div>
            <div class="quote"><i>“Growth is never by mere chance; it is the result of forces working together.”</i></div>
            <div class="quote-name"><i>James Cash Penney, Founder of JCPenney</i></div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="modern-office content">
    <div class="col-lg-12 col-md-12 col-xs-12">
      <div class="container-fluid">
        <div class="row">
          <div class="col-lg-6 col-md-6 col-xs-12"> 
           <?php if($pagesDetailModern->page_banner!='' && file_exists(DIR_UPLOAD_BANNER.$pagesDetailModern->page_banner)) {?>
      <img src="<?php echo DIR_UPLOAD_BANNER_SHOW.$pagesDetailModern->page_banner ?>" class="img-fluid"  />
      
      <?php }else{ ?>
		<img src="images/modern-office.jpg" class="img-fluid" />
		<?php } ?>
      
          
          </div>
          <div class="col-lg-6 col-md-6 col-xs-12">
            <div class="title" ><?php echo $pagesDetailModern->page_title?></div>
            <div class="welcome-note-writeup"><?php echo $pagesDetailModern->page_short_desc?></div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="content">
    <div class="title">Explore our <span style="color:#4ab848;" class="title-right">space solutions</span></div>
    <div class="col-lg-12 col-md-12 col-xs-12">
      <div class="container-fluid">
        <div class="row">
          <div class="col-lg-4 col-md-4 col-xs-12 design-product">
          <?php if($pagesDetailProductivity->page_banner!='' && file_exists(DIR_UPLOAD_BANNER.$pagesDetailProductivity->page_banner)) {?>
      <img src="<?php echo DIR_UPLOAD_BANNER_SHOW.$pagesDetailProductivity->page_banner ?>" width="1600" height="630" class="img-fluid"  />
      
      <?php }else{ ?>
          <img src="images/designed-for-productivity.jpg" width="1600" height="630" class="img-fluid" />
          <?php } ?>
          </div>
          <div class="col-lg-8 col-md-8 col-xs-12">
            <div class="sub-title"><?php echo $pagesDetailProductivity->page_title?></div>
            <div class="welcome-note-writeup"><?php echo $pagesDetailProductivity->page_short_desc?></div>
            <div class="readmore"><a href="<?php echo SITE_URL.$pagesDetailProductivity->page_slug?>.html" style="text-decoration:none; color:#fff;">Readmore >> </a></div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-lg-12 col-md-12 col-xs-12" style="margin-top:30px;">
      <div class="container-fluid">
        <div class="row">
          <div class="col-lg-8 col-md-8 col-xs-12">
            <div class="sub-title"><?php echo $pagesDetailEverybody->page_title?></div>
            <div class="welcome-note-writeup"><?php echo $pagesDetailEverybody->page_short_desc?></div>
            <div class="readmore"><a href="<?php echo SITE_URL.$pagesDetailEverybody->page_slug?>.html" style="text-decoration:none; color:#fff;">Readmore >> </a></div>
          </div>
          <div class="col-lg-4 col-md-4 col-xs-12 design-product">
          <?php if($pagesDetailEverybody->page_banner!='' && file_exists(DIR_UPLOAD_BANNER.$pagesDetailEverybody->page_banner)) {?>
      <img src="<?php echo DIR_UPLOAD_BANNER_SHOW.$pagesDetailEverybody->page_banner ?>" width="1600" height="630" class="img-fluid"  />
      
      <?php }else{ ?>
          <img src="images/designed-for-productivity.jpg" width="1600" height="630" class="img-fluid" />
          <?php } ?>
          </div>
        </div>
      </div>
    </div>
    <div class="col-lg-12 col-md-12 col-xs-12">
      <div class="container-fluid">
        <div class="row">
          <?php foreach ($productSubPagesDetails as $subpage){?>
          <div class="col-lg-3 col-md-3 col-xs-12 office-features">
            <div class="features-circle" align="center">
            <?php if($subpage->page_banner!='' && file_exists(DIR_UPLOAD_BANNER.$subpage->page_banner)) {?>
      <img src="<?php echo DIR_UPLOAD_BANNER_SHOW.$subpage->page_banner ?>" class="img-fluid"  />
      
      <?php }else{ ?>
          <img src="images/privateoffice.jpg" class="img-fluid" />
          <?php } ?>
            </div>
            <div class="sub-title-features" style="text-align:center;"><?php echo $subpage->page_title;?></div>
            <div class="office-features-writeup" ><?php echo $subpage->page_short_desc;?></div>
            <div class="readmore"><a href="<?php echo SITE_URL.$subpage->page_slug?>.html" style="text-decoration:none; color:#fff;">Readmore >> </a></div>
          </div>
          <?php } ?>
          <!--<div class="col-lg-3 col-md-3 col-xs-12 office-features">
            <div class="features-circle" align="center"><img src="images/dedicated.png" class="img-fluid" /></div>
            <div class="sub-title-features" style="text-align:center;">Shared office but dedicated desk</div>
            <div class="office-features-writeup" >The way people work is rapidly changing Globally and “Venture wing shared office” is one step in this direction. You’ll get access to premium amenities with a guaranteed spot to plug in and get to work. Best suited for start-ups but also useful to small businesses, individual entrepreneurs & professionals.</div>
            <div class="readmore"><a href="#" style="text-decoration:none; color:#fff;">Readmore >> </a></div>
          </div>
          <div class="col-lg-3 col-md-3 col-xs-12 office-features">
            <div class="features-circle" align="center"><img src="images/coworking.jpg" class="img-fluid" /></div>
            <div class="sub-title-features" style="text-align:center;">Vibrant Coworking Space</div>
            <div class="office-features-writeup" >Coworking is a new way of working in which people from diverse backgrounds, experiences and companies all work under the same roof.  We provide these individuals and businesses access to a fully functional workspace, a network of mentors & investors along with events for networking and gaining knowledge.. </div>
            <div class="readmore"><a href="#" style="text-decoration:none; color:#fff;">Readmore >> </a></div>
          </div>
          <div class="col-lg-3 col-md-3 col-xs-12 office-features">
            <div class="features-circle" align="center"><img src="images/VirtualOffice.jpg" class="img-fluid" /></div>
            <div class="sub-title-features" style="text-align:center;">Virtual office</div>
            <div class="office-features-writeup" >If your business does not need full-time office space, but you still want a high- profile business address and many of the benefits that go along with it, our Virtual Office service may be ideal for you. </div>
            <div class="readmore"><a href="#" style="text-decoration:none; color:#fff;">Readmore >> </a></div>
          </div>
          -->
        </div>
      </div>
    </div>
  </section>
  <section class="amenities content">
    <div class="col-lg-12 col-md-12 col-xs-12">
      <div class="container-fluid">
        <div class="row">
          <div class="title" style="width:100%; padding-bottom:0px;">Included <span style="color:#4ab848;" class="title-right">Amenities</span></div>
         <!-- <div class="welcome-note-writeup" style="width:100%;">You focus on growing your business, we take care of the rest.</div>-->
          <div class="col-lg-3 col-md-3 col-xs-12 amenities-icons">
            <div class="single-icon" ><img src="images/ip.png" width="50" height="42" /></div>
            <div>IP phones & dedicated numbers</div>
          </div>
          <div class="col-lg-3 col-md-3 col-xs-12 amenities-icons">
            <div class="single-icon" ><img src="images/internet.png" width="39" height="39" /></div>
            <div>Unlimited internet</div>
          </div>
          <div class="col-lg-3 col-md-3 col-xs-12 amenities-icons">
            <div class="single-icon" ><img src="images/meeting.png" width="38" height="38" /></div>
            <div>Meeting & Conferences</div>
          </div>
          <div class="col-lg-3 col-md-3 col-xs-12 amenities-icons">
            <div class="single-icon" ><img src="images/24.png" width="37" height="39" /></div>
            <div>24/7 Access</div>
          </div>
          <div class="col-lg-3 col-md-3 col-xs-12 amenities-icons">
            <div class="single-icon" ><img src="images/business.png" width="47" height="39" /></div>
            <div>Business support</div>
          </div>
          <div class="col-lg-3 col-md-3 col-xs-12 amenities-icons">
            <div class="single-icon" ><img src="images/cafe.png" width="44" height="46" /></div>
            <div>Cafe</div>
          </div>
          <div class="col-lg-3 col-md-3 col-xs-12 amenities-icons">
            <div class="single-icon" ><img src="images/print.png" width="37" height="34" /></div>
            <div>Print, scan, copy desk</div>
          </div>
          <div class="col-lg-3 col-md-3 col-xs-12 amenities-icons">
            <div class="single-icon" ><img src="images/parking.png" width="37" height="37" /></div>
            <div>Parking</div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="content">
    <div class="col-lg-12 col-md-12 col-xs-12">
      <div class="container-fluid">
        <div class="row">
          <div class="title" style="width:100%;">Community <span style="color:#4ab848;" class="title-right">Insights</span></div>
          <?php foreach ($testimonialDetails as $subpage){?>
          <div class="col-lg-3 col-md-3 col-xs-12 office-features">
            <div class="circle-community" align="center">
             <?php if($subpage->testimonial_image!='' && file_exists(DIR_UPLOAD_BANNER.$subpage->testimonial_image)) {?>
      <img src="<?php echo DIR_UPLOAD_BANNER_SHOW.$subpage->testimonial_image ?>" class="img-fluid"  />
      
      <?php }else{ ?>
          <img src="images/privateoffice.jpg" class="img-fluid" />
          <?php } ?>
          </div>
            <div class="sub-title-insight" style="text-align:center;"><?php echo $subpage->testimonial_title?></div>
            <div class="sub-sub-title-insight"><?php echo $subpage->testimonial_company?></div>
            <div class="insight-writeup" >"<?php echo $subpage->testimonial_desc?>"</div>
          </div>
          <?php } ?>
        </div>
      </div>
    </div>
  </section>
  <section >
    <div style="margin-top:30px; margin-bottom:30px;">
<div class="container3 center slider">
 <?php if($gallerysDetailsGal && count($gallerysDetailsGal) > 0 ){ $caOrder =1;  ?>
<?php foreach ($gallerysDetailsGal as $gallery){?>
<?php if($gallery->gallery_banner!='' && file_exists(DIR_UPLOAD_BANNER.$gallery->gallery_banner)) {?>
    <div>
      <img src="<?php echo DIR_UPLOAD_BANNER_SHOW.$gallery->gallery_banner ?>"  class="img-fluid" />
    </div>
    <?php } ?>
<?php } ?>
 <?php } ?>
</div>
    </div>
  </section>
  <section style="padding-top:50px; position:relative; overflow:hidden;" >
    <div>
      <div id="googlemaps"></div>
      <div id="contactform">
        <div class="col-lg-12 col-md-12 col-xs-12">
          <div class="container">
            <div class="row">
              <div class="col-lg-4 col-md-4 col-xs-12 headoffice mp-content">
                <div style="position: absolute; top: -47px;  left: 33.3%;  right: auto;" align="center"><img src="images/icon1.png" width="83" height="83"  /></div>
                <div class="title" style="padding-top:40px;">Head Office</div>
                <div class="welcome-note-writeup"><?php echo DEFAULT_ADDRESS?></div>
              </div>
              <div class="col-lg-4 col-md-4 col-xs-12 headoffice mp-content">
                <div style="position: absolute; top: -47px; left: 33.3%; right: auto;" align="center"><img src="images/icon2.png" width="83" height="83"  /></div>
                <div class="title" style="padding-top:40px;">Call Us</div>
                <div class="welcome-note-writeup">Support: <?php echo SUPPORT_CONTACT?><br/>
                  Office: <?php echo OFFICE_NO?></div>
              </div>
              <div class="col-lg-4 col-md-4 col-xs-12 headoffice mp-content">
                <div style="position: absolute;
    top: -47px;
      left: 33.3%;
    right: auto;" align="center"><img src="images/icon3.png" width="83" height="83"  /></div>
                <div class="title" style="padding-top:40px;">Email Us</div>
                <div class="welcome-note-writeup"><?php echo SUPPORT_EMAIL?><br/>
                  <?php echo ADMIN_EMAIL?></div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-12 col-md-12 col-xs-12 mp-contact-form" >
          <div class="container">
            <div class="row">
              <div class="title" style="text-align:center;" align="center">Contact Us</div>
              <div align="center">
               <form class="" method="post" name="footerContact" id="footerContact" action="<?php echo SITE_URL.'form-submission.php'?>">
                  <input type="text" name="name" id="fcName" required="required" placeholder="Full Name *" >
                  <input type="text" name="email" id="fcEmail" required="required" placeholder="Email Address *" >
                  <input type="text" name="phoneno" id="fcContact" required="required" placeholder="Phone Number *" >
                  <input type="text" name="subject" id="fcSubject" placeholder="Your Subject" >
                  <textarea name="message" required="required" id="fcMessage" placeholder="Your message here..." ></textarea>
                  <div class="container-contact100-form-btn">
                    <div class="wrap-contact100-form-btn">
                      <div class="contact100-form-bgbtn"></div>
                       <input type="hidden" name="action_sub" value="fc_contact_sub" />
                       <input type="hidden" name="page_from" value="index_footer" />
                      <button class="contact100-form-btn" type="submit" style=" background:#4eb748; padding:20px; color:#fff; margin-top:10px;"> SEND MESSAGE </button>
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
 