<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 text-center&quot;&gt;
      &lt;div class=&quot;col-md-10 offset-md-1 col-lg-8 offset-lg-2&quot;&gt;
        &lt;h2 class=&quot;fs-15 text-uppercase text-muted mb-3&quot;&gt;App Features&lt;/h2&gt;
        &lt;h3 class=&quot;display-4 mb-9 px-xl-11&quot;&gt;Sandbox is the only app you need to track your goals for better health.&lt;/h3&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
    &lt;div class=&quot;row gx-lg-8 gx-xl-12 gy-8&quot;&gt;
      &lt;div class=&quot;col-md-6 col-lg-4&quot;&gt;
        &lt;div class=&quot;d-flex flex-row&quot;&gt;
          &lt;div&gt;
            &lt;img src=&quot;/assets/img/icons/lineal/target.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm text-aqua me-4&quot; alt=&quot;&quot; /&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h4 class=&quot;mb-1&quot;&gt;Fitness Goal&lt;/h4&gt;
            &lt;p class=&quot;mb-0&quot;&gt;Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-md-6 col-lg-4&quot;&gt;
        &lt;div class=&quot;d-flex flex-row&quot;&gt;
          &lt;div&gt;
            &lt;img src=&quot;/assets/img/icons/lineal/medal.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm text-yellow me-4&quot; alt=&quot;&quot; /&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h4 class=&quot;mb-1&quot;&gt;Activity Tracking&lt;/h4&gt;
            &lt;p class=&quot;mb-0&quot;&gt;Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-md-6 col-lg-4&quot;&gt;
        &lt;div class=&quot;d-flex flex-row&quot;&gt;
          &lt;div&gt;
            &lt;img src=&quot;/assets/img/icons/lineal/clock-3.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm text-red me-4&quot; alt=&quot;&quot; /&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h4 class=&quot;mb-1&quot;&gt;Sleep Analysis&lt;/h4&gt;
            &lt;p class=&quot;mb-0&quot;&gt;Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-md-6 col-lg-4&quot;&gt;
        &lt;div class=&quot;d-flex flex-row&quot;&gt;
          &lt;div&gt;
            &lt;img src=&quot;/assets/img/icons/lineal/check.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm text-pink me-4&quot; alt=&quot;&quot; /&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h4 class=&quot;mb-1&quot;&gt;Workout Report&lt;/h4&gt;
            &lt;p class=&quot;mb-0&quot;&gt;Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-md-6 col-lg-4&quot;&gt;
        &lt;div class=&quot;d-flex flex-row&quot;&gt;
          &lt;div&gt;
            &lt;img src=&quot;/assets/img/icons/lineal/shop-2.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm text-green me-4&quot; alt=&quot;&quot; /&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h4 class=&quot;mb-1&quot;&gt;Nutritional Analysis&lt;/h4&gt;
            &lt;p class=&quot;mb-0&quot;&gt;Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-md-6 col-lg-4&quot;&gt;
        &lt;div class=&quot;d-flex flex-row&quot;&gt;
          &lt;div&gt;
            &lt;img src=&quot;/assets/img/icons/lineal/team.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm text-purple me-4&quot; alt=&quot;&quot; /&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h4 class=&quot;mb-1&quot;&gt;Activity Sharing&lt;/h4&gt;
            &lt;p class=&quot;mb-0&quot;&gt;Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&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>