index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Post Card</title>
    <link rel="stylesheet" href="style.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
</head>
<body>
    <div class="post">
        <div class="post-header">
            <i class="fa-brands fa-html5 instagram icon"></i>
            <div class="profile-info">
                <h3>HTML5</h3>
                <p>Rigoberto</p>
            </div>
            <i class="fas fa-ellipsis-h post-options"></i>
        </div>

        <div class="post-img">
            <img src="https://picsum.photos/200/300" alt="Landscape">
        </div>

        <div class="post-body">
            <div class="post-actions">
                <div class="icons">
                    <i class="far fa-heart"></i>
                    <i class="far fa-comment"></i>
                    <i class="far fa-paper-plane"></i>
                </div>
                <div class="save-icon">
                    <i class="far fa-bookmark"></i>
                </div>
            </div>
            <div class="post-info">
                <p><strong>4GeeksAcademy, html5, Web</strong> and 100,000 others</p>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
            </div>
        </div>
    </div>
</body>
</html>
  