<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 pt-9 pt-lg-11 pb-14 pb-lg-6&quot;&gt;
    &lt;div class=&quot;row gx-lg-8 gx-xl-10 align-items-center&quot;&gt;
      &lt;div class=&quot;col-lg-6&quot;&gt;
        &lt;figure&gt;&lt;img src=&quot;/assets/img/photos/device.png&quot; srcset=&quot;/assets/img/photos/device@2x.png 2x&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
      &lt;div class=&quot;col-lg-6&quot;&gt;
        &lt;h2 class=&quot;fs-15 text-uppercase text-muted mb-3&quot;&gt;How It Works&lt;/h2&gt;
        &lt;h3 class=&quot;display-4 mb-5&quot;&gt;Download the app, create your profile and voil&agrave;, you&apos;re all set!&lt;/h3&gt;
        &lt;p class=&quot;mb-8&quot;&gt;Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nulla vitae elit libero. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo.&lt;/p&gt;
        &lt;div class=&quot;row gy-6 gx-xxl-8 process-wrapper&quot;&gt;
          &lt;div class=&quot;col-md-4&quot;&gt; &lt;img src=&quot;/assets/img/icons/lineal/cloud-computing.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm text-green mb-3&quot; alt=&quot;&quot; /&gt;
            &lt;h4 class=&quot;mb-1&quot;&gt;1. Download&lt;/h4&gt;
            &lt;p class=&quot;mb-0&quot;&gt;Nulla vitae elit libero elit non porta eget.&lt;/p&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-4&quot;&gt; &lt;img src=&quot;/assets/img/icons/lineal/smartphone-2.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm text-red mb-3&quot; alt=&quot;&quot; /&gt;
            &lt;h4 class=&quot;mb-1&quot;&gt;2. Set Profile&lt;/h4&gt;
            &lt;p class=&quot;mb-0&quot;&gt;Nulla vitae elit libero elit non porta eget.&lt;/p&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-4&quot;&gt; &lt;img src=&quot;/assets/img/icons/lineal/rocket.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm text-aqua mb-3&quot; alt=&quot;&quot; /&gt;
            &lt;h4 class=&quot;mb-1&quot;&gt;3. Start&lt;/h4&gt;
            &lt;p class=&quot;mb-0&quot;&gt;Nulla vitae elit libero elit non porta eget.&lt;/p&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
        &lt;/div&gt;
        &lt;!--/.row --&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>