
<div class="az-element az-section" data-az-id="VSTbhp" data-azat-pid="VSTbhp" data-azat-style="padding-top:60px;" data-azb="az_section" id="VSTbhp" style="padding-top:60px;">
  <div class="az-ctnr container" data-azcnt="true">
    <div class="az-element az-row row   az-row--sm" data-az-id="NCSkfv" data-azat-device="sm" data-azat-pid="NCSkfv" data-azb="az_row" data-azcnt="true" id="NCSkfv" style="">
      <div class="az-element az-ctnr az-column    col-sm-6" data-az-id="CsvJjq" data-azat-pid="CsvJjq" data-azat-style="padding-bottom:30px;" data-azat-width="1/2" data-azb="az_column" data-azcnt="true" id="CsvJjq" style="padding-bottom:30px;">
        <div class="az-element az-text" data-az-id="OybrTc" data-azat-pid="OybrTc" data-azb="az_text" data-azcnt="true" id="OybrTc" style="">
          <h1><span style="color: #333333; font-size: 72px;">Hello! I'm Jordan. I'm an allround web design <em>fanatic</em></span></h1>
        </div>

        <div class="az-element az-text" data-az-id="EVmaJY" data-azat-pid="EVmaJY" data-azb="az_text" data-azcnt="true" id="EVmaJY" style="">
          <h2><span style="color: #333333;">This page is an example of using our theme to <em>tell a story</em> about myself. </span></h2>

          <p class="lead">Use authentic personal photography and relevant texts because about me pages are for visitors who want to know if there are actually real people behind your site/product.</p>
        </div>
      </div>

      <div class="az-element az-ctnr az-column    col-sm-6" data-az-id="mgVeHN" data-azat-pid="mgVeHN" data-azat-style="margin-bottom:0px;padding-bottom:0px;" data-azat-width=" 1/2" data-azb="az_column" data-azcnt="true" id="mgVeHN" style="margin-bottom:0px;padding-bottom:0px;">
        <div class="az-element az-image" data-az-id="mhmPWn" data-azat-height="" data-azat-image="https://i.imgur.com/RcPbdWX.png" data-azat-pid="mhmPWn" data-azat-style="margin-bottom:0px;padding-bottom:0px;" data-azb="az_image" id="mhmPWn"><img alt="" class="az-image-content " src="https://i.imgur.com/RcPbdWX.png" style="margin-bottom: 0px; padding-bottom: 0px; width: 100%;" title=""></div>
      </div>
    </div>
  </div>
</div>

<div class="az-element az-section bg-primary" data-az-id="TrMSho" data-azat-el_class="bg-primary" data-azat-pid="TrMSho" data-azat-style="padding-top:100px;padding-bottom:100px;" data-azb="az_section" id="TrMSho" style="padding-top:100px;padding-bottom:100px;">
  <div class="az-ctnr container" data-azcnt="true">
    <div class="az-element az-row row   az-row--sm" data-az-id="SIgsJR" data-azat-device="sm" data-azat-pid="SIgsJR" data-azb="az_row" data-azcnt="true" id="SIgsJR" style="position: relative; left: 0px; top: 0px;">
      <div class="az-element az-ctnr az-column    col-sm-2" data-az-id="fSzYcw" data-azat-pid="fSzYcw" data-azat-width="1/6" data-azb="az_column" data-azcnt="true" id="fSzYcw" style="">
        <div class="az-element az-row row   az-row--sm" data-az-id="obwXPZ" data-azat-device="sm" data-azat-pid="obwXPZ" data-azb="az_row" data-azcnt="true" id="obwXPZ" style="">
          <div class="az-element az-ctnr az-column    col-sm-12" data-az-id="WhYiSr" data-azat-pid="WhYiSr" data-azb="az_column" data-azcnt="true" id="WhYiSr" style="">
            <div class="az-element az-text" data-az-id="EjOrIC" data-azat-pid="EjOrIC" data-azb="az_text" data-azcnt="true" id="EjOrIC" style=""></div>
          </div>
        </div>
      </div>

      <div class="az-element az-ctnr az-column    col-sm-8" data-az-id="vLzilH" data-azat-pid="vLzilH" data-azat-width=" 4/6 " data-azb="az_column" data-azcnt="true" id="vLzilH" style="">
        <div class="az-element az-text" data-az-id="UBOnoe" data-azat-pid="UBOnoe" data-azb="az_text" data-azcnt="true" id="UBOnoe" style="">
          <h2 style="text-align: center;">Our Theme: Creating a revolutionary product</h2>

          <p class="lead" style="text-align: center;"></p>

          <p class="lead" style="text-align: center;">Currently my most important project is designing and developing for our theme! I gave myself the job to not only create the biggest and smartest Drupal theme ever but also create the best theme period. I'm looking at the WordPress themes market and looking for areas where my Drupal based theme can outperform WordPress themes. One area where WordPress is disappointing users is in standardization and interoperability.</p>

          <p class="lead" style="text-align: center;">Consequently, the drag and drop tools and&nbsp; elements are not limited to how they're used in the demos. You can enable the drag and drop software on any Drupal entity and you can easily extend it with custom HTML elements, creating your own experience!</p>
        </div>
      </div>

      <div class="az-element az-ctnr az-column    col-sm-2" data-az-id="TlODBX" data-azat-pid="TlODBX" data-azat-width=" 1/6" data-azb="az_column" data-azcnt="true" id="TlODBX" style="">
        <div class="az-element az-row row   az-row--sm" data-az-id="wzRqXs" data-azat-device="sm" data-azat-pid="wzRqXs" data-azb="az_row" data-azcnt="true" id="wzRqXs" style="">
          <div class="az-element az-ctnr az-column    col-sm-12" data-az-id="OTzNeq" data-azat-pid="OTzNeq" data-azb="az_column" data-azcnt="true" id="OTzNeq" style="">
            <div class="az-element az-text" data-az-id="ZLUpmd" data-azat-pid="ZLUpmd" data-azb="az_text" data-azcnt="true" id="ZLUpmd" style=""></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="az-element az-section dxpr-util-background-gray" data-az-id="ombugD" data-azat-el_class="dxpr-util-background-gray" data-azat-pid="ombugD" data-azat-style="padding-top:0px;padding-bottom:0px;background-color:#444444;" data-azb="az_section" id="ombugD" style="padding-top:0px;padding-bottom:0px;background-color:#444444;">
  <div class="az-ctnr container" data-azcnt="true">
    <div class="az-element az-row row   az-row--sm az-row--equal-height" data-az-id="DgmYrI" data-azat-device="sm" data-azat-equal="yes" data-azat-pid="DgmYrI" data-azb="az_row" data-azcnt="true" id="DgmYrI" style="">
      <div class="az-element az-ctnr az-column    col-sm-6" data-az-id="VkuOEL" data-azat-pid="VkuOEL" data-azat-style="margin-bottom:0px;padding-top:60px;padding-bottom:60px;background-color:#333333;" data-azat-width="1/2" data-azb="az_column" data-azcnt="true" id="VkuOEL" style="margin-bottom:0px;padding-top:60px;padding-bottom:60px;background-color:#333333;">
        <div class="az-element az-text" data-az-id="UoNWEx" data-azat-pid="UoNWEx" data-azb="az_text" data-azcnt="true" id="UoNWEx" style="">
          <h2>Education</h2>

          <p class="lead">Far far away, behind the word mountains</p>

          <p class="lead">Alphabet Village and the subline of her own road</p>

          <p class="lead"></p>

          <p class="lead"></p>
        </div>
      </div>

      <div class="az-element az-ctnr az-column    col-sm-6" data-az-id="NzcAZD" data-azat-pid="NzcAZD" data-azat-style="margin-bottom:0px;padding-top:60px;padding-bottom:60px;background-color:#222222;" data-azat-width=" 1/2" data-azb="az_column" data-azcnt="true" id="NzcAZD" style="margin-bottom:0px;padding-top:60px;padding-bottom:60px;background-color:#222222;">
        <div class="az-element az-text" data-az-id="bhJSVA" data-azat-pid="bhJSVA" data-azb="az_text" data-azcnt="true" id="bhJSVA" style="">
          <h2>Work Experience</h2>

          <p class="lead">2008 – One day however a small</p>

          <p class="lead">2011 - Far far away, behind the word mountains</p>

          <p class="lead">2012-2013 – The Big Oxmox advised her</p>

          <p class="lead">Present – Pityful a rethoric question</p>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="az-element az-section" data-az-id="UEoWoJ" data-azat-pid="UEoWoJ" data-azat-style="padding-top:100px;padding-bottom:100px;" data-azb="az_section" id="UEoWoJ" style="padding-top:100px;padding-bottom:100px;">
  <div class="az-ctnr container" data-azcnt="true">
    <div class="az-element az-row row   az-row--sm" data-az-id="UaioFw" data-azat-device="sm" data-azat-pid="UaioFw" data-azb="az_row" data-azcnt="true" id="UaioFw" style="">
      <div class="az-element az-ctnr az-column    col-sm-3" data-az-id="MVtYvq" data-azat-pid="MVtYvq" data-azat-width="1/4" data-azb="az_column" data-azcnt="true" id="MVtYvq" style=""></div>

      <div class="az-element az-ctnr az-column    col-sm-6" data-az-id="GPsLcz" data-azat-pid="GPsLcz" data-azat-width=" 1/2 " data-azb="az_column" data-azcnt="true" id="GPsLcz" style="">
        <div class="az-element az-text" data-az-id="LJgGUv" data-azat-pid="LJgGUv" data-azat-style="margin-bottom:60px;" data-azb="az_text" data-azcnt="true" id="LJgGUv" style="margin-bottom:60px;">
          <h2 style="text-align: center;">Connect with me</h2>

          <p class="lead" style="text-align: center;"></p>

          <p class="lead" style="text-align: center;">You can connect with my via the our newsletter and social media. Alternatively you can find my&nbsp; pages on various professional social media.</p>
        </div>

        <ul class="az-element st-social stbe-social-links text-center  stbe-social-links--bgcolor-brand stbe-social-links--hover-color-brand" data-az-id="lsqJvW" data-azat-el_class="text-center" data-azat-pid="lsqJvW" data-azat-st_color="#ffffff" data-azat-st_css3_hover_effects="pulse" data-azat-st_hover_color="brand" data-azat-st_size="2x" data-azat-st_social_links="Facebook%3D%22http%3A%2F%2Fwww.example.com%22%0AYouTube%3D%22http%3A%2F%2Fwww.example.com%22%0AAndroid%3D%22http%3A%2F%2Fwww.example.com%22%0ATwitter%3D%22http%3A%2F%2Fwww.example.com%22%0ALinkedIn%3D%22http%3A%2F%2Fwww.example.com%22%0ADrupal%3D%22http%3A%2F%2Fwww.example.com%22%0APinterest%3D%22http%3A%2F%2Fwww.example.com%22" data-azat-st_style="circle" data-azat-st_theme_bgcolor="brand" data-azat-st_type="inline" data-azat-style="margin-top:60px;margin-bottom:60px;" data-azb="st_social" id="lsqJvW" style="margin-top:60px;margin-bottom:60px;">
          <li class="stbe-social-links__item"><a href="http://www.example.com" target="_blank"><span class="az-visually-hidden">facebook</span></a></li>
          <li class="stbe-social-links__item"><a href="http://www.example.com" target="_blank"><span class="az-visually-hidden">youtube</span></a></li>
          <li class="stbe-social-links__item"><a href="http://www.example.com" target="_blank"><span class="az-visually-hidden">android</span></a></li>
          <li class="stbe-social-links__item"><a href="http://www.example.com" target="_blank"><span class="az-visually-hidden">twitter</span></a></li>
          <li class="stbe-social-links__item"><a href="http://www.example.com" target="_blank"><span class="az-visually-hidden">linkedin</span></a></li>
          <li class="stbe-social-links__item"><a href="http://www.example.com" target="_blank"><span class="az-visually-hidden">drupal</span></a></li>
          <li class="stbe-social-links__item"><a href="http://www.example.com" target="_blank"><span class="az-visually-hidden">pinterest</span></a></li>
        </ul>
      </div>

      <div class="az-element az-ctnr az-column    col-sm-3" data-az-id="mnYBjO" data-azat-pid="mnYBjO" data-azat-width=" 1/4" data-azb="az_column" data-azcnt="true" id="mnYBjO" style=""></div>
    </div>
  </div>
</div>