Header-HTML.html

<section class="header">
      <div class="header__header">
        <h4>HEADER BAR</h4>
        <div class="header__header__seperator"></div>
      </div>
      <nav>
        <div class="header__main">
          <img src="./placeholder-logo.svg" alt="logo"/>
          <h3>MENU</h3>
        </div>
        <div class="header__nav__links">
          <div class="header__nav__link">Navigation Link 1</div>
          <div class="header__nav__link">Navigation Link 2</div>
          <div class="header__nav__link">Navigation Link 3</div>
        </div>
        <div class="header__nav__search">
          <img src="./magnifyingglass.png" alt="magnifying glass" />
          <input type="text" placeholder="Search"/>
        </div>

      </nav>
      <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/b654d125dbc46aa5bfa44e854f7f1973.js"></script>
          <script src="https://gist.github.com/t-laird/81914e5f9dab4a3dc40b1b00850760f0.js"></script>
          <script src="https://gist.github.com/t-laird/a62a4d35c8fc1d4ad2ee89a412f3c893.js"></script>
        </div>
        <button class="accordian__button">VIEW CODE</button>  
    </section>