Integrated
Front marketing

We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation.

Image Description
              
                <!-- Hero Section -->
                <div class="container space-1">
                  <div class="row align-items-lg-center">
                    <div class="col-lg-5 mb-9 mb-lg-0">
                      <!-- Info -->
                      <div class="mb-4">
                        <h1 class="h1">Integrated<br><strong class="text-primary">Front marketing</strong></h1>
                        <p>We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation.</p>
                      </div>
                      <!-- End Info -->

                      <!-- Form -->
                      <form class="js-validate mb-3">
                        <div class="form-row">
                          <div class="col-6 col-sm-8 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."
                                       data-error-class="u-has-error"
                                       data-success-class="u-has-success">
                              </div>
                            </div>
                          </div>

                          <div class="col-sm-4">
                            <button type="submit" class="btn btn-primary btn-wide transition-3d-hover">Get Started</button>
                          </div>
                        </div>
                      </form>
                      <!-- End Form -->

                      <div class="small">
                        <span class="font-weight-medium">View a demo:</span>
                        <a class="link-muted mx-2" href="index.html">Explore live demo</a>

                        <!-- Fancybox -->
                        <a class="js-fancybox link-muted" href="javascript:;"
                           data-src="//vimeo.com/167434033"
                           data-speed="700"
                           data-animate-in="zoomIn"
                           data-animate-out="zoomOut"
                           data-caption="Front - Responsive Website Template">
                          <small class="fas fa-play text-primary mr-1"></small>
                          Play video
                        </a>
                        <!-- End Fancybox -->
                      </div>
                    </div>

                    <div id="SVGNonStandardHeroShape" class="col-lg-7 svg-preloader">
                      <div class="px-lg-5">
                        <!-- SVG Illustration -->
                        <figure class="ie-non-standard-hero-shape">
                          <img class="js-svg-injector" src="../../assets/svg/illustrations/non-standard-hero-shape.svg" alt="Image Description"
                               data-img-paths='[
                                 {"targetId": "#SVGNonStandardHeroShapeImg1", "newPath": "../../assets/img/900x900/img2.jpg"},
                                 {"targetId": "#SVGNonStandardHeroShapeImg2", "newPath": "../../assets/img/900x900/img2.jpg"}
                               ]'
                               data-parent="#SVGNonStandardHeroShape">
                        </figure>
                        <!-- End SVG Illustration -->
                      </div>
                    </div>
                  </div>
                </div>
                <!-- End Hero Section -->
              
            
              
                <link rel="stylesheet" href="../../assets/vendor/fancybox/jquery.fancybox.css">
              
            
              
                <!-- JS Implementing Plugins -->
                <script src="../../assets/vendor/fancybox/jquery.fancybox.min.js"></script>

                <!-- JS Front -->
                <script src="../../assets/js/components/hs.fancybox.js"></script>

                <!-- JS Plugins Init. -->
                <script>
                  $(document).on('ready', function () {
                    // initialization of popups
                    $.HSCore.components.HSFancyBox.init('.js-fancybox');
                  });
                </script>