#

<div class="header">
  <div class="inner">
    <img src="/static/images/logos/eks-anywhere-logo.jpg" alt="EKS Anywhere Logo">
    <div>
      <h1 style="color: #222;">EKS-A Developer</h1>
      <p style="padding-left: 2rem; margin-bottom: 0; color: #222;">Development Environment for Kubernetes EKS-Anywhere</p>
    </div>
  </div>
  <button class="btn-orange-lg" disabled>COMING SOON</button>
</div>

<style>
  /* Headers */
  .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 1.5rem;
    margin-bottom: 2rem;
    background-color: #eef6ff;
  }
  .header .inner {
    display: flex;
    align-items: center;
    justify-content: start;
  }
  .header img {
    width: 80px;
  }
  .header h1 {
    margin-left: 0;
    font-size: 2rem;
    margin-bottom: 0.25rem;
  }
  .header p {
    padding-left: 2rem;
    margin-bottom: 0;
  }
</style>