<div class="box-heading">
  <h4>Info</h4>
  <div class="dropdown is-neutral is-spaced 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="profile-about.html" class="dropdown-item">
          <div class="media">
            <i data-feather="eye"></i>
            <div class="media-content">
              <h3>View</h3>
              <small>View user details.</small>
            </div>
          </div>
        </a>
        <a href="#" class="dropdown-item">
          <div class="media">
            <i data-feather="search"></i>
            <div class="media-content">
              <h3>Related</h3>
              <small>Search for related users.</small>
            </div>
          </div>
        </a>
      </div>
    </div>
  </div>
</div>

<div class="basic-infos-wrapper">
  <div class="card is-community">
    <h4>Community</h4>
    <div class="flex-block">
      <i data-feather="users"></i>
      <p><a>Invite your friends</a> to follow this page</p>
    </div>
    <div class="flex-block">
      <i data-feather="thumbs-up"></i>
      <p>150K people like this page</p>
    </div>
    <div class="flex-block">
      <i data-feather="cast"></i>
      <p>90K people are following this</p>
    </div>
  </div>

  <div class="card is-about">
    <h4>About</h4>
    <div class="flex-block">
      <i data-feather="message-circle"></i>
      <p><a>Send a Message</a></p>
    </div>
    <div class="flex-block">
      <i data-feather="shopping-bag"></i>
      <p><a>Commercial Company</a></p>
    </div>
    <div class="flex-block">
      <i data-feather="edit-3"></i>
      <p><a>Suggest Changes</a></p>
    </div>
  </div>

  <div class="card is-friendkit">
    <div class="title-wrap">
      <img src="assets/img/vector/logo/friendkit-bold.svg" alt="" />
      <h4>Security</h4>
    </div>
    <p>
      Idem iste, inquam, de voluptate quid sentit? Re mihi non aeque satisfacit,
      et quidem locis pluribus. Consequens enim est et post oritur, ut dixi.
    </p>
    <div class="created">
      <i data-feather="flag"></i>
      <span>Page created on May 6th 2019</span>
    </div>
  </div>
</div>
