<div class="wrapper">
  <app-project-header></app-project-header>
  <div class="main">
    <div class="section section-dark">
      <div class="container">
        <div class="row text-center title">
          <div class="col-sm-4 offset-md-4">
            <div class="info text-center logo">
              <fa-icon [icon]="icons.faGlobe"></fa-icon>
            </div>
            <div class="description">
              <h4 class="info-title">Web Projects</h4>
              <p class="description">
                mainly created with Angular 2+
              </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/ziermach-blog.jpg"
              alt="Card image cap"
            />
            <div class="card-body">
              <h4 class="card-title">This Blog</h4>
              <p class="card-text">
                This Blog was made with angular 2+ and bootstrap. with help of
                the template
                <a
                  href="https://www.creative-tim.com/product/paper-kit-2-angular"
                  >paper-kit-2-angular</a
                >
              </p>
              <a
                href="https://git.ziermach.de/cziermann/ziermach-blog"
                class="btn btn-primary"
                >Checkout Code in Git</a
              >
            </div>
          </div>
        </div>
        <div class="col-md-6">
          <div class="card">
            <img
              class="card-img-top"
              src="/assets/img/pub-quiz-club.jpg"
              alt="Card image cap"
            />
            <div class="card-body">
              <h4 class="card-title">Pub Quiz Club (WIP)</h4>
              <p class="card-text">
                I made an Only Quiz App for Pubs. It's created with Angular 2+
                and
                <a href="https://material.angular.io/">Angular-Material</a>
              </p>
              <a href="https://pub-quiz.club" class="btn btn-primary"
                >Checkout</a
              >
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="section section-dark">
    <div class="container">
      <div class="row">
        <div class="col-sm-6">
          <div class="info text-center">
            <div class="icon icon-danger">
              <fa-icon [icon]="icons.faGithub" ></fa-icon>
            </div>
            <div class="description">
              <h4 class="info-title">
                <a class="btn btn-link" href="https://github.com/JackWolfskind"
                  >My Github Site</a
                >
              </h4>
            </div>
          </div>
        </div>
        <div class="col-sm-6">
          <div class="info text-center">
            <div class="icon icon-danger">
              <fa-icon [icon]="icons.faNpm" ></fa-icon>
            </div>
            <div class="description">
              <h4 class="info-title">
                <a class="btn btn-link" href="https://www.npmjs.com/~cziermann"
                  >My NPM Site</a
                >
              </h4>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>