CARDS
Run
<!DOCTYPE html>
<html lang="en">
<head>
 <title>HTML </title>
 <style>
    .card {
	 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
	 width: 50%;
	 text-align: center;
	 border-radius: 16px;
	 overflow: hidden;
	}
   .text {
     padding: 5px;
   }
   a {
     background-color: #cccccc;
	 text-decoration: none;
	 font-size: 20px;
	 padding: 2px;
   }
 </style>
</head>
<body>
    <div class="card">
	  <img src="https://s3.ap-south-1.amazonaws.com/s3.studytonight.com/tutorials/uploads/pictures/1627731351-101156.png" alt="img">
	  <div class="text">
	    <h2> We have created a card </h2>
		<p> Visit our website for more contents </p>
		<a href="https://www.studytonight.com/"> Click here </a>
	  </div>
  </div>
</body>
</html>