<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row gx-md-8 gx-xl-12 gy-10 align-items-center mb-16 mb-md-18&quot;&gt;
      &lt;div class=&quot;col-md-8 col-lg-6 mx-auto&quot;&gt;
        &lt;div class=&quot;img-mask mask-3 px-xxl-5&quot;&gt;&lt;img src=&quot;/assets/img/avatars/avatar.jpg&quot; srcset=&quot;/assets/img/avatars/avatar@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-6&quot;&gt;
        &lt;h2 class=&quot;display-2 mb-3&quot;&gt;More about me&lt;/h2&gt;
        &lt;p class=&quot;lead fs-24&quot;&gt;👋 Hello! I&apos;m Camille, a multidisciplinary product designer 🧸 based in New York City 🚕. I&rsquo;m very passionate about the work 💌 that I do.&lt;/p&gt;
        &lt;p&gt;Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh ut fermentum massa justo sit amet risus.&lt;/p&gt;
        &lt;p&gt;Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur.&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-primary btn-icon btn-icon-end mt-2&quot;&gt;Learn More &lt;i class=&quot;uil uil-arrow-up-right&quot;&gt;&lt;/i&gt;&lt;/a&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
    &lt;div class=&quot;row gx-md-8 gx-xl-12 gy-10&quot;&gt;
      &lt;div class=&quot;col-lg-5 mx-auto&quot;&gt;
        &lt;h2 class=&quot;display-2 mb-3&quot;&gt;My experiences&lt;/h2&gt;
        &lt;p class=&quot;lead fs-24 pe-xxl-8&quot;&gt;I&apos;ve had the pleasure to work with companies 🏢 across a variety of industries 🏛️ I&apos;m always interested in new ✨ and exciting adventures 🧨&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-primary btn-icon btn-icon-end mt-2&quot;&gt;Download Resume &lt;i class=&quot;uil uil-arrow-up-right&quot;&gt;&lt;/i&gt;&lt;/a&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-7&quot;&gt;
        &lt;ul class=&quot;timeline&quot;&gt;
          &lt;li class=&quot;timeline-item&quot;&gt;
            &lt;div class=&quot;timeline-info meta fs-14&quot;&gt;Nov 2017 - Present&lt;/div&gt;
            &lt;div class=&quot;timeline-marker&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;timeline-content&quot;&gt;
              &lt;h3 class=&quot;timeline-title&quot;&gt;Creative Director at Malory House&lt;/h3&gt;
              &lt;p&gt;Nullam vel sem. Nullam vel sem. Integer ante arcu, accumsan a consectetuer eget, posuere ut, mauris. Donec orci lectus, aliquam ut, faucibus non euismod id nulla.&lt;/p&gt;
            &lt;/div&gt;
          &lt;/li&gt;
          &lt;li class=&quot;timeline-item&quot;&gt;
            &lt;div class=&quot;timeline-info meta fs-14&quot;&gt;Sep 2015 - Apr 2017&lt;/div&gt;
            &lt;div class=&quot;timeline-marker&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;timeline-content&quot;&gt;
              &lt;h3 class=&quot;timeline-title&quot;&gt;Senior Developer at Longwave Studio&lt;/h3&gt;
              &lt;p&gt;Donec vitae sapien ut libero venenatis faucibus. ullam dictum felis eu pede mollis pretium. Pellentesque ut neque.&lt;/p&gt;
            &lt;/div&gt;
          &lt;/li&gt;
          &lt;li class=&quot;timeline-item&quot;&gt;
            &lt;div class=&quot;timeline-info meta fs-14&quot;&gt;May 2011 - Sep 2015&lt;/div&gt;
            &lt;div class=&quot;timeline-marker&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;timeline-content&quot;&gt;
              &lt;h3 class=&quot;timeline-title&quot;&gt;Junior Developer at Webpaint Media&lt;/h3&gt;
              &lt;p&gt;Cras mattis consectetur purus sit amet fermentum. Donec ullamcorper nulla non metus auctor fringilla. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.&lt;/p&gt;
            &lt;/div&gt;
          &lt;/li&gt;
        &lt;/ul&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>