ziermach-blog/src/app/pages/games-dashboard/games-dashboard.component.html

<div class="wrapper">
  <app-game-header></app-game-header>
  <div class="main">
    <div class="section section-dark">
      <div class="container">
        <div class="row">
          <div class="col-sm-4 offset-md-4">
            <div class="info text-center">
              <div class="icon icon-danger">
                <fa-icon [icon]="icons.faItchIo" ></fa-icon>
              </div>
              <div class="description">
                <h4 class="info-title">Mini Beans Jam Games</h4>
                <p class="description">
                  All these games bellow where made for an GameJam called Mini
                  Beans Jam. The Challange was to create an game for an motto
                  given by 3 random words in 42 Hours (Friday - Sunday). I made
                  this Games with an small Hobby Team called WhyMonkeys.
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="section section-gray">
      <div class="container">
        <div class="row">
          <div class="col-md-6">
            <div class="card">
              <img
                class="card-img-top"
                src="/assets/img/mrq-thumbnail.png"
                alt="Card image cap"
              />
              <div class="card-body">
                <h4 class="card-title">Magnetic Recycling Queen</h4>
                <p class="card-text">
                  The first game i helped to Develop.
                  Made with Unity.
                </p>
                <a
                  routerLink="/games/magnetic-recycling-queen"
                  class="btn btn-primary"
                  >Play Now!</a
                >
                <a href="https://karotofel.itch.io/mrq" class="btn btn-primary">
                  Check out on <fa-icon [icon]="icons.faItchIo" ></fa-icon>
                </a>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="card">
              <img
                class="card-img-top"
                src="/assets/img/wtf-thumbnail.png"
                alt="Card image cap"
              />
              <div class="card-body">
                <h4 class="card-title">What the fungi</h4>
                <p class="card-text">
                  In this game i tried my self at an A* search algorithm It went
                  okay ...
                </p>
                <p>
                  Made with Unity.
                </p>
                <a routerLink="/games/what-the-fungi" class="btn btn-primary"
                  >Play Now!</a
                >
                <a
                  href="https://karotofel.itch.io/wtfungi"
                  class="btn btn-primary"
                >
                  Check out on <fa-icon [icon]="icons.faItchIo" ></fa-icon>
                </a>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <div class="card">
              <img
                class="card-img-top"
                id="disco-thumbnail"
                src="/assets/img/disco-blues-thumbnail.png"
                alt="Card image cap"
              />
              <img
                class="card-img-top"
                id="disco-gif"
                src="/assets/img/disco-blues.gif"
                alt="Card image cap"
              />
              <div class="card-body">
                <h4 class="card-title">Disc(o) Blues</h4>
                <p class="card-text">
                  This is game was far the most Complex i helped with. It's
                  Primary made for Mobile so the UI is in web a bit messy. The
                  idea and the Style is great but i was to much for the size of
                  team and the given time. 
                   Made with Unity.
                </p>
                <a routerLink="/games/laser-blues" class="btn btn-primary"
                  >Play Now!</a
                >
                <a
                  href="https://karotofel.itch.io/laser-blues"
                  class="btn btn-primary"
                >
                  Check out on <fa-icon [icon]="icons.faItchIo" ></fa-icon>
                </a>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="card">
              <img
                class="card-img-top"
                src="/assets/img/salty-piranha-thumbnail.png"
                alt="Card image cap"
              />
              <div class="card-body">
                <h4 class="card-title">Salty Prianha</h4>
                <p class="card-text">
                  First game where i did 100% of the coding. A small but nice
                  project only done by 2 people in less than 42 hours. Also my
                  first experience with the Godot Engine. 
                  Made with Godot.
                </p>
                <a routerLink="/games/salty-piranha" class="btn btn-primary"
                  >Play Now!</a
                >
                <a
                  href="https://karotofel.itch.io/salty-piranha"
                  class="btn btn-primary"
                >
                  Check out on <fa-icon [icon]="icons.faItchIo" ></fa-icon>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>