The ad that manages itself
Automate all your ad management strategies for Facebook, Google and Snapchat Ads in a single interface.
<!-- Hero Section -->
<div class="position-relative bg-img-hero" style="background-image: url(../../assets/svg/components/abstract-shapes-12.svg);">
<div class="container space-top-3 space-bottom-lg-3">
<div class="row justify-content-lg-between align-items-lg-center pt-lg-5">
<div class="col-lg-5">
<!-- Info -->
<div class="mb-5">
<h1 class="display-4 mb-3">The ad that manages itself</h1>
<p class="lead">Automate all your ad management strategies for Facebook, Google and Snapchat Ads in a single interface.</p>
</div>
<!-- End Info -->
<!-- Form -->
<form class="js-validate mb-7">
<div class="form-row">
<div class="col-sm col-md-6 col-lg mb-2">
<div class="js-form-message">
<label class="sr-only" for="signupSrEmail">Your email</label>
<div class="input-group">
<input type="email" class="form-control" name="email" id="signupSrEmail" placeholder="Your email" aria-label="Your email" required
data-msg="Please enter a valid email address.">
</div>
</div>
</div>
<div class="col-sm-auto">
<button type="submit" class="btn btn-primary btn-block">Request Demo</button>
</div>
</div>
</form>
<!-- End Form -->
<span class="d-block small font-weight-bold text-cap mb-2">Front partners:</span>
<!-- Clients -->
<div class="row">
<div class="col-4 col-sm-3 my-2">
<img class="max-w-11rem max-w-md-13rem mx-auto" src="../../assets/svg/clients-logo/airbnb.svg" alt="Image Description">
</div>
<div class="col-4 col-sm-3 my-2">
<img class="max-w-11rem max-w-md-13rem mx-auto" src="../../assets/svg/clients-logo/fitbit.svg" alt="Image Description">
</div>
<div class="col-4 col-sm-3 my-2">
<img class="max-w-11rem max-w-md-13rem mx-auto" src="../../assets/svg/clients-logo/weebly.svg" alt="Image Description">
</div>
</div>
<!-- End Clients -->
</div>
</div>
</div>
<!-- Gallery -->
<div class="col-lg-6 position-lg-absolute bottom-0 right-0 transform-rotate-5 mr-lg-n11">
<div class="row align-items-end mx-n2">
<div class="col px-2 mb-5">
<div class="mb-3" data-aos="fade-up">
<img class="img-fluid shadow-lg rounded" src="../../assets/img/407x472/img2.jpg" alt="Image Description">
</div>
<div class="mb-3" data-aos="fade-up" data-aos-delay="100">
<img class="img-fluid shadow-lg rounded" src="../../assets/img/407x472/img3.jpg" alt="Image Description">
</div>
</div>
<div class="col px-2">
<div class="mb-3" data-aos="fade-up" data-aos-delay="200">
<img class="img-fluid shadow-lg rounded" src="../../assets/img/407x520/img1.jpg" alt="Image Description">
</div>
<div class="mb-3" data-aos="fade-up" data-aos-delay="300">
<img class="img-fluid shadow-lg rounded" src="../../assets/img/407x407/img1.jpg" alt="Image Description">
</div>
</div>
<div class="col px-2 mb-7">
<div class="mb-3" data-aos="fade-up" data-aos-delay="400">
<img class="img-fluid shadow-lg rounded" src="../../assets/img/407x472/img6.jpg" alt="Image Description">
</div>
<div class="mb-3" data-aos="fade-up" data-aos-delay="500" data-aos-offset="-50">
<img class="img-fluid shadow-lg rounded" src="../../assets/img/407x115/img1.jpg" alt="Image Description">
</div>
</div>
</div>
</div>
<!-- End Gallery -->
</div>
<!-- End Hero Section -->
<link rel="stylesheet" href="./node_modules/aos/dist/aos.css">
<!-- JS Implementing Plugins -->
<script src="./node_modules/aos/dist/aos.js"></script>
<script src="./node_modules/jquery-validation/dist/jquery.validate.min.js"></script>
<!-- JS Front -->
<script src="./assets/js/hs.validation.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// INITIALIZATION OF FORM VALIDATION
// =======================================================
$('.js-validate').each(function() {
$.HSCore.components.HSValidation.init($(this));
});
// INITIALIZATION OF AOS
// =======================================================
AOS.init({
duration: 650,
once: true
});
});
</script>