HTML
Background
<div class="deal-content"> <h1 class="title">SMK Muhammadiyah 2 Palembang</h1> <p></p> <div class="price">IT SMK SILBER</div> </div>
CSS
.preview { display:flex !important; flex-direction:column; justify-content:center; } .deal-content { text-align:center; background-color:rgba(12, 166, 220, 0.9); color:#fff; padding:15px 0px; } .deal-content .title{ font-weight:bold; text-transform:uppercase; margin:0; line-height:1; } .deal-content .details { margin:30px 0px; font-weight:bold; line-height:1; } .deal-content .price { height:44px; line-height:44px; display:inline-block; padding:0 20px; background-color:#fff; color:rgb(12, 166, 220); font-size:18px; font-weight:bold; border-radius:30px; }
JavaScript
Width
Height
Align
Devices
×
Choose Background Image
DROP IMAGE OR CLICK ME