<div class="card">
  <div class="card-heading is-bordered">
    <h4>Related Pages</h4>
    <div class="dropdown is-spaced is-neutral is-right dropdown-trigger">
      <div>
        <div class="button">
          <i data-feather="more-vertical"></i>
        </div>
      </div>
      <div class="dropdown-menu" role="menu">
        <div class="dropdown-content">
          <a href="#" class="dropdown-item">
            <div class="media">
              <i data-feather="file-text"></i>
              <div class="media-content">
                <h3>All Recommandations</h3>
                <small>View all recommandations.</small>
              </div>
            </div>
          </a>
          <a class="dropdown-item">
            <div class="media">
              <i data-feather="settings"></i>
              <div class="media-content">
                <h3>Settings</h3>
                <small>Access widget settings.</small>
              </div>
            </div>
          </a>
          <hr class="dropdown-divider" />
          <a href="#" class="dropdown-item">
            <div class="media">
              <i data-feather="trash-2"></i>
              <div class="media-content">
                <h3>Remove</h3>
                <small>Removes this widget from your feed.</small>
              </div>
            </div>
          </a>
        </div>
      </div>
    </div>
  </div>
  <div class="card-body no-padding">
    <!-- Recommended Page -->
    <div class="page-block transition-block">
      <img
        src="https://via.placeholder.com/300x300"
        data-demo-src="assets/img/vector/icons/logos/gopizza.svg"
        data-page-popover="13"
        alt=""
      />
      <div class="page-meta">
        <span>Go Pizza</span>
        <span>Pizza & Fast Food</span>
      </div>
      <div class="add-page add-transition">
        <i data-feather="bookmark"></i>
      </div>
    </div>
    <!-- Recommended Page -->
    <div class="page-block transition-block">
      <img
        src="https://via.placeholder.com/300x300"
        data-demo-src="assets/img/vector/icons/logos/oreilly.svg"
        data-page-popover="14"
        alt=""
      />
      <div class="page-meta">
        <span>O' Reilly's</span>
        <span>Burgers & Fast Food</span>
      </div>
      <div class="add-page add-transition">
        <i data-feather="bookmark"></i>
      </div>
    </div>
    <!-- Recommended Page -->
    <div class="page-block transition-block">
      <img
        src="https://via.placeholder.com/300x300"
        data-demo-src="assets/img/vector/icons/logos/epicburger.svg"
        data-page-popover="15"
        alt=""
      />
      <div class="page-meta">
        <span>Epic Burger</span>
        <span>Burgers & Fast Food</span>
      </div>
      <div class="add-page add-transition">
        <i data-feather="bookmark"></i>
      </div>
    </div>
    <!-- Recommended Page -->
    <div class="page-block transition-block">
      <img
        src="https://via.placeholder.com/300x300"
        data-demo-src="assets/img/vector/icons/logos/subs.svg"
        data-page-popover="16"
        alt=""
      />
      <div class="page-meta">
        <span>Downtown Subs</span>
        <span>Fast Food</span>
      </div>
      <div class="add-page add-transition">
        <i data-feather="bookmark"></i>
      </div>
    </div>
  </div>
</div>
