Days/Day6/index.html

<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://kit.fontawesome.com/8c1f754ca0.js" crossorigin="anonymous"></script>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="styles.css">
</head>

<body>
    <div class="Container">
        
            <div class="First">
                <span class="type">Featured</span>
                <span class="title">Challenge</span>
                <span class="text">Design an icon set with your favorite hobbies.</span>
                <button class="details-link"><span class="details">View details</span><span class="right"><i class="fa-solid fa-chevron-right"></i></span></button>
            </div>

            <div class="Second">
                <span class="type">Blog</span>
                <span class="title">Interviews</span>
                <span class="text">8 examples of interviews with people who traveled through Europe.</span>
                <button class="details-link"><span class="details">Read post</span><span class="right"><i class="fa-solid fa-chevron-right"></i></span></button>
            </div>
            <div class="Third">
                <span class="type">Daily</span>
                <span class="title">Practice</span>
                <span class="text">Generate daily exercises to improve your skills.</span>
                <button class="details-link"><span class="details">Generate exercise</span><span class="right"><i class="fa-solid fa-chevron-right"></i></span></button>
            </div>
        
    </div>
</body>

</html>