website/templates/home/components/_features.html

<section class="service__features--split">
  <div class="service-card__group">

    <div class="service-card__conatiner">
      <div class="service-card__text-container">
        <p class="service-card__service-name">Gitea Hosting</p>
        <h2 class="service-card__title">Run independent software forge</h2>
        <p class="service-card__text">Dedicated Gitea hosting with Woodpecker, flat monthly price, unlimited bandwidth and users. All upgrades included. Fully self-hostable. ETA July 1st, 2022.</p>
        <ul class="index-banner__features-list">
          <li class="index-banner__features">Tested software releases</li>
          <li class="index-banner__features">Infrastructure as Code Software</li>
          <li class="index-banner__features">Woodpecker CI, Librepages and GitPad integrations</li>
          <li class="index-banner__features">Payments manager included: become a service provider!</li>
        </ul>
        <button class="service-card__aciton-btn">
          <a href="/gitea-clinic" class="home__vision-action-link">Learn More</a>
        </button>
      </div>

      <div class="service-card__icon-container">
        <img
          src="{{ get_url(path='/tmp-logo.png', cachebust=true) }}"
          alt="Temporary card icon"
          class="service-card__icon"
        />
      </div>
    </div>



  </div>
  <div class="home-card__group">
    {{ card_macro::home_card(title="Towards Forge Federation 🚀", description="Hostea developers are also leading the charge in implementing ecosystem-wide federation, we really care about software development :)") }}
    {{ card_macro::home_card(title="Observable and Reliable", description="All Hostea software come with monitoring and backups configured for high, observable reliability") }}
    {{ card_macro::home_card(title="Fully Self-Hostable ", description="Like to get your hands dirty? We got you covered! Hostea comes with infrastructure as code and documentation to make self-hostable a first class experience") }}
  </div>
</section>