功能 Step

Component #1

预览
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

无论您是初创公司还是跨国企业，学习如何与 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>无论您是初创公司还是跨国企业，学习如何与 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

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
组件s
Combined components
页面布局

              
                <!-- 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">页面布局</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>

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 -->

Component #1

Solutions rooted in code and design

Industry-leading designs

Learn from the docs

Accelerate your business

Component #2

Why Front?

Basic elements

组件s

Combined components

页面布局

Component #3

Scheduled Maintenance!

Forms, Meetings and Ads cannot be modified

Chatflows cannot be modified

Infrastructure Alerts