File: /home/s76vzjg2kvav/public_html/clients/vertex/index.html
<!doctype html>
<html class="no-js" lang="en">
<head>
<title>Cosmos</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
<!-- favicon icon -->
<!-- style sheets and font icons -->
<link rel="stylesheet" type="text/css" href="css/font-icons.min.css">
<link rel="stylesheet" type="text/css" href="css/theme-vendors.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/responsive.css" />
<link rel="stylesheet" type="text/css" href="css/custom.css" />
</head>
<body data-mobile-nav-style="classic">
<!-- start header -->
<header>
<!-- start navigation -->
<nav class="navbar top-space navbar-expand-lg navbar-boxed navbar-light bg-main header-light fixed-top always-fixed">
<div class="container-fluid nav-header-container">
<div class="col-auto col-sm-6 col-lg-2 mr-auto pl-lg-0">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png" data-at2x="images/logo.png" class="default-logo" alt="image">
<img src="images/logo.png" data-at2x="images/logo.png" class="alt-logo" alt="image">
<img src="images/logo.png" data-at2x="images/logo.png" class="mobile-logo" alt="image">
</a>
</div>
<div class="col-auto menu-order px-lg-0">
<button class="navbar-toggler float-right" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav alt-font">
<li class="nav-item">
<a href="#" class="nav-link">Home</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">Services</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">Leadership</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">About Us</a>
</li>
</ul>
</div>
</div>
<div class="col-auto text-right pr-0 font-size-0">
<div class="header-button d-none d-md-inline-block">
<a href="index.html" class="btn btn-small btn-fast-yellow btn-round-edge">Let's Talk</a>
</div>
</div>
</div>
</nav>
<!-- end navigation -->
</header>
<!-- end header -->
<!-- start section -->
<section class="cover-background p-0 home-freelancer overflow-visible bg-main" style="background-image:url('https://placehold.it/1920x1080');">
<div class="container">
<div class="row full-screen md-h-650px sm-h-550px xs-h-450px">
<div class="col-12 col-md-10 col-sm-12 d-flex flex-column padding-8-rem-tb">
<div class="media alt-font font-weight-500 text-extra-medium mt-auto">
<div class="media-body text-white letter-spacing-4px text-uppercase">
A <span class="text-cyan">remote</span> workforce company.
</div>
</div>
<h1 class="alt-font font-weight-600 title-extra-large text-white line-height-140px mt-0 mb-0">Together, <br>we <span class="text-cyan">are Vertex</span></h1>
</div>
</div>
</div>
</section>
<!-- end section -->
<!-- start section -->
<section class="position-relative pb-0 overflow-visible cover-background" style="background-image:url('images/mountain-bg.jpg');">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-12 col-xl-7 col-lg-5 col-md-10 margin-6-rem-bottom xs-margin-5-rem-bottom wow animate__fadeInLeft" data-wow-delay="0.4s">
<span class="text-cyan text-large mb-4 d-block">Vertex Cosmos</span>
<h5 class="alt-font title-large-3 line-height-90px font-weight-600 text-white margin-2-rem-bottom">Optimize your Return On Investments by 10x</h5>
<p class="opacity-6 text-white text-extra-medium w-95 line-height-32px">More than 3000 oganizations in over 5 countries across the globe rely on Vertex Global Services to grow their business</p>
<a href="javascript:void(0);" class="alt-font text-extra-medium text-white margin-15px-top">Discover More<i class="line-icon-Arrow-OutRight icon-medium align-middle margin-15px-left"></i></a>
</div>
<div class="col-12 col-lg-5 col-md-10 bottom-minus-50px z-index-1 md-bottom-inherit md-margin-50px-top sm-margin-20px-top md-margin-9-rem-bottom">
<div class="w-80 position-relative z-index-1 wow animate__fadeInRight">
<img src="images/graph.png" alt="image" />
</div>
</div>
</div>
</div>
</section>
<!-- end section -->
<!-- start section -->
<!-- <section class="big-section"> -->
<section class="parallax half-section" data-parallax-background-ratio="0.2" style="background-image:url('images/bg-lines.jpg');">
<!-- <div class="opacity-full al-section-blue-bg"></div> -->
<!-- <section class="half-section position-relative overflow-visible cover-background" style="background-image:url('images/bg-lines.jpg');"> -->
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-12 col-lg-10 col-md-10 text-center wow animate__fadeInUp">
<h4 class="alt-font font-weight-600 text-white d-inline-block">Cross-Industry Talent-as-a-Service Solutions</h4>
</div>
</div>
<div class="row">
<div class="col-12 tab-style-01 without-number wow animate__fadeIn padding-4-half-rem-tb">
<!-- start tab navigation -->
<ul class="nav nav-tabs text-uppercase justify-content-center text-center alt-font font-weight-500 margin-7-rem-bottom md-margin-5-rem-bottom sm-margin-20px-bottom">
<li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#ecom">eCommerce <br/>Management</a><span class="tab-border border-yellow"></span></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#cus">Customer <br/>Experience</a><span class="tab-border border-yellow"></span></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#sales">Sales <br/>Solutions</a><span class="tab-border border-yellow"></span></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#des">Design <br/>Services</a><span class="tab-border border-yellow"></span></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#data">Data <br/>Analytics</a><span class="tab-border border-yellow"></span></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#digi">Digital <br/>Analytics</a><span class="tab-border border-yellow"></span></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#dmark">Digital <br/>Marketing</a><span class="tab-border border-yellow"></span></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#cont">Content <br/>Services</a><span class="tab-border border-yellow"></span></li>
</ul>
<!-- end tab navigation -->
<div class="tab-content">
<!-- start tab item -->
<div id="ecom" class="tab-pane fade in active show">
<div class="row align-items-center">
<div class="col-12 col-lg-5 offset-lg-1 text-right sm-margin-40px-bottom">
<img src="images/home-business-tab-img04.jpg" alt="image" />
</div>
<div class="col-12 col-lg-5 offset-lg-1 col-md-6 text-center text-sm-left">
<h5 class="alt-font font-weight-600 text-white margin-35px-bottom md-margin-30px-bottom">eCommerce Management</h5>
<p class="w-85 lg-w-100 text-white">We are a global leader in next generation business process management services offering higher operational flexibility.</p>
<a href="javascript:void(0);" class="alt-font text-extra-medium text-white margin-15px-top">Read More<i class="line-icon-Arrow-OutRight icon-medium align-middle margin-15px-left"></i></a>
</div>
</div>
</div>
<!-- end tab item -->
<!-- start tab item -->
<div id="cus" class="tab-pane fade">
<div class="row align-items-center">
<div class="col-12 col-lg-5 offset-lg-1 text-right sm-margin-40px-bottom">
<img src="images/home-business-tab-img04.jpg" alt="image" />
</div>
<div class="col-12 col-lg-5 offset-lg-1 col-md-6 text-center text-sm-left">
<h5 class="alt-font font-weight-600 text-white margin-35px-bottom md-margin-30px-bottom">Customer Experience</h5>
<p class="w-85 lg-w-100 text-white">The evolving means of conducting business have dethroned standard methods and initiated the way for a technology-driven future.</p>
<a href="javascript:void(0);" class="alt-font text-extra-medium text-white margin-15px-top">Read More<i class="line-icon-Arrow-OutRight icon-medium align-middle margin-15px-left"></i></a>
</div>
</div>
</div>
<!-- end tab item -->
<!-- start tab item -->
<div id="sales" class="tab-pane fade">
<div class="row align-items-center">
<div class="col-12 col-lg-5 offset-lg-1 text-right sm-margin-40px-bottom">
<img src="images/home-business-tab-img04.jpg" alt="image" />
</div>
<div class="col-12 col-lg-5 offset-lg-1 col-md-6 text-center text-sm-left">
<h5 class="alt-font font-weight-600 text-white margin-35px-bottom md-margin-30px-bottom">Sales Solutions</h5>
<p class="w-85 lg-w-100 text-white">We adopt a holistic application that signifies seamless strategy & planning, media marketing, automation and analytics.</p>
<a href="javascript:void(0);" class="alt-font text-extra-medium text-white margin-15px-top">Read More<i class="line-icon-Arrow-OutRight icon-medium align-middle margin-15px-left"></i></a>
</div>
</div>
</div>
<!-- end tab item -->
<!-- start tab item -->
<div id="des" class="tab-pane fade">
<div class="row align-items-center">
<div class="col-12 col-lg-5 offset-lg-1 text-right sm-margin-40px-bottom">
<img src="images/home-business-tab-img04.jpg" alt="image" />
</div>
<div class="col-12 col-lg-5 offset-lg-1 col-md-6 text-center text-sm-left">
<h5 class="alt-font font-weight-600 text-white margin-35px-bottom md-margin-30px-bottom">Design Services</h5>
<p class="w-85 lg-w-100 text-white">We adopt a holistic application that signifies seamless strategy & planning, media marketing, automation and analytics.</p>
<a href="javascript:void(0);" class="alt-font text-extra-medium text-white margin-15px-top">Read More<i class="line-icon-Arrow-OutRight icon-medium align-middle margin-15px-left"></i></a>
</div>
</div>
</div>
<!-- end tab item -->
<!-- start tab item -->
<div id="data" class="tab-pane fade">
<div class="row align-items-center">
<div class="col-12 col-lg-5 offset-lg-1 text-right sm-margin-40px-bottom">
<img src="images/home-business-tab-img04.jpg" alt="image" />
</div>
<div class="col-12 col-lg-5 offset-lg-1 col-md-6 text-center text-sm-left">
<h5 class="alt-font font-weight-600 text-white margin-35px-bottom md-margin-30px-bottom">Data Analytics</h5>
<p class="w-85 lg-w-100 text-white">With over 200 experienced veterans, we deliver solutions as a development organization to Fortune 500 businesses and help leading technology innovators develop thriving products in varied realms of AI.</p>
<a href="javascript:void(0);" class="alt-font text-extra-medium text-white margin-15px-top">Read More<i class="line-icon-Arrow-OutRight icon-medium align-middle margin-15px-left"></i></a>
</div>
</div>
</div>
<!-- end tab item -->
<!-- start tab item -->
<div id="digi" class="tab-pane fade">
<div class="row align-items-center">
<div class="col-12 col-lg-5 offset-lg-1 text-right sm-margin-40px-bottom">
<img src="images/home-business-tab-img04.jpg" alt="image" />
</div>
<div class="col-12 col-lg-5 offset-lg-1 col-md-6 text-center text-sm-left">
<h5 class="alt-font font-weight-600 text-white margin-35px-bottom md-margin-30px-bottom">Digital Analytics</h5>
<p class="w-85 lg-w-100 text-white">We believe that every individual has the potential to be extraordinary. With Vertex Digital Academy, we have raised an e-learning platform that will bring out the best in everyone with what they already have in them.</p>
<a href="javascript:void(0);" class="alt-font text-extra-medium text-white margin-15px-top">Read More<i class="line-icon-Arrow-OutRight icon-medium align-middle margin-15px-left"></i></a>
</div>
</div>
</div>
<!-- end tab item -->
<!-- start tab item -->
<div id="dmark" class="tab-pane fade">
<div class="row align-items-center">
<div class="col-12 col-lg-5 offset-lg-1 text-right sm-margin-40px-bottom">
<img src="images/home-business-tab-img04.jpg" alt="image" />
</div>
<div class="col-12 col-lg-5 offset-lg-1 col-md-6 text-center text-sm-left">
<h5 class="alt-font font-weight-600 text-white margin-35px-bottom md-margin-30px-bottom">Digital Marketing</h5>
<p class="w-85 lg-w-100 text-white">We think bold big and creative. We understand your perspective and look at a brand's overall market strategies and programs before we perform everyday activities to ensure communications are steady and poised.</p>
<a href="javascript:void(0);" class="alt-font text-extra-medium text-white margin-15px-top">Read More<i class="line-icon-Arrow-OutRight icon-medium align-middle margin-15px-left"></i></a>
</div>
</div>
</div>
<!-- end tab item -->
<!-- start tab item -->
<div id="cont" class="tab-pane fade">
<div class="row align-items-center">
<div class="col-12 col-lg-5 offset-lg-1 text-right sm-margin-40px-bottom">
<img src="images/home-business-tab-img04.jpg" alt="image" />
</div>
<div class="col-12 col-lg-5 offset-lg-1 col-md-6 text-center text-sm-left">
<h5 class="alt-font font-weight-600 text-white margin-35px-bottom md-margin-30px-bottom">Content Services</h5>
<p class="w-85 lg-w-100 text-white">We think bold big and creative. We understand your perspective and look at a brand's overall market strategies and programs before we perform everyday activities to ensure communications are steady and poised.</p>
<a href="javascript:void(0);" class="alt-font text-extra-medium text-white margin-15px-top">Read More<i class="line-icon-Arrow-OutRight icon-medium align-middle margin-15px-left"></i></a>
</div>
</div>
</div>
<!-- end tab item -->
</div>
</div>
</div>
</div>
</section>
<!-- end section -->
<!-- start section -->
<section class="parallax half-section" data-parallax-background-ratio="0.2" style="background-image:url('images/bg-blue.jpg');">
<!-- <section class="half-section bg-main"> -->
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-lg-10 col-md-10 text-center wow animate__fadeInUp">
<h4 class="alt-font font-weight-600 text-white d-inline-block">Our Core Values Chain</h4>
</div>
</div>
<div class="row row-cols-1 row-cols-lg-3 row-cols-sm-2 justify-content-center">
<!-- start feature box item -->
<div class="col md-margin-30px-bottom sm-margin-15px-bottom wow animate__fadeInUp" data-wow-delay="0.2s">
<div class="feature-box padding-4-half-rem-tb padding-4-rem-lr md-padding-3-rem-all sm-padding-5-rem-all">
<div class="feature-box-icon">
<i class="line-icon-Diamond icon-large text-white margin-35px-bottom md-margin-15px-bottom sm-margin-10px-bottom"></i>
</div>
<div class="feature-box-content last-paragraph-no-margin">
<span class="alt-font font-weight-600 margin-10px-bottom d-block font-22 text-white">Our Values</span>
<p class="text-white">Values are strongly rooted in the essence of Vertex Global Services. Our values are all about who we are. It is our ethos and is followed persistently in all our conduct.</p>
</div>
</div>
</div>
<!-- end feature box item -->
<!-- start feature box item -->
<div class="col md-margin-30px-bottom sm-margin-15px-bottom wow animate__fadeInUp" data-wow-delay="0.4s">
<div class="feature-box padding-4-half-rem-tb padding-4-rem-lr md-padding-3-rem-all sm-padding-5-rem-all">
<div class="feature-box-icon">
<i class="line-icon-Archery-2 icon-large text-white margin-35px-bottom md-margin-15px-bottom sm-margin-10px-bottom"></i>
</div>
<div class="feature-box-content last-paragraph-no-margin">
<span class="alt-font font-weight-600 margin-10px-bottom d-block font-22 text-white">Our Mission</span>
<p class="text-white">Vertex Global Services nourishes ideal parallelism between its people and clients. We aptly link our employee centricity to the company's values with a passionate adoration for success with an obsession to imprint our footprints in the industry with our innovative services.</p>
</div>
</div>
</div>
<!-- end feature box item -->
<!-- start feature box item -->
<div class="col wow animate__fadeInUp" data-wow-delay="0.6s">
<div class="feature-box padding-4-half-rem-tb padding-4-rem-lr md-padding-3-rem-all sm-padding-5-rem-all">
<div class="feature-box-icon">
<i class="line-icon-Eye-Scan icon-large text-white margin-35px-bottom md-margin-15px-bottom sm-margin-10px-bottom"></i>
</div>
<div class="feature-box-content last-paragraph-no-margin">
<span class="alt-font font-weight-600 margin-10px-bottom d-block font-22 text-white">Our Vision</span>
<p class="text-white">Esteeming innovation at all times, Vertex Global Services vision is to make a difference globally and be of relevant investment for our stakeholders and nurture an imperative nexus with our customers.</p>
</div>
</div>
</div>
<!-- end feature box item -->
</div>
</div>
</section>
<!-- end section -->
<!-- start section -->
<section class="parallax half-section" data-parallax-background-ratio="0.2" style="background-image:url('images/bg-lines.jpg');">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-12 col-lg-10 col-md-10 text-center wow animate__fadeInUp">
<h4 class="alt-font font-weight-600 text-white d-inline-block">What Makes Us Perfect</h4>
</div>
</div>
<div class="row row-cols-1 row-cols-md-6 row-cols-sm-2 align-items-center justify-content-center padding-4-half-rem-tb">
<!-- start counter item -->
<div class="col text-center sm-margin-40px-bottom wow animate__fadeInUp" data-wow-delay="0.2s">
<h3 class="vertical-counter d-inline-flex text-white alt-font appear font-weight-600 letter-spacing-minus-2px mb-0" data-to="24547"></h3>
<span class="text-light-brownish-orange title-extra-small font-weight-500 margin-5px-left pos-fx">+</span>
<span class="text-white text-uppercase text-large d-block margin-15px-top">Happy <br/><span class="font-weight-600">Clients</span></span>
</div>
<!-- end counter item -->
<!-- start counter item -->
<div class="col text-center sm-margin-40px-bottom wow animate__fadeInUp" data-wow-delay="0.4s">
<h3 class="vertical-counter d-inline-flex text-white alt-font appear font-weight-600 letter-spacing-minus-2px mb-0" data-to="1897"></h3>
<span class="text-light-brownish-orange title-extra-small font-weight-500 margin-5px-left pos-fx">+</span>
<span class="text-white text-uppercase text-large d-block margin-15px-top">Number of <br/><span class="font-weight-600">Languages</span></span>
</div>
<!-- end counter item -->
<!-- start counter item -->
<div class="col text-center xs-margin-40px-bottom wow animate__fadeInUp" data-wow-delay="0.6s">
<h3 class="vertical-counter d-inline-flex text-white alt-font appear font-weight-600 letter-spacing-minus-2px mb-0" data-to="1000"></h3>
<span class="text-light-brownish-orange title-extra-small font-weight-500 margin-5px-left pos-fx">+</span>
<span class="text-white text-uppercase text-large d-block margin-15px-top">Number of <br/><span class="font-weight-600">employees</span></span>
</div>
<!-- end counter item -->
<!-- start counter item -->
<div class="col text-center wow animate__fadeInUp" data-wow-delay="0.8s">
<h3 class="vertical-counter d-inline-flex text-white alt-font appear font-weight-600 letter-spacing-minus-2px mb-0" data-to="200"></h3>
<span class="text-light-brownish-orange title-extra-small font-weight-500 margin-5px-left pos-fx">+</span>
<span class="text-white text-uppercase text-large d-block margin-15px-top"><span class="font-weight-600">CSAT <br/><br/></span></span>
</div>
<!-- end counter item -->
<!-- start counter item -->
<div class="col text-center wow animate__fadeInUp" data-wow-delay="0.8s">
<h3 class="vertical-counter d-inline-flex text-white alt-font appear font-weight-600 letter-spacing-minus-2px mb-0" data-to="200"></h3>
<span class="text-light-brownish-orange title-extra-small font-weight-500 margin-5px-left pos-fx">+</span>
<span class="text-white text-uppercase text-large d-block margin-15px-top"><span class="font-weight-600">ESAT <br/><br/></span></span>
</div>
<!-- end counter item -->
<!-- start counter item -->
<div class="col text-center wow animate__fadeInUp" data-wow-delay="0.8s">
<h3 class="vertical-counter d-inline-flex text-white alt-font appear font-weight-600 letter-spacing-minus-2px mb-0" data-to="200"></h3>
<span class="text-light-brownish-orange title-extra-small font-weight-500 margin-5px-left pos-fx">+</span>
<span class="text-white text-uppercase text-large d-block margin-15px-top">Employee <br/><span class="font-weight-600"> engagement score</span></span>
</div>
<!-- end counter item -->
</div>
</div>
</section>
<!-- end section -->
<!-- start section -->
<section class="parallax half-section" data-parallax-background-ratio="0.2" style="background-image:url('images/bg-blue.jpg');">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-12 col-lg-12 col-md-12 text-center wow animate__fadeInUp">
<h4 class="alt-font font-weight-600 text-white d-inline-block">Robust Ecosystem For Businesses To Win The War For Talent</h4>
</div>
</div>
</div>
<div class="container">
<div class="row row-cols-1 row-cols-lg-2 row-cols-md-2 justify-content-center padding-4-half-rem-tb">
<!-- start interactive banner item -->
<div class="col col-sm-8 md-margin-30px-bottom xs-margin-15px-bottom wow animate__fadeInUp" data-wow-delay="0.4s">
<div class="interactive-banners-style-05">
<div class="interactive-banners-image">
<img src="images/home-business-tab-img04.jpg" alt="image" />
<div class="overlay-bg bg-gradient-midium-gray-transparent opacity-medium"></div>
</div>
<div class="interactive-banners-content padding-3-half-rem-all lg-padding-2-half-rem-lr xs-padding-4-rem-all">
<div class="overlayer-box bottom-0px top-auto opacity-9 bg-extra-dark-gray"></div>
<div class="d-table h-100 w-100">
<div class="d-table-cell align-bottom">
<span class="text-white d-block text-extra-large margin-15px-bottom alt-font font-weight-500">
Robust Ecosystem For Businesses to Win the War For Talent</span>
<p class="interactive-banners-content-text width-85 lg-w-95 text-center">
<img src="images/vertex-gs.png">
</p>
</div>
</div>
</div>
</div>
</div>
<!-- end interactive banner item -->
<!-- start interactive banner item -->
<div class="col col-sm-8 md-margin-30px-bottom xs-margin-15px-bottom wow animate__fadeInUp" data-wow-delay="0.4s">
<div class="interactive-banners-style-05">
<div class="interactive-banners-image">
<img src="images/home-business-tab-img03.jpg" alt="image" />
<div class="overlay-bg bg-gradient-midium-gray-transparent opacity-medium"></div>
</div>
<div class="interactive-banners-content padding-3-half-rem-all lg-padding-2-half-rem-lr xs-padding-4-rem-all">
<div class="overlayer-box bottom-0px top-auto opacity-9 bg-extra-dark-gray"></div>
<div class="d-table h-100 w-100">
<div class="d-table-cell align-bottom">
<span class="text-white d-block text-extra-large margin-15px-bottom alt-font font-weight-500">
Imparting Skills necessary to Succeed in the Digital World</span>
<p class="interactive-banners-content-text width-85 lg-w-95 text-center">
<img src="images/vertex-ac.png">
</p>
</div>
</div>
</div>
</div>
</div>
<!-- end interactive banner item -->
</div>
</div>
</section>
<!-- end section -->
<!-- start section -->
<section class="parallax half-section" data-parallax-background-ratio="0.2" style="background-image:url('images/bg-lines.jpg');">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-lg-10 col-md-10 text-center wow animate__fadeInUp">
<h4 class="alt-font font-weight-600 text-white d-inline-block">See Our Recognitions</h4>
</div>
</div>
<div class="row padding-4-half-rem-tb">
<div class="col-12 p-0 wow animate__fadeIn" data-wow-delay="0.4s">
<div class="swiper-container h-auto padding-15px-all black-move" data-slider-options='{ "loop": true, "slidesPerView": 1, "spaceBetween": 30, "autoplay": { "delay": 3000, "disableOnInteraction": false }, "observer": true, "observeParents": true, "navigation": { "nextEl": ".swiper-button-next-nav-3", "prevEl": ".swiper-button-previous-nav-3" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "breakpoints": { "1200": { "slidesPerView": 3 }, "992": { "slidesPerView": 2 }, "768": { "slidesPerView": 1 } }, "effect": "slide" }'>
<div class="swiper-wrapper">
<!-- start info banner slider item -->
<div class="swiper-slide box-shadow-small box-shadow-extra-large-hover">
<a href="#"><img src="images/rec.png" alt="image" /></a>
<div class="position-relative bg-white padding-3-half-rem-all box-shadow-small">
<a href="#" class="alt-font text-small d-inline-block margin-10px-bottom">05 October 2010</a>
<span class="alt-font font-weight-500 text-extra-medium text-extra-dark-gray d-block margin-10px-bottom">The 30 most Trusted Brands to watch in 2021</span>
<p>An Illustious Business Solutions. Provider With A Vision For Excellence</p>
<div class="w-100 h-1px bg-medium-light-gray margin-20px-bottom d-inline-block"></div>
<a class="alt-font font-weight-600 text-small text-dark-purple text-salmon-rose-hover text-uppercase d-flex align-items-center" href="#">Read Full Story<i class="feather icon-feather-arrow-right icon-extra-small ml-auto"></i></a>
</div>
</div>
<!-- end info banner slider item -->
<!-- start info banner slider item -->
<div class="swiper-slide box-shadow-small box-shadow-extra-large-hover">
<a href="#"><img src="images/rec1.png" alt="image" /></a>
<div class="position-relative bg-white padding-3-half-rem-all box-shadow-small">
<a href="#" class="alt-font text-small d-inline-block margin-10px-bottom">05 October 2010</a>
<span class="alt-font font-weight-500 text-extra-medium text-extra-dark-gray d-block margin-10px-bottom">The 30 most Trusted Brands to watch in 2021</span>
<p>An Illustious Business Solutions. Provider With A Vision For Excellence</p>
<div class="w-100 h-1px bg-medium-light-gray margin-20px-bottom d-inline-block"></div>
<a class="alt-font font-weight-600 text-small text-dark-purple text-salmon-rose-hover text-uppercase d-flex align-items-center" href="#">Read Full Story<i class="feather icon-feather-arrow-right icon-extra-small ml-auto"></i></a>
</div>
</div>
<!-- end info banner slider item -->
<!-- start info banner slider item -->
<div class="swiper-slide box-shadow-small box-shadow-extra-large-hover">
<a href="#"><img src="images/rec2.png" alt="image" /></a>
<div class="position-relative bg-white padding-3-half-rem-all box-shadow-small">
<a href="#" class="alt-font text-small d-inline-block margin-10px-bottom">05 October 2010</a>
<span class="alt-font font-weight-500 text-extra-medium text-extra-dark-gray d-block margin-10px-bottom">The 30 most Trusted Brands to watch in 2021</span>
<p>An Illustious Business Solutions. Provider With A Vision For Excellence</p>
<div class="w-100 h-1px bg-medium-light-gray margin-20px-bottom d-inline-block"></div>
<a class="alt-font font-weight-600 text-small text-dark-purple text-salmon-rose-hover text-uppercase d-flex align-items-center" href="#">Read Full Story<i class="feather icon-feather-arrow-right icon-extra-small ml-auto"></i></a>
</div>
</div>
<!-- end info banner slider item -->
</div>
</div>
<div class="swiper-button-next-nav-3 swiper-button-next rounded-circle light slider-navigation-style-07 box-shadow-double-large" tabindex="0" role="button" aria-label="Next slide"><i class="feather icon-feather-arrow-right"></i></div>
<div class="swiper-button-previous-nav-3 swiper-button-prev rounded-circle light slider-navigation-style-07 box-shadow-double-large" tabindex="0" role="button" aria-label="Previous slide"><i class="feather icon-feather-arrow-left"></i></div>
</div>
</div>
</div>
</section>
<!-- start section -->
<!-- start section -->
<section class="parallax half-section" data-parallax-background-ratio="0.2" style="background-image:url('images/bg-blue.jpg');">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-lg-10 col-md-10 text-center wow animate__fadeInUp">
<h4 class="alt-font font-weight-600 text-white d-inline-block">Our Achievements</h4>
</div>
</div>
<div class="row">
<div class="col-12 padding-4-half-rem-tb wow animate__fadeInUp">
<div class="swiper-container text-center" data-slider-options='{ "slidesPerView": 1, "loop": true, "navigation": { "nextEl": ".swiper-button-next-nav", "prevEl": ".swiper-button-previous-nav" }, "autoplay": { "delay": 3000, "disableOnInteraction": false }, "keyboard": { "enabled": true, "onlyInViewport": true }, "breakpoints": { "1200": { "slidesPerView": 6 }, "992": { "slidesPerView": 3 }, "768": { "slidesPerView": 3 } } }'>
<div class="swiper-wrapper clients-slider">
<!-- start slider item -->
<div class="swiper-slide">
<a href="javascript:void(0);" target="_blank"><img alt="image" src="images/client.png"></a>
</div>
<!-- end slider item -->
<!-- start slider item -->
<div class="swiper-slide">
<a href="javascript:void(0);" target="_blank"><img alt="image" src="images/client1.png"></a>
</div>
<!-- end slider item -->
<!-- start slider item -->
<div class="swiper-slide">
<a href="javascript:void(0);" target="_blank"><img alt="image" src="images/client2.png"></a>
</div>
<!-- end slider item -->
<!-- start slider item -->
<div class="swiper-slide">
<a href="javascript:void(0);" target="_blank"><img alt="image" src="images/client3.png"></a>
</div>
<!-- end slider item -->
<!-- start slider item -->
<div class="swiper-slide">
<a href="javascript:void(0);" target="_blank"><img alt="image" src="images/client4.png"></a>
</div>
<!-- end slider item -->
<!-- start slider item -->
<div class="swiper-slide">
<a href="javascript:void(0);" target="_blank"><img alt="image" src="images/client5.png"></a>
</div>
<!-- end slider item -->
</div>
</div>
<!-- start slider navigation -->
<div class="swiper-button-next-nav swiper-button-next rounded-circle light slider-navigation-style-07 box-shadow-double-large"><i class="feather icon-feather-arrow-right"></i></div>
<div class="swiper-button-previous-nav swiper-button-prev rounded-circle light slider-navigation-style-07 box-shadow-double-large"><i class="feather icon-feather-arrow-left"></i></div>
<!-- end slider navigation -->
</div>
</div>
</div>
</section>
<!-- end section -->
<!-- start section -->
<section class="big-section position-relative wow animate__fadeInUp">
<div class="opacity-full "></div>
<div class="container">
<div class="row justify-content-center" style="visibility:hidden;">
<div class="col-12 col-xl-7 col-lg-8 col-md-10 text-center padding-five-tb">
<h3 class="alt-font text-white font-weight-600 margin-35px-bottom"></h3>
<p class="text-white opacity-7 alt-font text-large w-80 mx-auto line-height-32px margin-45px-bottom sm-w-100">Lorem ipsum dolor sit amet, adipiscing elit, sed do eiusmod tempor incididunt ut labore dolore.</p>
<a href="contact-us-classic.html" class="btn btn-large btn-white btn-rounded btn-box-shadow"></a>
</div>
</div>
</div>
<video loop="" autoplay="" controls="" muted class="html-video" poster="https://placehold.it/1920x1080">
<source type="video/mp4" src="images/Vertex-Global-Services-2020.mp4" />
</video>
</section>
<!-- end section -->
<!-- start section -->
<section class="no-padding-tb wow animate__fadeInUp">
<div class="container-fluid">
<div class="row justify-content-center">
<iframe class="w-100 h-500px" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3506.4068439934704!2d77.08379901488375!3d28.497404796935097!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d192df7355737%3A0x332039dcc435fdd6!2sVertex%20Global%20Services!5e0!3m2!1sen!2sin!4v1624691735808!5m2!1sen!2sin"></iframe>
</div>
</div>
</section>
<!-- end section -->
<!-- start footer -->
<footer class="footer-dark bg-main">
<div class="footer-top padding-five-tb lg-padding-eight-tb md-padding-50px-tb">
<div class="container">
<div class="row">
<!-- start footer column -->
<div class="col-12 col-lg-4 col-sm-6 md-margin-40px-bottom xs-margin-25px-bottom">
<span class="alt-font font-weight-500 d-block text-white margin-20px-bottom xs-margin-10px-bottom text-extra-large">Contact Us</span>
<p class="w-85 margin-15px-bottom">
448/A Enkay Square, 6th Flool, Udyog Vihar Phase V, Gurugram, Haryana 122008
</p>
<div>
<i class="feather icon-feather-phone-call icon-very-small margin-10px-right text-white"></i>+1(302)200-0491
</div>
<div>
<i class="feather icon-feather-phone-call icon-very-small margin-10px-right text-white"></i>+91 124 4964909
</div>
<div><i class="feather icon-feather-mail icon-very-small margin-10px-right text-white"></i><a href="mailto:contact@vertexglobalservices.com">contact@vertexglobalservices.com</a></div>
<div><i class="feather icon-feather-mail icon-very-small margin-10px-right text-white"></i><a href="mailto:pr@vertexglobalservices.com">pr@vertexglobalservices.com</a></div>
<div><i class="feather icon-feather-clock icon-very-small margin-10px-right text-white"></i><a href="mailto:pr@vertexglobalservices.com">24x7</a></div>
</div>
<!-- end footer column -->
<!-- start footer column -->
<div class="col-12 col-lg-4 col-sm-6 md-margin-40px-bottom xs-margin-25px-bottom">
<span class="alt-font font-weight-500 d-block text-white margin-20px-bottom xs-margin-10px-bottom text-extra-large">Get In Touch</span>
<form action="email-templates/contact-form.php" method="post">
<input class="input-border-bottom border-color-dark-white-transparent bg-transparent extra-large-input px-0 margin-25px-bottom border-radius-0px required" type="text" name="name" placeholder="Your name" />
<input class="input-border-bottom border-color-dark-white-transparent bg-transparent extra-large-input px-0 margin-25px-bottom border-radius-0px required" type="email" name="email" placeholder="Your email" />
<textarea class="input-border-bottom border-color-dark-white-transparent bg-transparent extra-large-input px-0 margin-35px-bottom border-radius-0px" name="comment" rows="5" placeholder="Message"></textarea>
<input type="hidden" name="redirect" value="">
<button class="btn btn-light btn-small btn-fancy mb-0 submit" type="submit">send message</button>
<div class="form-results d-none"></div>
</form>
</div>
<!-- end footer column -->
<!-- start footer column -->
<div class="col-12 col-lg-4 col-sm-6 xs-margin-25px-bottom">
<span class="alt-font font-weight-500 d-block text-white margin-20px-bottom xs-margin-10px-bottom text-extra-large">Get In Touch</span>
<img src="images/world-map.png" alt="image" class="img-fluid">
</div>
<!-- end footer column -->
</div>
</div>
</div>
<div class="footer-bottom padding-40px-tb border-top border-color-white-transparent">
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-md-3 text-center text-md-left sm-margin-20px-bottom">
</div>
<div class="col-12 col-md-6 text-center last-paragraph-no-margin sm-margin-20px-bottom">
<p>© 2021 Vertex. All Right Reserved</p>
</div>
<div class="col-12 col-md-3 text-center text-md-right">
<div class="social-icon-style-12">
<ul class="extra-small-icon light">
<li><a class="facebook" href=".#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a class="twitter" href=".#" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a class="instagram" href=".#" target="_blank"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- end footer -->
<!-- start scroll to top -->
<a class="scroll-top-arrow" href="javascript:void(0);"><i class="feather icon-feather-arrow-up"></i></a>
<!-- end scroll to top -->
<!-- javascript -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/theme-vendors.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>