<!-- Cards with text overlay --> <div class="overlay relative-wrap"> <img src="https://picsum.photos/200" alt="img" /> <div class="text-overlay top"> <h3>This is text overlay card</h3> <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam expedita laudantium qui libero omnis praesentium veritatis dicta eos itaque consequatur repellendus mollitia possimus labore dolor, doloribus, animi perspiciatis provident maiores. </p> </div> </div> <!-- 2nd one --> <div class="overlay relative-wrap"> <img src="../assets/uncharted.jpeg" alt="img" /> <div class="text-overlay bg-color"> <h3>Uncharted 4</h3> <p> Uncharted 4: A Thief's End is a 2016 action-adventure game developed by Naughty Dog and published by Sony Computer Entertainment </p> </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