A simple plugin to show social media link like (facebook,twitter,instagram) on your webpage footer when scroll down
Branch: master
Clone or download
Latest commit cf0c958 Jan 24, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css Improvement in folder structure and demo Jan 17, 2019
img initial commit Jan 17, 2019
js make some coding improvement in main js file Jan 18, 2019
README.md demo link added to md file Jan 18, 2019
index.html g analytics added Jan 23, 2019

README.md

SlideUp Social Plugin

A simple plugin to show social media link like (facebook,twitter,instagram) on your webpage footer when scroll down.

Available social sites right now

  • facebook
  • twitter
  • instagram

Demo : link

How to use

In your index.html

<!-- Slideup social -->
<div class="float-banner nav-down">
  <div class="float-container">
    <div class="float-row">
      <div class="floar-banner-wrap">
        <div class="btn-close" id="btn-close">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" enable-background="new 0 0 40 40">
            <line x1="5" y1="5" x2="35" y2="35" stroke="#fff" stroke-width="3" stroke-linecap="round"
              stroke-miterlimit="10"></line>
            <line x1="35" y1="5" x2="5" y2="35" stroke="#fff" stroke-width="3" stroke-linecap="round"
              stroke-miterlimit="10"></line>
          </svg>
        </div>
      </div>
    </div>
  </div>
</div>

Also Add the js files

<!-- js files -->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/slideup-social.js"></script>

<script>
$(function () {
    $('.float-banner').floatbanner({
    // socialName: ['facebook', 'twitter', 'instagram'],
    // userName: ['f4h3m', 'f4h3m', 'f4h3m'],
    // socialUrl: ['#', '#', '#'],
    });
});
</script>

For the css style add slideup-social.css

  <link rel="stylesheet" href="css/slideup-social.css">