<div class="card vertical-card-container"> <div class="card-img"> <img class="vertical-card-img" src="https://images.unsplash.com/photo-1621931650010-d4d18def2f39?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80" alt="" /> <div class="card-head-info"> <h2 class="card-title">HPCA Stadium</h2> <h3 class="subtitle">Dharamshala Cricket Ground</h3> </div> </div> <div class="card-info"> <div class="card-body"> <div> <p> Book your seat to watch the match in the most beautiful Stadium in India </p> </div> <div> <p class="disc-price">₹850</p> <p class="actual-price">₹1700</p> <p class="offer-info">(50% OFF)</p> </div> </div> <div class="card-footer"> <button class="btn-link call-to-action vertical-card-btn"> Book your seat </button> </div> </div> </div>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter