Turn your ideas into a startup

Front's feature-rich designed demo pages help you create the best possible product.

Get Started Learn More
              
                <!-- Hero Section -->
                <div class="d-lg-flex position-relative">
                  <div class="container d-lg-flex align-items-lg-center space-top-2 space-lg-0 min-vh-lg-100">
                    <!-- Content -->
                    <div class="w-md-100">
                      <div class="row">
                        <div class="col-lg-5">
                          <div class="mb-5 mt-11">
                            <h1 class="display-4 mb-3">Turn your ideas into a startup</h1>
                            <p class="lead">Front's feature-rich designed demo pages help you create the best possible product.</p>
                          </div>

                          <a class="btn btn-primary btn-wide transition-3d-hover" href="#">Get Started</a>
                          <a class="btn btn-link btn-wide" href="#">Learn More <i class="fas fa-angle-right fa-sm ml-1"></i></a>
                        </div>
                      </div>
                    </div>
                    <!-- End Content -->

                    <!-- SVG Shape -->
                    <figure class="col-lg-7 col-xl-6 d-none d-lg-block position-absolute top-0 right-0 pr-0 ie-main-hero" style="margin-top: 6.75rem;">
                      <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 1137.5 979.2">
                        <path fill="#F9FBFF" d="M565.5,957.4c81.1-7.4,155.5-49.3,202.4-115.7C840,739.8,857,570,510.7,348.3C-35.5-1.5-4.2,340.3,2.7,389
                          c0.7,4.7,1.2,9.5,1.7,14.2l29.3,321c14,154.2,150.6,267.8,304.9,253.8L565.5,957.4z"/>
                        <defs>
                          <path id="mainHeroSVG1" d="M1137.5,0H450.4l-278,279.7C22.4,430.6,24.3,675,176.8,823.5l0,0C316.9,960,537.7,968.7,688.2,843.6l449.3-373.4V0z"/>
                        </defs>
                        <clipPath id="mainHeroSVG2">
                          <use xlink:href="#mainHeroSVG1"/>
                        </clipPath>
                        <g transform="matrix(1 0 0 1 0 0)" clip-path="url(#mainHeroSVG2)">
                          <image width="750" height="750" xlink:href="../../assets/img/750x750/img2.jpg" transform="matrix(1.4462 0 0 1.4448 52.8755 0)"></image>
                        </g>
                      </svg>
                    </figure>
                    <!-- End SVG Shape -->
                  </div>
                </div>
                <!-- End Hero Section -->