Flexible-HTML.html

    <section class="flexible">
      <div class="flexible__header">
          <h4>FlEXIBLE CARDS</h4>
          <div class="flexible__header__seperator"></div>
      </div>
      <div class="flexible__cards">
        <article class="flexible__card span2">
          <h4 class="flexible__card__header">Lorem ipsum dolor sit</h4>
          <div class="accordian__box__content__placeholderimage"></div>
        </article>
        <article class="flexible__card">
          <h4 class="flexible__card__header">Lorem ipsum</h4>
          <div class="accordian__box__content__placeholderimage"></div>
        </article>
        <article class="flexible__card">
          <h4 class="flexible__card__header">Lorem ipsum dolor sit</h4>
          <div class="accordian__box__content__placeholderimage"></div>
        </article>
        <article class="flexible__card">
          <h4 class="flexible__card__header">Lorem ipsum dolor sit amor</h4>
          <div class="accordian__box__content__placeholderimage"></div>
        </article>
        <article class="flexible__card">
          <h4 class="flexible__card__header">Lorem ipsum</h4>
          <div class="accordian__box__content__placeholderimage"></div>
        </article>
        <article class="flexible__card">
          <h4 class="flexible__card__header">Lorem ipsum</h4>
          <div class="accordian__box__content__placeholderimage"></div>
        </article>
        <article class="flexible__card span2">
          <h4 class="flexible__card__header">Lorem ipsum dolor sit</h4>
          <div class="accordian__box__content__placeholderimage"></div>
        </article>
      </div>
      <div class="codeContainer">
        <ul>
          <li section="flexible" codeType="html" class="accordian__html selected">HTML</li>
          <li section="flexible" codeType="css" class="accordian__css">CSS</li>
          <li section="flexible" codeType="javascript" class="accordian__js">JAVASCRIPT</li>
        </ul>
        <script src="https://gist.github.com/t-laird/8c757caad66aa32a1a75b5fb8af30364.js"></script>
        <script src="https://gist.github.com/t-laird/80e5bf30e73d60a6559ee34fc420ea3b.js"></script>
        <script src="https://gist.github.com/t-laird/0322bd6516521a396da815f997f61933.js"></script>
      </div>
      <button class="accordian__button">VIEW CODE</button>      
    </section>