Blogs List
Component #1
Featured customers
Very precise documentation with many features well explained.
<!-- 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
- 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 -->