Card Text

<style>
* { box-sizing: border-box; }
.cardbox{
  padding:10px;
  background-image:url('images/aaa2.jpg');
  background-size:cover;
  background-position:center;
  width:250px;
  height:300px;
  border-radius:4px;
  box-shadow:0 0 6px rgba(0,0,0,0.4);
  display:flex;
  align-items:flex-end;
}
.cardtext{
  color:white;
  font-size:38px;
  font-weight:bold;
  background-color:#93dd39;
  padding:8px 12px;
  text-align: center;
  width:100%;
}
</style>
<div class="cardbox">
  <div class="cardtext">Card Text</div>
</div>
Card Text
.cardtext{
  background-color:#93dd39;
}
Card Text
.cardtext{
  border:10px double white;
}
Card Text
.cardtext{
  border:10px double white;
  background-color: rgba(255, 129, 129, 0.5);
}
Card Text
.cardtext{
  border:10px double white;
  background-color: rgba(0,0,0,0.4);
}
receipt
settings_ethernet