AltitudeWeb/frontend/src/app/team/team.component.html

<ng-container>
  <app-header [current_page]="'rules'" height="460px" background_image="/public/img/backgrounds/staff.png">
    <div class="title" header-content>
      <h1>Staffing Team</h1>
      <h2>The team that makes Altitude happen. Your owners, admins, moderators, and trainees are all working together to
        create Altitude, to create home. This is where the magic happens.</h2>
    </div>
  </app-header>

  <main>
    <section class="darkmodeSection">
      <div class="container" style="padding: 50px 0 0 0; justify-content: center;">
        <h2 class="sectionTitle">Management</h2>
        <div class="member">
          <img ngSrc="https://crafatar.com/avatars/55e46bc32a294c53850fdbd944dc5c5f?overlay"
               alt="akastijn's Minecraft skin" height="160" width="160" style="width: 160px;">
          <h2>akastijn</h2>
          <p>Owner</p>
        </div>
        <div class="member">
          <img ngSrc="https://crafatar.com/avatars/0b06c1b9ae5845d5af60731e4c788dc8?overlay"
               alt="akalexu's Minecraft skin" height="160" width="160" style="width: 160px;">
          <h2>akalexu</h2>
          <p>Manager</p>
        </div>
      </div>
    </section>
    <section class="darkmodeSectionThree">
      <div class="container" style="padding: 50px 0 0 0; justify-content: center;">
        <h2 class="sectionTitle">Admins</h2>
      </div>
    </section>
    <section class="darkmodeSection">
      <div class="container" style="padding: 50px 0 0 0; justify-content: center;">
        <h2 class="sectionTitle">Head Moderators</h2>
      </div>
    </section>
    <section class="darkmodeSectionThree">
      <div class="container" style="padding: 50px 0 0 0; justify-content: center;">
        <h2 class="sectionTitle">Moderators</h2>
      </div>
    </section>
  </main>
</ng-container>