# Features Step

## Component #1

- Preview
- HTML

Always improving

## Solutions rooted in code and design

- 1

  ### Industry-leading designs

  Achieve virtually any design and layout from within the one template.

- 2

  ### Learn from the docs

  Whether you're a startup or a global enterprise, learn how to integrate with Front.

- 3

  ### Accelerate your business

  We help power millions of businesses to built and run smoothly.

                    <!-- Step -->
                    <div class="container content-space-2 content-space-lg-3">
                      <!-- Heading -->
                      <div class="w-md-75 w-lg-50 text-center mx-md-auto mb-5 mb-md-9">
                        <span class="text-cap">Always improving</span>
                        <h2>Solutions rooted in code and design</h2>
                      </div>
                      <!-- End Heading -->

                      <!-- Step -->
                      <ul class="step step-md step-centered">
                        <li class="step-item">
                          <div class="step-content-wrapper">
                            <span class="step-icon step-icon-soft-primary">1</span>
                            <div class="step-content">
                              <h3>Industry-leading designs</h3>
                              <p>Achieve virtually any design and layout from within the one template.</p>
                            </div>
                          </div>
                        </li>

                        <li class="step-item">
                          <div class="step-content-wrapper">
                            <span class="step-icon step-icon-soft-primary">2</span>
                            <div class="step-content">
                              <h3>Learn from the docs</h3>
                              <p>Whether you're a startup or a global enterprise, learn how to integrate with Front.</p>
                            </div>
                          </div>
                        </li>

                        <li class="step-item">
                          <div class="step-content-wrapper">
                            <span class="step-icon step-icon-soft-primary">3</span>
                            <div class="step-content">
                              <h3>Accelerate your business</h3>
                              <p>We help power millions of businesses to built and run smoothly.</p>
                            </div>
                          </div>
                        </li>
                      </ul>
                      <!-- End Step -->
                    </div>
                    <!-- End Step -->

## Component #2

- Preview
- HTML
- JS

## Why Front?

Front is an incredibly beautiful, fully responsive, and mobile-first projects on the web – it is the starting point for creative sites.

- ##### Basic elements

- ##### Components

- ##### Combined components

- ##### Page layouts

                    <!-- Step -->
                    <div id="learnSection" class="container content-space-2 content-space-lg-3">
                      <!-- Heading -->
                      <div class="w-md-75 w-lg-50 text-center mx-md-auto mb-5 mb-md-9">
                        <h2 class="h1">Why Front?</h2>
                        <p>Front is an incredibly beautiful, fully responsive, and mobile-first projects on the web – it is the starting point for creative sites.</p>
                      </div>
                      <!-- End Heading -->

                      <div class="w-lg-75 mx-md-auto">
                        <!-- Step -->
                        <ul class="step step-md step-centered mb-md-9">
                          <li class="step-item">
                            <div class="step-content-wrapper">
                              <span class="step-icon step-icon-sm step-icon-soft-primary step-icon-pseudo"></span>
                              <div class="step-content">
                                <h5 class="step-title">Basic elements</h5>
                              </div>
                            </div>
                          </li>

                          <li class="step-item">
                            <div class="step-content-wrapper">
                              <span class="step-icon step-icon-sm step-icon-soft-primary step-icon-pseudo"></span>
                              <div class="step-content">
                                <h5 class="step-title">Components</h5>
                              </div>
                            </div>
                          </li>

                          <li class="step-item">
                            <div class="step-content-wrapper">
                              <span class="step-icon step-icon-sm step-icon-soft-primary step-icon-pseudo"></span>
                              <div class="step-content">
                                <h5 class="step-title">Combined components</h5>
                              </div>
                            </div>
                          </li>

                          <li class="step-item">
                            <div class="step-content-wrapper">
                              <span class="step-icon step-icon-sm step-icon-soft-primary step-icon-pseudo"></span>
                              <div class="step-content">
                                <h5 class="step-title">Page layouts</h5>
                              </div>
                            </div>
                          </li>
                        </ul>
                        <!-- End Step -->

                        <!-- Video Block -->
                        <div id="youTubeVideoPlayer" class="video-player video-player-inline-btn">
                          <img class="img-fluid video-player-preview" src="../assets/img/1920x800/img6.jpg" alt="Image">

                          <!-- Play Button -->
                          <a class="js-inline-video-player video-player-btn video-player-centered" href="javascript:;"
                             data-hs-video-player-options='{
                               "videoId": "d4eDWc8g0e0",
                               "parentSelector": "#youTubeVideoPlayer",
                               "targetSelector": "#youTubeVideoIframe",
                               "isAutoplay": true
                             }'>
                            <span class="video-player-icon shadow-sm">
                              <i class="bi-play-fill"></i>
                            </span>
                          </a>
                          <!-- End Play Button -->

                          <!-- Video Iframe -->
                          <div class="ratio ratio-16x9">
                            <div id="youTubeVideoIframe"></div>
                          </div>
                          <!-- End Video Iframe -->
                        </div>
                        <!-- End Video Block -->
                      </div>
                    </div>
                    <!-- End Step -->

                    <!-- JS Implementing Plugins -->
                    <script src="../assets/vendor/hs-video-player/dist/hs-video-player.min.js"></script>

                    <!-- JS Plugins Init. -->
                    <script>
                      (function() {
                        // INITIALIZATION OF VIDEO PLAYER
                        // =======================================================
                        new HSVideoPlayer('.js-inline-video-player')
                      })()
                    </script>

