Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <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">©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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement