Logo v2.3.1
Image Description

No Results

  • Get Support
  • Preview Demo
Logo v2.3.1
  • Docs
  • Snippets
  • Snippets
  • Introduction
  • Navbar / Heroes
  • Headers (Navbar)
  • Hero Sections
  • Foundations
  • Features
    General Stats Step Navs (Tabs)
  • Icon Blocks
  • Cards
    Grid
  • Testimonials
  • Blogs
    Grid List
  • Pricing
  • Team Sections
  • Call-to-Action (CTA)
  • Modals
  • Portfolio
  • Gallery
  • Clients
  • FAQ
  • Lists
  • Comments
  • User Profile
  • Sidebar Nav Examples
  • Content Sections
  • Forms
  • Authentication
  • Feedback
  • Filters
  • Search
  • Directory
  • Subscribe
  • Contact / Footer
  • Contact Sections
  • Footer

Blogs List

Component #1

  • Preview
  • HTML
  • JS
Image Description
Watch Andrea’s story
Featured customers

Very precise documentation with many features well explained.

“ Now that we’re using Space, everyone involved in a project has visibility into things like changes in scope and other status updates. “
Andrea Director of Sales | MailChimp
Logo
              
                <!-- Blog List -->
                <div class="container content-space-1">
                  <div class="row align-items-md-center">
                    <div class="col-md-6 order-md-2 mb-5 mb-md-0">
                      <a href="https://www.youtube.com/watch?v=0qisGSwZym4" role="button" data-fslightbox="youtube-video">
                        <div class="position-relative">
                          <img class="img-fluid" src="../assets/img/950x950/img2.jpg" alt="Image Description">

                          <div class="position-absolute bottom-0 start-0 p-5">
                            <!-- Fancybox -->
                            <div class="d-flex align-items-center">
                              <div class="flex-shrink-0">
                                <span class="btn btn-icon btn-white text-primary">
                                  <i class="bi-play-circle-fill"></i>
                                </span>
                              </div>
                              <div class="flex-grow-1 ms-3">
                                <span class="text-white">Watch Andrea’s story</span>
                              </div>
                            </div>
                            <!-- End Fancybox -->
                          </div>
                        </div>
                      </a>
                    </div>
                    <!-- End Col -->

                    <div class="col-md-6">
                      <div class="pe-md-5">
                        <span class="text-cap">Featured customers</span>
                        <h3>Very precise documentation with many features well explained.</h3>

                        <!-- Blockquote -->
                        <figure class="mb-7">
                          <blockquote class="blockquote blockquote-sm">“ Now that we’re using Space, everyone involved in a project has visibility into things like changes in scope and other status updates. “</blockquote>

                          <figcaption class="blockquote-footer">
                            Andrea
                            <span class="blockquote-footer-source">Director of Sales | MailChimp</span>
                          </figcaption>
                        </figure>
                        <!-- End Blockquote -->

                        <img class="img-fluid" src="../assets/svg/brands/mailchimp-primary.svg" alt="Logo" style="width: 12.5rem;">
                      </div>
                    </div>
                    <!-- End Col -->
                  </div>
                  <!-- End Row -->
                </div>
                <!-- End Blog List -->
              
            
              
                <!-- JS Implementing Plugins -->
                <!-- bundlejs:vendor [..] -->
                <script src="../assets/vendor/fslightbox/index.js"></script>
              
            

Component #2

  • Preview
  • HTML
Image Description
  • Product resources
  • 7 min read

Introduction to marketing and selling payments for SaaS platforms

SaaS platforms are often looking for ways to offer complementary services that add extra value for their customers.

              
                <!-- List - Blog -->
                <div class="container" style="margin-top: -10rem;">
                  <!-- Card -->
                  <div class="card card-sm">
                    <div class="card-body">
                      <div class="row align-items-md-center">
                        <div class="col-md-6 mb-3 mb-md-0">
                          <img class="img-fluid" src="../assets/img/900x700/img8.jpg" alt="Image Description">
                        </div>
                        <!-- End Col -->

                        <div class="col-md-6">
                          <div class="ps-md-5">
                            <!-- List Separator -->
                            <ul class="list-inline list-separator mb-3">
                              <li class="list-inline-item">
                                <a class="text-cap text-muted mb-0" href="#">Product resources</a>
                              </li>
                              <li class="list-inline-item">
                                <span class="text-cap text-muted mb-0">7 min read</span>
                              </li>
                            </ul>
                            <!-- End List Separator -->

                            <h3 class="mb-3 mb-md-5">
                              <a class="text-dark" href="../blog-article.html">Introduction to marketing and selling payments for SaaS platforms</a>
                            </h3>
                            <p>SaaS platforms are often looking for ways to offer complementary services that add extra value for their customers.</p>
                          </div>
                        </div>
                        <!-- End Col -->
                      </div>
                      <!-- End Row -->
                    </div>
                  </div>
                  <!-- End Card -->
                </div>
                <!-- End List - Blog -->