## Component #3

- Preview
- HTML

#### Scheduled Maintenance!

We're currently updating an issue that's preventing Forms, Meetings and Ads from being modified. All existing forms on websites continue working and accepting submissions.

- March 9, 2020

  ##### Forms, Meetings and Ads cannot be modified

  Resolved - The Front app is now loading properly for all users. We've identified and addressed the cause of the issue as a problem with the Forms, Meetings and Ads tools, and the incident has now been fully resolved.

  Mar 8, 10:10 EST

  Investigating - We're currently experiencing an issue that's preventing Forms, Meetings and Ads from being modified. All existing forms on websites continue working and accepting submissions. We're actively investigating the cause of this issue and will update this page when more information is available.

  Mar 8, 01:39 EST
- March 8, 2020

  #### Chatflows cannot be modified

  Resolved - Chatflows is now operating properly for all users. We've identified and addressed the cause of the issue and the incident has now been fully resolved.

  Mar 7, 12:24 EST

  Investigating - Chatflows is now operating properly for all users. We've identified and addressed the cause of the issue and the incident has now been fully resolved.

  Mar 7, 12:01 EST

  Monitoring - We've identified the issue that's been preventing Chatflows from being modified. We're actively addressing the cause of this issue and will update this page when more information is available.

  Mar 7, 11:24 EST

  Investigating - We're currently experiencing an issue that's preventing Chatflow settings from being modified. We're actively investigating the cause of this issue and will update this page when more information is available.

  Mar 7, 11:11 EST
- March 7, 2020

  No incidents reported.

- March 6, 2020

  No incidents reported.

- March 5, 2020

  ##### Infrastructure Alerts

  Resolved - Some customers may have experienced delayed Infrastructure alerts. We encourage customers to check the status of their applications and infrastructure during this time frame. Services have returned to their normal operation.

  Mar 8, 19:51 EST

  Investigating - Some customers may be experiencing an issue with delayed Infrastructure Alerts. Please continue to monitor this page for updates.

  Mar 8, 17:51 EST
