Build awesome apps with your web dev skills.
Built on standard web technology, teams use Front to build beautiful cross-platform hybrid apps in a fraction of the time.
Start free trial. * No credit card required.
<!-- Hero Section -->
<div class="container space-2 space-top-md-5 space-top-lg-4 space-bottom-lg-3">
<div class="row justify-content-lg-between mb-7">
<div class="col-lg-5 mb-7 mb-lg-0">
<!-- Info -->
<div class="mb-5">
<h1 class="h2 font-weight-medium mb-3">Build awesome apps with your web dev skills.</h1>
<p>Built on standard web technology, teams use Front to build beautiful cross-platform hybrid apps in a fraction of the time.</p>
</div>
<div class="mb-3">
<a class="btn btn-primary btn-wide transition-3d-hover mb-2 mb-sm-0 mr-3" href="#">Get Started</a>
<a class="btn btn-outline-primary btn-wide transition-3d-hover mb-2 mb-sm-0" href="#">Let's Talk</a>
</div>
<p class="small">Start free trial. * No credit card required.</p>
<!-- End Info -->
</div>
<div class="col-lg-6">
<!-- SVG Illustration -->
<figure id="SVGHero" class="svg-preloader ie-hiker-man w-md-75 w-lg-100">
<img class="js-svg-injector" src="../../assets/svg/illustrations/hiker-man.svg" alt="Image Description"
data-parent="#SVGHero">
</figure>
<!-- End SVG Illustration -->
</div>
</div>
<!-- Clients -->
<div class="row justify-content-between text-center">
<div class="col-4 col-lg-2 mb-5 mb-lg-0">
<div class="mx-4">
<img class="u-clients" src="../../assets/svg/clients-logo/boring-company.svg" alt="Image Description">
</div>
</div>
<div class="col-4 col-lg-2 mb-5 mb-lg-0">
<div class="mx-4">
<img class="u-clients" src="../../assets/svg/clients-logo/netflix.svg" alt="Image Description">
</div>
</div>
<div class="col-4 col-lg-2 mb-5 mb-lg-0">
<div class="mx-4">
<img class="u-clients" src="../../assets/svg/clients-logo/fitbit.svg" alt="Image Description">
</div>
</div>
<div class="col-4 col-lg-2">
<div class="mx-4">
<img class="u-clients" src="../../assets/svg/clients-logo/google.svg" alt="Image Description">
</div>
</div>
<div class="col-4 col-lg-2">
<div class="mx-4">
<img class="u-clients" src="../../assets/svg/clients-logo/airbnb.svg" alt="Image Description">
</div>
</div>
<div class="col-4 col-lg-2">
<div class="mx-4">
<img class="u-clients" src="../../assets/svg/clients-logo/uber.svg" alt="Image Description">
</div>
</div>
</div>
<!-- End Clients -->
</div>
<!-- End Hero Section -->
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/svg-injector/dist/svg-injector.min.js"></script>
<!-- JS Front -->
<script src="../../assets/js/components/hs.svg-injector.js"></script>
<!-- JS Plugins Init. -->
<script>
$(window).on('load', function () {
// initialization of svg injector module
$.HSCore.components.HSSVGIngector.init('.js-svg-injector');
});
</script>