FrontendMentor07—stats-preview-card-component/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">
    <title>Frontend Mentor | Stats preview card component</title>
    <link rel="stylesheet" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Lexend+Deca&display=swap"
          rel="stylesheet">
</head>
<body class="grid-flow">
<main class="flex-group">
    <picture class="promotion-image-wrapper">
        <source media="(max-width: 599px)" srcset="images/image-header-mobile.jpg">
        <source media="(min-width: 600px)" srcset="images/image-header-desktop.jpg">
        <img src="images/image-header-desktop.jpg" alt="">
    </picture>
    <div class="promotion-text-wrapper grid-flow">
        <div class="promotion-text-container grid-flow">
            <div class="paragraph-wrapper grid-flow">
                <h1>
                    Get <span>insights</span> that help your business grow.
                </h1>
                <p>
                    Discover the benefits of data analytics and make better decisions regarding revenue, customer
                    experience, and overall efficiency.
                </p>
            </div>
            <ul class="stats-wrapper flex-group">
                <li>
                    <span>10k+</span>companies
                </li>
                <li>
                    <span>314</span>templates
                </li>
                <li>
                    <span>12m+</span>queries
                </li>
            </ul>
        </div>
    </div>
</main>
</body>
</html>