<section id="intro-section" class="section">
  <div class="bg" data-anchor-target="#intro-section"
  data-bottom-top="transform: translate3d(0px, -150px, 0px);"
  data-top-bottom="transform: translate3d(0px, 150px, 0px);"
  ></div>
  <div class="intro-wrapper">
    <div class="intro-body" data-anchor-target="#intro-section" data-top="opacity: 1;" data-top-bottom="opacity: 0;">
      <div class="intro-content">
        <h1 class="heading" data-content="Brittany Chiang"><span class="name">Brittany Chiang</span></h1>
        <div class="action-wrapper">
          <p class="subtext">
            <a class="btn main-action">Front End Software Engineer</a>
          </p>
        </div>
      </div>
      <div class="scroll-down-wrapper">
        <a href="#about-section" class="scroll-down">
          <img class="logo" src="img/logo-white.png" alt="scroll down">
          <span class="scroll-down-text">
            Learn More
            <svg class="chevron" viewBox="0 0 57.942 105.958" enable-background="new 0 0 11.893 6.503">
              <line fill="none" stroke="#fff" stroke-width="7" stroke-miterlimit="10" x1="2.475" y1="2.475" x2="55.467" y2="55.466" />
              <line fill="none" stroke="#fff" stroke-width="7" stroke-miterlimit="10" x1="55.467" y1="50.492" x2="2.475" y2="103.484" />
            </svg>
          </span>
        </a>
      </div>
    </div>
  </div>
</section>
