<!--[ Main Content ] start-->
        <div class="row">
          <!-- [ Typography ] start -->
          <div class="col-sm-12">
            <div class="card">
              <div class="card-header">
                <h5>Headings</h5>
                <p><span class="badges">.h1</span> through .h6 classes are also available, for when you want to match
                  the font styling of a heading
                  but cannot use the associated HTML element.</p>
              </div>
              <div class