<div id="tom-basic-overlay"> <div id="main-overlay"> <img src="4.jpg" alt="beautiful pic" id="img-basic" /> <div id="text-overlay"> <div id="tom"> <h3 id="tom-text">High Coast Bridge</h3> <h4 id="tom-author">by Anders Jildén</h4> </div> <h4 id="text-cont-overlay"> High Coast bridge also known as Höga Kusten Bridge is located in Sweden </h4> </div> </div> <div id="btns-overlay"> <button class="btn"> <p>READ</p> </button> <button class="btn"> <p>BOOKMARK</p> </button> <button class="btn" id="icons-btn"> <i class="far fa-heart"></i> </button> <button class="btn" id="icons-btn"> <i class="fas fa-share-alt"></i> </button> <button class="btn" id="icons-btn"> <i class="fas fa-ellipsis-v"></i> </button> </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