How To Make Friend Request Card with Html & Css.
<!DOCTYPE html>
<title>card</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<body>
<div class="w3-container">
<h2>Friend Request Card</h2>
<div class="w3-card-4 w3-brown" style="width:20%">
<div class="w3-container w3-center">
<h3>Friend Request</h3>
<img src="mypik.png" style="width:90%"class="w3-circle">
<h4>Satyam Trivedi</h4>
<div class="w3-section">
<button class="w3-button w3-green w3-circle">Accept</button>
<button class="w3-button w3-red w3-circle">Decline</button>
<div class="w3-section">
<button class="w3-btn w3-button w3-blue w3-ripple w3-block"><b>Hide Profile</b></button></div>
</div>
</div>
</div>
</div>
</body>
</html>
.png)