PROFILE CARD

Run
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
   .profile-card {
      box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2);
	  max-width: 350px;
	  margin: auto;
	  text-align: center;
	  background: #bbbbbb;
   }
   img {
      width: 250px;
	  height: 250px;
	  border-radius: 50%;
   }
   a {
      font-size: 50px;
	  text-decoration: none;
	  
   }
   button {
      width: 100px;
	  background-color: green;
	  color: white;
	  margin-bottom: 8px;
	  font-size: 16px;
	  padding: 10px;
   }
   h2 {
      color: blue;
	  font-size: 50px;
   }
	 
</style>
</head>
<body>
    <div class="profile-card">
	  <h2> studytonight </h2>
	  <img src="https://s3.ap-south-1.amazonaws.com/s3.studytonight.com/tutorials/uploads/pictures/1628080137-.png" alt="image">
	  <div>
	      <h3> Follow us on </h3>
		  <a href="#"><i class="fa fa-twitter"></i></a>
		  <a href="#"><i class="fa fa-linkedin"></i></a>
		  <a href="#"><i class="fa fa-facebook"></i></a>
	  </div>
	  <p><button>message</button></p>
	</div>
</body>
</html>