<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row gx-lg-8 gx-xl-12 gy-10 align-items-center&quot;&gt;
      &lt;div class=&quot;col-lg-7&quot;&gt;
        &lt;div class=&quot;row gx-md-5 gy-5&quot;&gt;
          &lt;div class=&quot;col-md-6 col-xl-5 align-self-end&quot;&gt;
            &lt;div class=&quot;card bg-pale-yellow&quot;&gt;
              &lt;div class=&quot;card-body&quot;&gt;
                &lt;blockquote class=&quot;icon mb-0&quot;&gt;
                  &lt;p&gt;&ldquo;Cum sociis natoque penatibus et magnis dis parturient montes.&rdquo;&lt;/p&gt;
                  &lt;div class=&quot;blockquote-details&quot;&gt;
                    &lt;div class=&quot;info p-0&quot;&gt;
                      &lt;h5 class=&quot;mb-1&quot;&gt;Coriss Ambady&lt;/h5&gt;
                      &lt;p class=&quot;mb-0&quot;&gt;Financial Analyst&lt;/p&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/blockquote&gt;
              &lt;/div&gt;
              &lt;!--/.card-body --&gt;
            &lt;/div&gt;
            &lt;!--/.card --&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6 align-self-end&quot;&gt;
            &lt;div class=&quot;card bg-pale-red&quot;&gt;
              &lt;div class=&quot;card-body&quot;&gt;
                &lt;blockquote class=&quot;icon mb-0&quot;&gt;
                  &lt;p&gt;&ldquo;Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper.&rdquo;&lt;/p&gt;
                  &lt;div class=&quot;blockquote-details&quot;&gt;
                    &lt;div class=&quot;info p-0&quot;&gt;
                      &lt;h5 class=&quot;mb-1&quot;&gt;Cory Zamora&lt;/h5&gt;
                      &lt;p class=&quot;mb-0&quot;&gt;Marketing Specialist&lt;/p&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/blockquote&gt;
              &lt;/div&gt;
              &lt;!--/.card-body --&gt;
            &lt;/div&gt;
            &lt;!--/.card --&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6 col-xl-5 offset-xl-1&quot;&gt;
            &lt;div class=&quot;card bg-pale-leaf&quot;&gt;
              &lt;div class=&quot;card-body&quot;&gt;
                &lt;blockquote class=&quot;icon mb-0&quot;&gt;
                  &lt;p&gt;&ldquo;Donec id elit non porta gravida at eget metus. Duis mollis est commodo luctus, nisi erat porttitor.&rdquo;&lt;/p&gt;
                  &lt;div class=&quot;blockquote-details&quot;&gt;
                    &lt;div class=&quot;info p-0&quot;&gt;
                      &lt;h5 class=&quot;mb-1&quot;&gt;Barclay Widerski&lt;/h5&gt;
                      &lt;p class=&quot;mb-0&quot;&gt;Sales Specialist&lt;/p&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/blockquote&gt;
              &lt;/div&gt;
              &lt;!--/.card-body --&gt;
            &lt;/div&gt;
            &lt;!--/.card --&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6 align-self-start&quot;&gt;
            &lt;div class=&quot;card bg-pale-blue&quot;&gt;
              &lt;div class=&quot;card-body&quot;&gt;
                &lt;blockquote class=&quot;icon mb-0&quot;&gt;
                  &lt;p&gt;&ldquo;Nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean eu leo pellentesque ornare.&rdquo;&lt;/p&gt;
                  &lt;div class=&quot;blockquote-details&quot;&gt;
                    &lt;div class=&quot;info p-0&quot;&gt;
                      &lt;h5 class=&quot;mb-1&quot;&gt;Jackie Sanders&lt;/h5&gt;
                      &lt;p class=&quot;mb-0&quot;&gt;Investment Planner&lt;/p&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/blockquote&gt;
              &lt;/div&gt;
              &lt;!--/.card-body --&gt;
            &lt;/div&gt;
            &lt;!--/.card --&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
        &lt;/div&gt;
        &lt;!--/.row --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-5&quot;&gt;
        &lt;h2 class=&quot;display-4 mb-3&quot;&gt;Our Community&lt;/h2&gt;
        &lt;p class=&quot;lead fs-lg&quot;&gt;Customer satisfaction is our major goal. See what our customers are saying about us.&lt;/p&gt;
        &lt;p&gt;Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum. Vestibulum id ligula porta felis euismod semper.&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-navy rounded-pill mt-3&quot;&gt;All Testimonials&lt;/a&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>