Please Subscribe My YouTube Channel

Thursday, April 13, 2023

How To Make Friend Request Card with Html & Css.

How To Make Friend Request Card with Html & Css.

<!DOCTYPE html>
<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>

No comments:

Post a Comment

*******Please Comment, Like and Share******
दोस्तों पूरी पोस्ट पढने के लिए धन्यवाद, आशा करता हूँ आप को यह पोस्ट पसंद आई होगी और भी अधिक जानकारी के लिए या मुझसे जुड़ने के लिए आप मुझे मेरे फेसबुक पेज information & technology computer institutions और इन्स्टाग्राम ID:- satyam_hardoi को फॉलो कर सकते है,
मेरा youtube चैनल itci computer hardoi सर्च करे और पाए कंप्यूटर से सम्बंधित सभी विडियो और हाँ प्लीज नई अपडेट पाने के लिए चैनल को सब्सक्राइब जरुर करें, धन्यवाद | आपका $ सत्यम सर् $