#

<div style="display: flex; align-items: center; margin-bottom: 2rem;">
  <img src="/static/images/logo.svg" alt="SpaceMade Logo" style="width: 80px;">
  <span style="font-size: 2.5rem; padding-left: 1.5rem; font-weight: 600;">Solodev</span>
</div>

<hr>

<h1 style="font-size: 2rem; display: none;" class="sr-only">Quickstart</h1>

Built from the ground up to leverage the power of AWS services, Solodev is a cloud-first enterprise content management system (CMS) and customer experience platform that lets individuals and teams collaborate on their digital transformation. Easy to use for non-technical content marketers yet robust enough for ambitious developers, Solodev lets everyone work together to create rich, enterprise-grade websites that engage and convert. An APN Advanced Technology Partner, Solodev is available with hourly, annual and BYOL pricing.

<div class="row">
  <div class="col">
    <div class="card text-center">
      <img src="/static/images/icons/icons-thin-cloud.svg" alt="Cloud icon" class="dark-mode">
      <h2>Cloud</h2>
      <p class="content">Deploy and host on AWS and integrate with the most secure and scalable cloud services.</p>
      <p style="margin-bottom: 10px;"><a href="/quickstart/cloud" class="no-link">ACCESS</a></p>
    </div>
  </div>
  <div class="col">
    <div class="card text-center">
      <img src="/static/images/icons/icons-thin-cms.svg" alt="CMS icon" class="dark-mode">
      <h2>CMS</h2>
      <p class="content">Power frontends in any framework, build headless apps, and create custom experiences with code.</p>
      <p style="margin-bottom: 10px;"><a href="/quickstart/cms" class="no-link">ACCESS</a></p>
    </div>
  </div>
  <div class="col">
    <div class="card text-center">
      <img src="/static/images/icons/icon-ai.svg" alt="AI icon" class="dark-mode">
      <h2>AI</h2>
      <p class="content">Deploy with containers and serverless on AWS.</p>
      <p style="margin-bottom: 10px;"><a href="/quickstart/ai" class="no-link">ACCESS</a></p>
    </div>
  </div>
  <div class="col">
    <div class="card text-center">
      <img src="/static/images/icons/icon-blockchain.svg" alt="Blockchain icon" class="dark-mode">
      <h2>Blockchain</h2>
      <p class="content">Enterprise blockchain service with fast, trusted blockchain transactions and optimized for total cost of ownership.</p>
      <p style="margin-bottom: 10px;"><a href="/quickstart/blockchain" class="no-link">ACCESS</a></p>
    </div>
  </div>
  <div class="col">
    <div class="card text-center">
      <img src="/static/images/icons/icon-digital.svg" alt="Digital icon" class="dark-mode">
      <h2>Digital</h2>
      <p class="content">Manage SSO, martech, and commerce apps.</p>
      <p style="margin-bottom: 10px;"><a href="/quickstart/digital" class="no-link">ACCESS</a></p>
    </div>
  </div>
  <div class="col">
    <div class="card text-center">
      <img src="/static/images/icons/icon-mobile.svg" alt="Mobile icon" class="dark-mode">
      <h2>Mobile</h2>
      <p class="content">Manage your mobile apps and listings with a cloud-based solution or scale your enterprise strategy.</p>
      <p style="margin-bottom: 10px;"><a href="/quickstart/mobile" class="no-link">ACCESS</a></p>
    </div>
  </div>
</div>

<p class="text-center" style="margin-top: 2.5rem;">Enterprise-class software. Best-of-breed capabilities. World-class cloud hosting. It’s all here – and it’s all yours – with Solodev.</p>

<img src="/static/images/quickstart/aws-badges.jpg" alt="AWS Badges" style="width: 56%; display: block; margin: 0 auto;">

<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;
    border-radius: 1.5rem;
  }
  .card h2 {
    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: 35px;
    background-color: #0488ce;
    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;
  }
  .dark img.dark-mode {
    filter: invert(1);
  }
</style>