---
layout: default
title: Alert
---

<!-- Container -->
<div id="alert-placeholder" class="container">
  <div class="page-placeholder">
    <div class="placeholder-content">
      <img
        class="light-image"
        src="assets/img/illustrations/placeholders/2.svg"
        alt=""
      />
      <img
        class="dark-image"
        src="assets/img/illustrations/placeholders/2-dark.svg"
        alt=""
      />
      <h3>You have 3 pending friend requests.</h3>
      <p class="is-large">
        You have some pending friend requests. Make sure to check them and to
        decide if you want to accept them.
      </p>
      <div class="buttons is-centered">
        <a href="#" class="button is-solid accent-button raised"
          >View Requests</a
        >
        <a href="#" class="button is-solid">I'll check later</a>
      </div>
    </div>
  </div>
</div>