Me/project.html at main · agrim712/Me · 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
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html>
    <head>
        <title>Project</title>
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
        <link rel="stylesheet" href="csspr.css">
        <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
    </head>
    <body>
        <div class="center">
            <div class="zoom">
            <div class="box">
                <div class="profile">
            <img src="agrim_photo.jpeg" class="image"></div>
            <h3>Hello this is me!</h3>
            <p>Agrim Shrivastava</p>
            <div class="link">
            <a href="https://www.linkedin.com/in/agrim-shrivastava-7b250524b/" style="background-color: #4267b2;" title="linkedin" target="_blank"><i class='bx bxl-linkedin' ></i></a>
            <a href="https://twitter.com/AgrimShrivasta1" style="background-color: #1da1f2;"><i class='bx bxl-twitter' title="twitter" target="_blank"></i></a>
            <a href="https://www.instagram.com/agrim_712/" style="background: linear-gradient(50deg ,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);" title="instagram" target="_blank"><i class='bx bxl-instagram' ></i></a>
            <a href="https://www.youtube.com/channel/UCKcqtrYmE82gh20BRyA_2XQ" style="background-color: #ff0000;"><i class='bx bxl-youtube' title="youtube" target="_blank"></i></a></div>
            <div class="but">
                <form method="get" action="https://www.instagram.com/agrim_712/">
            <button class="buttton1" type="submit">Subscribe</button></form>
            <form method="get" action="https://www.youtube.com/channel/UCKcqtrYmE82gh20BRyA_2XQ">
            <button class="buttton2" >Message</button></div></form>
            <div class="like">
                <div class="icon1">
                    <i class='bx bx-heart' ></i>
                    <span class="number" >60K</span></div>
            <div class="icon2">
            <i class='bx bx-message-rounded'></i>
            <span class="number" >20K</span></div>
            <div class="icon3">
            <i class='bx bx-share'></i>
            <span>12K</span></div>
            </div></div></div> </div>
    </body>
</html>