<div class="container mt-5">

​

​

    <!--Section: Content-->

    <section class="text-center mb-4">

​

      <style>

        @media (max-width: 767px) {

          .social-buttons .btn {

            padding: 8px 15px;

            margin: 1px;

          }

        }

      </style>

​

      <hr>

​

      <p class="font-weight-bold">Spreed the word: </p>

​

      <!-- Interactions -->

      <div class="social-buttons">

          <!--Facebook-->

          <button type="button" class="btn btn-sm btn-fb my-0">

            <i class="fab fa-facebook-f"></i>

          </button>

​

          <!--Twitter-->

          <button type="button" class="btn btn-sm btn-tw my-0">

            <i class="fab fa-twitter"></i>

          </button>

​

          <!--Twitter-->

          <button type="button" class="btn btn-sm btn-li my-0">

            <i class="fab fa-linkedin-in"></i>

          </button>

​

          <!-- Comments -->

          <a role="button" class="btn btn-sm btn-unique my-0" href="#section-comments">

            <i class="far fa-comments mr-1"></i> Comments <span>(4)</span>

          </a>

        </div>

        <!-- Interactions -->

​

      <hr>

​

    </section>

    <!--Section: Content-->

​

​

  </div>