index.html

---
layout: default
title: MITRE Cyber Academy | Welcome
---

<main>
  <div id="background-color">
    <div class="p-5 mb-4 rounded-3 text-white">
      <div class="container-fluid py-5">
        <h1 class="display-5 fw-bold text-center">
          MITRE Cyber Academy <sup>TM</sup>
        </h1>
        <p class="fs-4 text-center">
          Making security resources available to the people who need them.
        </p>
      </div>
    </div>
  </div>
  <h1 class="text-center">Getting Started with MITRE Cyber Academy</h1>
  <div class="py-5">
    <div class="container">
      <div
        class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3 justify-content-center"
      >
        <div class="col-md">
          <div class="card text-light bg-dark h-100">
            <div class="card-body text-center" id="card-align">
              <div class="h1 mb-3">
                <i class="bi bi-book"> </i>
              </div>
              <h3 class="card-title mb-3">Learn</h3>
              <p class="card-text">Discover and learn about cybersecurity.</p>
              <a href="/learn" class="btn btn-outline-light" id="btn-card-align"
                >Enter Cybersecurity Training portal</a
              >
            </div>
          </div>
        </div>
        <div class="col-md">
          <div class="card text-light bg-dark h-100">
            <div class="card-body text-center" id="card-align">
              <div class="h1 mb-3">
                <i class="bi bi-bullseye"> </i>
              </div>
              <h3 class="card-title mb-3">Practice</h3>
              <p class="card-text">
                Challenge yourself in a variety of hands-on exercises.
              </p>
              <a
                href="practice"
                class="btn btn-outline-light"
                id="btn-card-align"
                >Enter Cyber Practice Range</a
              >
            </div>
          </div>
        </div>
        <div class="col-md">
          <div class="card text-light bg-dark h-100">
            <div class="card-body text-center" id="card-align">
              <div class="h1 mb-3">
                <i class="bi bi-shield-lock-fill"> </i>
              </div>
              <h3 class="card-title mb-3">Compete</h3>
              <p class="card-text">
                See our upcoming schedule of competitions.
              </p>
              <a
                href="/competitions"
                class="btn btn-outline-light"
                id="btn-card-align"
                >View Cyber Competition Schedule</a
              >
            </div>
          </div>
        </div>
        <div class="col-md-6">
          <div
            class="h-100 p-4 text-white rounded-3 text-center"
            id="mitre-blue"
          >
            <div class="h1 mb-3">
              <i class="bi bi-people-fill"> </i>
            </div>
            <h2>Internship Program</h2>
            <p>
              Are you a high school or a college student interested in a
              cybersecurity internship with MITRE?
            </p>
            <a
              class="btn btn-outline-light"
              href="https://www.mitre.org/careers/student-programs"
              >Enter MITRE's Student Opportunities site</a
            >
          </div>
        </div>
      </div>
    </div>
  </div>
</main>