index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
    <meta charset="utf-8">
    <title>Profile Card</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
</head>

<body>


    <!-- main div start-->
    <div class="main">

        <!-- profile card start -->
        <div class="card">
            <div class="card-image">
                <img src="img/img-5.jpg" alt="">
            </div>
            <div class="profile-image">
                <img src="img/img-3.jpeg" alt="">
            </div>
            <div class="card-container">
                <h3>XXXXXXXXXXX</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit natus quidem et sed, voluptatem dolores maiores ut. Ipsum, eligendi quia.</p>
            </div>
            <div class="icon">
                <a href="#" class="icon-1 fab fa-facebook-f"></a>
                <a href="#" class="icon-2 fab fa-linkedin"></a>
                <a href="#" class="icon-3 fab fa-github"></a>
                <a href="#" class="icon-4 fab fa-instagram"></a>
                <a href="#" class="icon-5 fab fa-twitter"></a>
            </div>
        </div>
        <!-- profile card end -->
        <!-- title start -->
        <div class="title">
            <h1 class="one">Profile card</h1>
            <h1 class="two">UI design</h1>
        </div>
        <!-- title end -->

    </div>
    <!-- main div end -->
</body>

</html>