donation.html

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<div class="quick-option">

  <!-- Start Form Toolbar -->
  <div class="form-toolbar">
      <div class="inner">
          <a class="trigger-option" href="#">
              <img src="https://image.flaticon.com/icons/png/512/833/833472.png" width="40px" />
          </a>
      </div>
  </div>
  <!-- End Form Toolbar -->

  <!-- Start Quick Form -->
  <div class="form-option-wrapper">
      <div class="form-panel-header">

          <img class="donate_img" src="https://cdn.pixabay.com/photo/2016/11/19/11/11/hands-1838658_960_720.jpg" width="80%" style=""/>

          <h4>Before closing this side panel, please consider supporting the project by purchasing a PDF/EPUB version</h4>

          <a class="notify-btn" href="https://gumroad.com/l/cSGdY"><b>Gumroad</b></a>
          <br/><br/>
          <h4>Follow me on:</h4>
          <a href="https://twitter.com/kamilskowron" class="fa fa-twitter"></a>
          <a href="https://www.linkedin.com/in/kamilskowron/" class="fa fa-linkedin"></a>
          <a href="https://github.com/Cinderella-Man" class="fa fa-github"></a>
      </div>
  </div>
  <!-- End Quick Link -->

</div>

<script>
  $(".trigger-option").on("click", function (e) {
      e.preventDefault(),
          (function () {
              $formOption.toggleClass("open");
          })();
  });

  var $html = $("html"),
    $formOption = $(".quick-option");

  if (window.location == "https://www.elixircryptobot.com/" || window.location.href.indexOf("index.html") > 0) {
    $formOption.toggleClass("open");
  }
</script>