#

<div class="header">
  <div class="inner">
    <img src="/static/images/solodev-logo.png" alt="Solodev CMS Logo">
    <div>
      <h1 style="color: #222;">Solodev CMS</h1>
      <p style="padding-left: 2rem; margin-bottom: 0; color: #222;">Create powerful, secure, and scalable experiences with Solodev CMS, <br>a trusted cloud-first, hybrid headless system.</p>
    </div>
  </div>
</div>

The enterprise CMS for AWS, Solodev gives you the freedom to bring the most imaginative digital experiences to life in the cloud. Add sites with total control and manage your digital world in one place.

<div class="row">
  <div class="col">
    <div class="card text-center">
      <img src="/static/images/logos/enterprise-logo.jpg" alt="CMS Enterprise Logo">
      <h3>CMS Enterprise</h3>
      <p class="content">Develop enterprise websites and apps on a scalable, redundant CMS</p>
      <p style="margin-bottom: 10px;"><a href="https://cms.solodev.net/quickstart/solodev-enterprise" target="_blank" class="no-link">INSTALL</a></p>
    </div>
  </div>
  <div class="col">
    <div class="card text-center">
      <img src="/static/images/logos/pro-logo.jpg" alt="CMS Professional Logo">
      <h3>CMS Professional</h3>
      <p class="content">Powerful CMS features on a single server for professional websites and apps</p>
      <p style="margin-bottom: 10px;"><a href="https://cms.solodev.net/quickstart/solodev-pro" target="_blank" class="no-link">INSTALL</a></p>
    </div>
  </div>
  <div class="col">
    <div class="card text-center">
      <img src="/static/images/logos/micro-logo.png" alt="CMS Micro Logo">
      <h3>CMS Micro</h3>
      <p class="content">Full featured CMS capabilities on a single server, ideal for small development projects</p>
      <p style="margin-bottom: 10px;"><a href="https://cms.solodev.net/quickstart/solodev-micro" target="_blank" class="no-link">INSTALL</a></p>
    </div>
  </div>
  <div class="col">
    <div class="card card-color text-center">
      <img src="/static/images/logos/eks-logo.jpg" alt="CMS EKS Logo">
      <h3>CMS EKS</h3>
      <p class="content">Deploy highly scalable websites and apps on a containerized CMS with Elastic Kubernetes Service</p>
      <p style="margin-bottom: 10px;"><a href="https://cms.solodev.net/quickstart/solodev-cms-for-kubernetes" target="_blank" class="no-link">INSTALL</a></p>
    </div>
  </div>
</div>

<style>
  /* Cards */
  .card {
    border: 1px solid #dee2e6;
    box-shadow: 0 1px 15px rgba(0, 0, 0, .15);
    height: 100%;
    box-sizing: content-box;
    padding: 1.5rem;
  }
  .card h3 {
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  .card a {
    margin-top: .7rem;
    padding: .5rem 2.5rem;
    font-size: .9rem;
    border-radius: 25px;
    background-color: #0488ce;
    color: #fff!important;
  }
  .card img {
    height: 80px;
  }
  .card.card-color {
    border-radius: 1.5rem;
    background-color: #1f335d;
    color: #fff;
  }
  .card.card-color h3 {
    color: #fff;
  }
  .card.card-color a {
    border: 1.5px solid #fff;
    background-color: #fff;
    color: #0488ce!important;
  }
  .card.card-color a:hover {
    color: #0488ce!important;
  }
  .card p.content {
    height: 100px;
    font-size: .9rem;
  }
  /* 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>