How to use brand header html in my WordPress site

Support
8

I edited HTML side. There are some problems about styling.

<header class="b-header clearfix">
  <div class="wrap">
  <div class="contents clearfix">
    <div class="title">
      <a href="#">
        <h2 id="brand-text-logo" class="text-logo">Title</h2>
      </a>
    </div>
    <!-- NAV -->
    <nav class="links">
      <ul class="nav nav-pills">
        <li>
          <a href="#" class="widget-link">
            <span class="d-label">
            Link1
            </span>
          </a>
        </li>
        <!-- LINK 2 -->
         <li>
          <a href="#" class="widget-link">
            <span class="d-label">
            Link2
            </span>
          </a>
        </li>
      </ul>
    </nav>
    <!-- RIGT SIDE -->
    <div class="panel clearfix">
      <ul class="icons clearfix">
        <li>
          <a href="#" class="widget-link" title="">
            <i class="fa fa-twitter d-icon d-icon-twitter" aria-hidden="true"></i><span class="d-label"></span>
          </a>
        </li>
        
        <li>
          <a href="#" class="widget-link" title="">
            <i class="fa fa-facebook d-icon d-icon-facebook" aria-hidden="true"></i> <span class="d-label"></span>
          </a>
        </li>
      </ul>
    </div>
    <!-- RIGHT SIDE -->
  </div>
  </div>
</header>