Quote Card

<div class="qt-card">
  <div class="qt-mark">&ldquo;</div>
  <p class="qt-text">Simplicity is the ultimate sophistication.</p>
  <div class="qt-author">Leonardo da Vinci</div>
</div>

.qt-card {
  width: 240px;
  padding: 28px;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 14px;
  position: relative;
}
.qt-mark {
  font-size: 36px;
  line-height: 1;
  color: #e5e5e5;
  font-family: Georgia, serif;
  margin-bottom: -8px;
}
.qt-text {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  line-height: 1.6;
  font-style: italic;
  margin-bottom: 12px;
}
.qt-author {
  font-size: 11px;
  font-weight: 600;
  color: #999;
  text-transform: uppercase;
  letter-spacing: .04em;
}