Card_using_HTML_-_CSS/index.html at master · nishaazone/Card_using_HTML_-_CSS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="style.css"/>
    <title>Card View</title>
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"/>
</head>
<body>
   <div class="container">
      <div class="box">
        <i class="fa-solid fa-bars fa-lg" style="color: #030316;"></i>
        <img src="https://images.unsplash.com/photo-1525134479668-1bee5c7c6845?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTB8fHdvbWFuJTIwc21pbGluZ3xlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=600&q=60" class="profile" >
        <h2>Ava Watson</h2>
        <p>CEO</p>
        <div class="social">
          <i class="fa-brands fa-square-facebook fa-lg" style="color: #030316;"></i>
          <i class="fa-brands fa-instagram fa-lg" style="color: #030316;"></i>
          <i class="fa-brands fa-twitter fa-lg" style="color: #030316;"></i>
        </div>
        <button type="button">Follow</button>
        <div class="bottom">
          <p>Learn More</p>
          <i class="fa-solid fa-arrow-down fa-bounce fa-lg" style="color: #f66335"></i>
        </div>
      </div>
</body>
</html>