Edge

Line section on top or bottom with your contacts or any information

Default

SHOW ON PAGE
<div class="edge">
  <div class="container edge-left-block text-center">
    <a class="email-button" href="mailto:[email protected]"><i class='fa fa-envelope-o'></i>  [email protected]</a>
    <a class="phone-button" href="tel:1234567890"><i class='fa fa-phone'></i> +0 (917) 555-5555</a>
    <a href="#" data-toggle="modal" data-target=".map-modal"><i class='fa fa-location-arrow'></i>  Kate Corp. 1020 5th Ave, New York, NY 10028, USA</a>
  </div>
</div>

Buttons

SHOW ON PAGE
<div class="edge">
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-md-6 edge-left-block m-b-0">
        <a class="edge-button email-button" href="mailto:[email protected]"><i class='fa fa-envelope-o'></i> [email protected]</a>
        <a class="edge-button phone-button" href="tel:1234567890"><i class='fa fa-phone'></i>+0 (917) 555-5555</a>
      </div>
      <div class="col-xs-12 col-md-6 text-right edge-right-block m-b-0">
        <div class="social-icons social-smedium social-squared social-no-border social-transparent social-color-native">
          <a href="#" class="btn btn-social-icon btn-twitter">
            <i class="fa fa-twitter"></i>
          </a>
          <a href="#" class="btn btn-social-icon btn-facebook">
            <i class="fa fa-facebook"></i>
          </a>
          <a href="#" class="btn btn-social-icon btn-google">
            <i class="fa fa-google"></i>
          </a>
          <a href="#" class="btn btn-social-icon btn-github">
            <i class="fa fa-github"></i>
          </a>
        </div>        <a href="#" class="edge-button" data-toggle="modal" data-target=".login-modal"><i class='fa fa-sign-in'></i> Sign in</a>
        <a href="#" class="edge-button" data-toggle="modal" data-target=".register-modal"><i class='fa fa-skyatlas'></i> Join us</a>
      </div>
    </div>
  </div>
</div>

Links

SHOW ON PAGE
<div class="edge edge-links">
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-md-6 edge-left-block m-b-0">
        <a href="#" class="edge-button">Support</a>
        <a href="#" class="edge-button">Partners</a>
        <a href="#" class="edge-button">Blog</a>
        <a href="#" class="edge-button">Elephant</a>
      </div>
      <div class="col-xs-12 col-md-6 text-right edge-right-block m-b-0">
        <a href="#" class="edge-button" data-toggle="modal" data-target=".register-modal">Register</a>
        <a href="#" class="edge-button" data-toggle="modal" data-target=".login-modal">Login</a>
        <a href="#" class="edge-button">Privacy</a>
        <a href="#" class="edge-button">Releases</a>

      </div>
    </div>
  </div>
</div>

No Fade

SHOW ON PAGE
<div class="edge edge-no-fade">
  <div class="container edge-left-block text-center">
    <a class="email-button" href="mailto:[email protected]"><i class='fa fa-envelope-o'></i>  [email protected]</a>
    <a class="phone-button" href="tel:1234567890"><i class='fa fa-phone'></i> +0 (917) 555-5555</a>
    <a href="#" data-toggle="modal" data-target=".map-modal"><i class='fa fa-location-arrow'></i>  Kate Corp. 1020 5th Ave, New York, NY 10028, USA</a>
  </div>
</div>

Social

SHOW ON PAGE
<div class="edge edge-social">
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-md-6 text-right edge-left-block h5 m-b-0">

        <div class="social-icons social-smedium social-squared social-no-border social-transparent social-color-native">
          <a href="#" class="btn btn-social-icon btn-instagram">
            <i class="fa fa-instagram"></i>
          </a>
          <a href="#" class="btn btn-social-icon btn-linkedin">
            <i class="fa fa-linkedin"></i>
          </a>
          <a href="#" class="btn btn-social-icon btn-openid">
            <i class="fa fa-openid"></i>
          </a>
          <a href="#" class="btn btn-social-icon btn-pinterest">
            <i class="fa fa-pinterest"></i>
          </a>
          <a href="#" class="btn btn-social-icon btn-soundcloud">
            <i class="fa fa-soundcloud"></i>
          </a>
          <a href="#" class="btn btn-social-icon btn-tumblr">
            <i class="fa fa-tumblr"></i>
          </a>
          <a href="#" class="btn btn-social-icon btn-dropbox">
            <i class="fa fa-dropbox"></i>
          </a>
        </div>

      </div>
      <div class="col-xs-12 col-md-6 text-left edge-right-block h5 m-b-0">

        <div class="social-icons social-smedium social-squared social-no-border social-transparent social-color-native">
          <a href="#" class="btn btn-social-icon btn-twitter">
            <i class="fa fa-twitter"></i>
          </a>
          <a href="#" class="btn btn-social-icon btn-facebook">
            <i class="fa fa-facebook"></i>
          </a>
          <a href="#" class="btn btn-social-icon btn-google">
            <i class="fa fa-google"></i>
          </a>
          <a href="#" class="btn btn-social-icon btn-github">
            <i class="fa fa-github"></i>
          </a>
          <a href="#" class="btn btn-social-icon btn-vimeo">
            <i class="fa fa-vimeo"></i>
          </a>
          <a href="#" class="btn btn-social-icon btn-vk">
            <i class="fa fa-vk"></i>
          </a>
          <a href="#" class="btn btn-social-icon btn-yahoo">
            <i class="fa fa-yahoo"></i>
          </a>
        </div>

      </div>
    </div>
  </div>
</div>

Bottom Edge

SHOW ON PAGE
<div class="edge edge-no-fade">
  <div class="container edge-left-block text-center">
    <a class="email-button" href="mailto:[email protected]"><i class='fa fa-envelope-o'></i>  [email protected]</a>
    <a class="phone-button" href="tel:1234567890"><i class='fa fa-phone'></i> +0 (917) 555-5555</a>
    <a href="#" data-toggle="modal" data-target=".map-modal"><i class='fa fa-location-arrow'></i>  Kate Corp. 1020 5th Ave, New York, NY 10028, USA</a>
  </div>
</div>