- March 4, 2020

  No incidents reported.

                    <!-- Content -->
                    <div class="container content-space-1">
                      <!-- Alert -->
                      <div class="alert alert-primary mb-5 mb-md-7" role="alert">
                        <div class="d-flex">
                          <div class="flex-shrink-0">
                            <i class="bi-question-circle-fill fs-4"></i>
                          </div>

                          <div class="flex-grow-1 ms-3">
                            <h4 class="alert-heading">Scheduled Maintenance!</h4>
                            <hr/>
                            <p>We're currently updating an issue that's preventing Forms, Meetings and Ads from being modified. All existing forms on websites continue working and accepting submissions.</p>
                          </div>
                        </div>
                      </div>
                      <!-- End Alert -->

                      <!-- Step Timeline -->
                      <ul class="step">
                        <!-- Timeline Item -->
                        <li class="step-item">
                          <div class="step-content-wrapper">
                            <span class="step-icon step-icon-soft-dark">
                              <i class="bi-calendar3"></i>
                            </span>

                            <div class="step-content">
                              <span class="step-title">March 9, 2020</span>

                              <h5 class="text-danger">Forms, Meetings and Ads cannot be modified</h5>

                              <div class="mb-4">
                                <p class="mb-1"><span class="fw-semi-bold">Resolved</span> - The Front app is now loading properly for all users. We've identified and addressed the cause of the issue as a problem with the Forms, Meetings and Ads tools, and the incident has now been fully resolved.</p>
                                <span class="text-muted small">Mar 8, 10:10 EST</span>
                              </div>

                              <div class="mb-4">
                                <p class="mb-1"><span class="fw-semi-bold">Investigating</span> - We're currently experiencing an issue that's preventing Forms, Meetings and Ads from being modified. All existing forms on websites continue working and accepting submissions. We're actively investigating the cause of this issue and will update this page when more information is available.</p>
                                <span class="text-muted small">Mar 8, 01:39 EST</span>
                              </div>
                            </div>
                          </div>
                        </li>
                        <!-- End Timeline Item -->

                        <!-- Timeline Item -->
                        <li class="step-item">
                          <div class="step-content-wrapper">
                            <span class="step-icon step-icon-soft-dark">
                              <i class="bi-calendar3"></i>
                            </span>

                            <div class="step-content">
                              <span class="step-title">March 8, 2020</span>

                              <h4 class="h5 text-warning">Chatflows cannot be modified</h4>

                              <div class="mb-4">
                                <p class="mb-1"><span class="fw-semi-bold">Resolved</span> - Chatflows is now operating properly for all users. We've identified and addressed the cause of the issue and the incident has now been fully resolved.</p>
                                <span class="text-muted small">Mar 7, 12:24 EST</span>
                              </div>

                              <div class="mb-4">
                                <p class="mb-1"><span class="fw-semi-bold">Investigating</span> - Chatflows is now operating properly for all users. We've identified and addressed the cause of the issue and the incident has now been fully resolved.</p>
                                <span class="text-muted small">Mar 7, 12:01 EST</span>
                              </div>

                              <div class="mb-4">
                                <p class="mb-1"><span class="fw-semi-bold">Monitoring</span> - We've identified the issue that's been preventing Chatflows from being modified. We're actively addressing the cause of this issue and will update this page when more information is available.</p>
                                <span class="text-muted small">Mar 7, 11:24 EST</span>
                              </div>

                              <div class="mb-4">
                                <p class="mb-1"><span class="fw-semi-bold">Investigating</span> - We're currently experiencing an issue that's preventing Chatflow settings from being modified. We're actively investigating the cause of this issue and will update this page when more information is available.</p>
                                <span class="text-muted small">Mar 7, 11:11 EST</span>
                              </div>
                            </div>
                          </div>
                        </li>
                        <!-- End Timeline Item -->

                        <!-- Timeline Item -->
                        <li class="step-item">
                          <div class="step-content-wrapper">
                            <span class="step-icon step-icon-soft-dark">
                              <i class="bi-calendar3"></i>
                            </span>

                            <div class="step-content">
                              <span class="step-title">March 7, 2020</span>
                              <p class="mb-1">No incidents reported.</p>
                            </div>
                          </div>
                        </li>
                        <!-- End Timeline Item -->

                        <!-- Timeline Item -->
                        <li class="step-item">
                          <div class="step-content-wrapper">
                            <span class="step-icon step-icon-soft-dark">
                              <i class="bi-calendar3"></i>
                            </span>

                            <div class="step-content">
                              <span class="step-title">March 6, 2020</span>
                              <p class="mb-1">No incidents reported.</p>
                            </div>
                          </div>
                        </li>
                        <!-- End Timeline Item -->

                        <!-- Timeline Item -->
                        <li class="step-item">
                          <div class="step-content-wrapper">
                            <span class="step-icon step-icon-soft-dark">
                              <i class="bi-calendar3"></i>
                            </span>

                            <div class="step-content">
                              <span class="step-title">March 5, 2020</span>

                              <h5 class="text-danger">Infrastructure Alerts</h5>

                              <div class="mb-4">
                                <p class="mb-1"><span class="fw-semi-bold">Resolved</span> - Some customers may have experienced delayed Infrastructure alerts. We encourage customers to check the status of their applications and infrastructure during this time frame. Services have returned to their normal operation.</p>
                                <span class="text-muted small">Mar 8, 19:51 EST</span>
                              </div>

                              <div class="mb-4">
                                <p class="mb-1"><span class="fw-semi-bold">Investigating</span> - Some customers may be experiencing an issue with delayed Infrastructure Alerts. Please continue to monitor this page for updates.</p>
                                <span class="text-muted small">Mar 8, 17:51 EST</span>
                              </div>
                            </div>
                          </div>
                        </li>
                        <!-- End Timeline Item -->

                        <!-- Timeline Item -->
                        <li class="step-item">
                          <div class="step-content-wrapper">
                            <span class="step-icon step-icon-soft-dark">
                              <i class="bi-calendar3"></i>
                            </span>

                            <div class="step-content">
                              <span class="step-title">March 4, 2020</span>
                              <p class="mb-1">No incidents reported.</p>
                            </div>
                          </div>
                        </li>
                        <!-- End Timeline Item -->
                      </ul>
                      <!-- End Step Timeline -->
                    </div>
                    <!-- End Content -->