Friday, November 14, 2014

Vebtube Top Navbar Code

Html code that you need to search to make changes to vebtube blogger template top navbar Including social media sharing buttons and contact information.
<nav class='navbar-inverse nav-top-main'>
      <div class='container'>
        <!-- top menu -->
        <ul class='nav nav-pills navbar-left'>
          <li class='awesomecontect'>
            <i class='fa fa-phone'>
            </i>
            +101010101010
          </li>
          <li class='awesomecontect'>
            <i class='fa fa-envelope'>
            </i>
            admin@example.com
          </li>
        </ul>
        <!-- top menu ends -->
        <!-- social media buttons -->
        <ul class='nav nav-pills navbar-right navbar-righttop'>
          <li>
            <a class='fb-nav ddd-nav' href='https://www.facebook.com/weblogtemplates'>
              <i class='fa fa-facebook'>
              </i>
            </a>
          </li>
          <li>
            <a class='t-nav ddd-nav' href='https://twitter.com/weblogtemplates'>
              <i class='fa fa-twitter'>
              </i>
            </a>
          </li>
          <li>
            <a class='plus-nav ddd-nav' href='https://plus.google.com/+weblogtemplatesnet'>
              <i class='fa fa-google-plus'>
              </i>
            </a>
          </li>
          <li>
            <a class='pin-nav ddd-nav' href='http://www.pinterest.com/weblogtemplates/'>
              <i class='fa fa-pinterest'>
              </i>
            </a>
          </li>
          <li>
            <a class='instagram-nav ddd-nav' href='#'>
              <i class='fa fa-instagram'>
              </i>
            </a>
          </li>
          <li>
            <a class='tumblr-nav ddd-nav' href='#'>
              <i class='fa fa-tumblr'>
              </i>
            </a>
          </li>
          <li>
            <a class='linkedin-nav ddd-nav' href='http://www.linkedin.com/'>
              <i class='fa fa-linkedin'>
              </i>
            </a>
          </li>
        </ul>
        <!-- social media ends -->
      </div>
    </nav>
2 comments :

2 comments :