Content Categories

  <div class="d-flex justify-content-between align-items-center border-bottom pb-2">
    <h2 id="headingShareTitle" class="h6 mb-0">Share this section</h2>
    <button type="button" class="hsm-close btn btn-sm btn-outline-secondary" aria-label="Close">×</button>
  </div>
  
  <div class="hsm-body mt-3">
    <div class="input-group mb-3 hsm-url-group">
      <input id="headingShareInput" type="text" class="form-control" readonly aria-readonly="true" />
      <button class="btn btn-primary hsm-copy" type="button" aria-label="Copy" title="Copy">
        <i class="fa-duotone fa-clipboard" aria-hidden="true"></i>
      </button>
    </div>
    
    <div class="small mb-2 fw-semibold">Share link:</div>
    <ul class="list-inline mb-0 hsm-share-links">
      <li class="list-inline-item mb-2">
        <a id="share-twitter" class="btn btn-sm btn-outline-primary" target="_blank" rel="noopener noreferrer">Twitter Profile</a>
      </li>
      <li class="list-inline-item mb-2">
        <a id="share-linkedin" class="btn btn-sm btn-outline-primary" target="_blank" rel="noopener noreferrer">LinkedIn Profile</a>
      </li>
      <li class="list-inline-item mb-2">
        <a id="share-facebook" class="btn btn-sm btn-outline-primary" target="_blank" rel="noopener noreferrer">Facebook Profile</a>
      </li>
    </ul>
  </div>
</div>