Card

Default

Softwareentwicklung / IT

Build reusable rockets and spaceships from the ground up.


Im Vertrieb arbeitest du zusammen mit:

  • IT Systemadministrator
  • IT Systemadministrator
  • IT Systemadministrator
  • IT Systemadministrator
  • IT Systemadministrator
<div style="width: 800px; padding: 50px; background: #525252;"> <div class="card card--image card--default"> <div class="card__image-wrapper"> <div class="card__image-image-wrapper"> <img class="card__image" src="/images/placeholder-content-image.jpg" /> </div> </div> <div class="card__wrapper"> <div class="card__header"> <h3>Softwareentwicklung / IT</h3> <p>Build reusable rockets and spaceships from the ground up.</p> <hr> </div> <div class="card__body"> <p class="font-weight-bold">Im Vertrieb arbeitest du zusammen mit:</p> <ul class="checkList small"> <li>IT Systemadministrator</li> <li>IT Systemadministrator</li> <li>IT Systemadministrator</li> <li>IT Systemadministrator</li> <li>IT Systemadministrator</li> </ul> </div> <div class="card__footer"> <a class="btn btn-primary"> Mehr erfahren </a> </div> </div> </div> </div>

Grey

Benefits

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Inventore temporibus sapiente nam quibusdam optio? Animi, aut rerum ipsa tempora nobis necessitatibus quia officia adipisci enim? Excepturi est ab illum temporibus.

<div style="width: 400px"> <div class="card card--grey"> <div class="card__wrapper"> <div class="card__header"> <h3>Benefits</h3> </div> <div class="card__body"> <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Inventore temporibus sapiente nam quibusdam optio? Animi, aut rerum ipsa tempora nobis necessitatibus quia officia adipisci enim? Excepturi est ab illum temporibus.</p> </div> <div class="card__footer"> <a class="link-icon " href="#"> <span class="link-label">Mehr erfahren</span> </a> </div> </div> </div> </div>

Invert

Benefits

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Inventore temporibus sapiente nam quibusdam optio? Animi, aut rerum ipsa tempora nobis necessitatibus quia officia adipisci enim? Excepturi est ab illum temporibus.

<div style="width: 400px"> <div class="card card--invert"> <div class="card__wrapper"> <div class="card__header"> <h3>Benefits</h3> </div> <div class="card__body"> <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Inventore temporibus sapiente nam quibusdam optio? Animi, aut rerum ipsa tempora nobis necessitatibus quia officia adipisci enim? Excepturi est ab illum temporibus.</p> </div> <div class="card__footer"> <a class="btn btn-invert"> Mehr erfahren </a> </div> </div> </div> </div>

Vertical

Softwareentwicklung / IT

Build reusable rockets and spaceships from the ground up.


Im Vertrieb arbeitest du zusammen mit:

  • IT Systemadministrator
  • IT Systemadministrator
  • IT Systemadministrator
  • IT Systemadministrator
  • IT Systemadministrator
<div style="width: 400px; padding: 50px; background: #525252;"> <div class="card card--image card--vertical"> <div class="card__image-wrapper"> <div class="card__image-image-wrapper"> <img class="card__image" src="/images/placeholder-content-image.jpg" /> </div> </div> <div class="card__wrapper"> <div class="card__header"> <h3>Softwareentwicklung / IT</h3> <p>Build reusable rockets and spaceships from the ground up.</p> <hr> </div> <div class="card__body"> <p class="font-weight-bold">Im Vertrieb arbeitest du zusammen mit:</p> <ul class="checkList small"> <li>IT Systemadministrator</li> <li>IT Systemadministrator</li> <li>IT Systemadministrator</li> <li>IT Systemadministrator</li> <li>IT Systemadministrator</li> </ul> </div> <div class="card__footer"> <a class="btn btn-primary"> Mehr erfahren </a> </div> </div> </div> </div>