Days/Day22/index.html

<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
</head>

<body>
    <div class="container">

        <!-- ////////////////// -->
        <!-- TITLE MAIN ROW -->
        <!-- ////////////////// -->
        <div class="title">
            Website - Sponsorship
        </div>
        <div class="title-description">
            In the event that we do not have a full 30-days, we extrapolate based on data we have.
        </div>

        <!-- ////////////////// -->
        <!-- MAIN MENU CARDS -->
        <!-- ////////////////// -->
        <div class="main-menu">

            <!-- ////////////////// -->
            <!-- CARD 1 -->
            <!-- ////////////////// -->
            <div class="main-menu-card">
                <div class="card-title">Sidebar block</div>
                <div class="card-price">&dollar;250<span style="font-size: 12px;">/mo</span></div>
                <button class="card-button">add to cart</button>
                <ul class="card-list">
                    <li>439,000 Est.Impresion</li>
                    <li>180 x 150</li>
                    <li>Middle Right</li>
                </ul>
            </div>

            <!-- ////////////////// -->
            <!-- CARD 2 -->
            <!-- ////////////////// -->
            <div class="main-menu-card">
                <div class="card-title">Sidebar block</div>
                <div class="card-price">&dollar;400<span style="font-size: 12px;">/mo</span></div>
                <button class="card-button">add to cart</button>
                <ul class="card-list">
                    <li>439,000 Est.Impresion</li>
                    <li>300 x 250</li>
                    <li>Middle Right</li>
                </ul>
            </div>

            <!-- ////////////////// -->
            <!-- CARD 3 -->
            <!-- ////////////////// -->
            <div class="main-menu-card out">
                <div class="sold-out">Sold Out</div>
                <div class="card-title">Premium Sidebar</div>
                <div class="card-price">&dollar;2,600<span style="font-size: 12px;">/mo</span></div>
                <button class="card-button on">get on the waiting list</button>
                <ul class="card-list">
                    <li>2,000,000 Est.Impresion</li>
                    <li>300 x 250</li>
                    <li>Top Right</li>
                </ul>
            </div>


        </div>
    </div>
</body>

</html>