share.html

<div id="modal-share" class="modal">
  <div class="modal-box">
    <p class="modal-title">Share this CSS property</p>
    <p class="modal-url">
      <input
        id="modal-input"
        class="input"
        type="text"
        value="{{site.url}}/"
        readonly
      />
      <button
        id="modal-copy"
        class="button is-primary"
        data-clipboard-target="#modal-input"
      >
        Copy
      </button>
    </p>
    <p class="modal-social">
      <a
        id="modal-twitter"
        class="button is-twitter"
        href="https://twitter.com/intent/tweet?url=http%3A%2F%2Fbgooonz-blog.github.io&text=CSS%20Reference%3A%20a%20visual%20guide%20to%20the%20most%20popular%20%23CSS%20properties"
        >Share on Twitter</a
      >
      <a
        id="modal-facebook"
        class="button is-facebook"
        href="https://www.facebook.com/sharer.php?u=http%3A%2F%2Fbgooonz-blog.github.io"
        >Share on Facebook</a
      >
    </p>
    <a id="modal-close" class="modal-close"></a>
  </div>
</div>