<header>
        <nav class="site-navbar">
            <ul>
                <li><a href="">Features</a></li>
                <li><a href="">How it works</a></li>
                <li><a href="">Prices</a></li>
                <li><a href="">Contact</a></li>
            </ul>
        </nav>
        <div class="user-buttons">
            <ul>
                <li class="log-in"><a href="">Log in</a></li>
                <li class="sign-up"><a href="" >Sign up</a></li>
            </ul>
        </div>
    </header>
    <section class="site-section banner">
    <div class="site-main-heading">
    <h1 class="site-title">Finbest is a clean, easy to use, finance app.</h1>
    <p class="site-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
    <div class="buttons">
        <a href=""><i class="fa-brands fa-apple"></i>Download for iOS</a>
        <a href=""><i class="fa-brands fa-android"></i>Download for Android</a>
    </div>
    </section>
    <section class="site-statistics">
        <div class="cards">
            <article class="card">
                <h1>200k</h1>
                <p class="stats">Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita consequuntur temporibus laudantium nemo cumque neque est eos impedit reiciendis soluta accusamus incidunt provident nulla libero culpa adipisci, quos vero aut!</p>
            </article>
            <article class="card">
                <h1>200k</h1>
                <p class="stats">Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita consequuntur temporibus laudantium nemo cumque neque est eos impedit reiciendis soluta accusamus incidunt provident nulla libero culpa adipisci, quos vero aut!</p>
            </article>
            <article class="card">
                <h1>200k</h1>
                <p class="stats">Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita consequuntur temporibus laudantium nemo cumque neque est eos impedit reiciendis soluta accusamus incidunt provident nulla libero culpa adipisci, quos vero aut!</p>
            </article>
        </div>
    </section>
    <section class="product-description">
        <div class="content">
        <div class="img">
            <img class="svg"src="images/group 1277.svg" alt="">
        </div>
        <div class="product-info">
            <h1>Everything you get with Finbest</h1>
            <h3>Lorem ipsum dolor sit amet, consectetur</h3>
            <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliquat enim ad minim veniam, quis nostrud</p>
            <h3>Lorem ipsum dolor sit amet, consectetur</h3>
            <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliquat enim ad minim veniam, quis nostrud</p>
            <p class="explore">Explore pricing plans -></p>
        </div>
    </div>
    </section>
    <section class="plans-info">
        <div class="pricing-plans">
            <div class="pricing-button">
                <a href="" class="pricing">Pricing plans</a>
            </div>
            <h1>No setup cost or hidden fees.</h1>
        </div>
    </section>
    <section class="plans">
        <section class="plan-cards">
            <div class="card">
                    <h2>Standard</h2>
                    <p>Sed ut perspiciatis unde</p>
                    <p class="subscription"><strong>Free</strong></p>
                    <ul>
                        <li>Sed do eiusmod tempor incididunt ut labore et dolore</li>
                        <li>Quis nostrud exercitation ulla</li>
                        <li>Duis aute irure dolor intuit</li>
                        <li>Voluptas sit aspernatur aut odit</li>
                        <li>Corporis suscipit laboriosam</li>
                    </ul>
                    <div class="get-link">
                        <a href="">Get Standard</a>
                    </div>
            </div>
            <div class="card">
                <h2>Plus</h2>
                <p>Sed ut perspiciatis unde</p>
                <p class="subscription"><strong>8$</strong>/month</p>
                <ul>
                    <li>Sed do eiusmod tempor incididunt ut labore et dolore</li>
                    <li>Quis nostrud exercitation ulla</li>
                    <li>Duis aute irure dolor intuit</li>
                    <li>Voluptas sit aspernatur aut odit</li>
                    <li>Corporis suscipit laboriosam</li>
                </ul>

                <div class="get-link">
                    <a href="">Get Plus</a>
                </div>
            </div>
            <div class="card">

            <h2>Premium</h2>
            <p>Sed ut perspiciatis unde</p>
            <p class="subscription"><strong>16$</strong>/month</p>
            <ul>
                <li>Sed do eiusmod tempor incididunt ut labore et dolore</li>
                <li>Quis nostrud exercitation ulla</li>
                <li>Duis aute irure dolor intuit</li>
                <li>Voluptas sit aspernatur aut odit</li>
                <li>Corporis suscipit laboriosam</li>
            </ul>
            <div class="get-link">
                <a href="">Get Premium</a>
            </div>
            </div>
            </div>
         <section class="additional-plan">
            <div class="additional">
                <h2>Expand</h2>
                <h2 class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit.</h2>
                <ul>
                    <li>Sed do eiusmod tempor incididunt ut</li>
                    <li>Sed do eiusmod tempor incididunt ut</li>
                    <li>Sed do eiusmod tempor incididunt ut</li>
                </ul>
                <div class="contact">
                    <a href="">Contact us</a>
                </div>
            </div>
        </section>
    </section>
         </section>

    <section class="get-started">
        <div class="site-main-heading">
        <h1 class="site-title">Get started with finbest now!</h1>
        <p class="site-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
        <div class="buttons">
            <a href=""><i class="fa-brands fa-apple"></i>Download for iOS</a>
            <a href=""><i class="fa-brands fa-android"></i>Download for Android</a>
        </div>
        </section>
        <section class="footer">
            <footer>
                <p class="copy">&copy;2024, All Rights Reserved</p>
                <p class="brands">
                        <i class="fa-brands fa-twitter"></i>
                        <i class="fa-brands fa-square-facebook"></i>
                        <i class="fa-brands fa-square-instagram"></i>
                </p>
            </footer>
        </section>
</div>