View file File name : thanks.html Content :<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Home page</title> <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=IBM+Plex+Serif:ital,wght@0,400;0,500;0,700;1,400;1,500&family=Readex+Pro:wght@300;400;500;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="style.css"> </head> <body class="preload"> <header class="header"> <div class="header__container container"> <figure class="header__logo"> <a href="#"> <img width="161" height="28" src="./assets/img/logo.svg" alt="img"> </a> </figure> </div> </header> <main> <section class="hero"> <div class="hero__container container"> <div class="hero__text"> <h1>Get New Patients with <em>Digital Ads</em><mark>.</mark></h1> <h5>Grow your practice across <strong>Google, Facebook,</strong> and more...</h5> <a href="#form" class="btn">Try us free for 30 days</a> </div> <figure class="hero__img"> <img width="568" height="432" src="./assets/img/hero.png" alt="img"> </figure> </div> </section> <section class="grid-with-cards"> <div class="grid-with-cards__cotainer container"> <div class="grid-with-cards__title"> <h4>How we can help you <br> <em>grow your dental practice</em><mark>.</mark> </h4> </div> <div class="grid-with-cards__wrapper"> <div class="grid-with-cards__card"> <figure class="grid-with-cards__icon"> <img width="40" height="36" class="lazy" data-src="./assets/img/cards/internet.svg" alt="img"> </figure> <div class="grid-with-cards__content"> <h6>Paid Search Ads</h6> <p>Increase high-intent traffic with ads across search engines.</p> </div> </div> <a href="" class="grid-with-cards__card"> <figure class="grid-with-cards__icon"> <img width="40" height="36" class="lazy" data-src="./assets/img/cards/businedd-office.svg" alt="img"> </figure> <div class="grid-with-cards__content"> <h6>SEO</h6> <p>Drive organic traffic and increase visibility across search engines.</p> </div> </a> <div class="grid-with-cards__card"> <figure class="grid-with-cards__icon"> <img width="40" height="36" class="lazy" data-src="./assets/img/cards/media.svg" alt="img"> </figure> <div class="grid-with-cards__content"> <h6>Social Media Ads</h6> <p>Advertise across social media networks such as Facebook and Instagram.</p> </div> </div> <div class="grid-with-cards__card"> <figure class="grid-with-cards__icon"> <img width="40" height="36" class="lazy" data-src="./assets/img/cards/media-play.svg" alt="img"> </figure> <div class="grid-with-cards__content"> <h6>Display & Re-Marketing</h6> <p>Reach past visitors or attract new visitors with video and display ads.</p> </div> </div> <div class="grid-with-cards__card"> <figure class="grid-with-cards__icon"> <img width="40" height="36" class="lazy" data-src="./assets/img/cards/devices.svg" alt="img"> </figure> <div class="grid-with-cards__content"> <h6>Websites & Landing Pages</h6> <p>High converting websites & landing pages to increase conversions.</p> </div> </div> <div class="grid-with-cards__card"> <figure class="grid-with-cards__icon"> <img width="40" height="36" class="lazy" data-src="./assets/img/cards/finance.svg" alt="img"> </figure> <div class="grid-with-cards__content"> <h6>Analytics & BI</h6> <p>Track visitors, calls, bookings, revenue, ROI, and more. Optimize for growth.</p> </div> </div> </div> </div> </section> <section class="cta"> <div class="cta__container container"> <div class="cta__text"> <div class="cta__line"> <img class="lazy" data-src="./assets/img/icons/line.svg" alt="img"> </div> <h4> Try us free for 30 days <br> <em>and find out for yourself.</em> </h4> <a href="#form" class="btn btn--white">Get started today</a> </div> </div> </section> <section class="text-and-img"> <div class="text-and-img__container container"> <figure class="text-and-img__img"> <img width="510" height="551" class="lazy" data-src="./assets/img/doctor.jpg" alt="img"> <figure class="text-and-img__icon"> <img class="lazy" data-src="./assets/img/icons/vector.svg" alt="img"> </figure> </figure> <div class="text-and-img__content"> <h3>MaxRank brings over 10 years of expertise to<em> your digital campaigns.</em></h3> <ul> <li><img width="30" height="30" class="lazy" data-src="./assets/img/icons/graph.svg" alt="IMG"> We assist practices with targeted campaigns that drive growth. </li> <li><img width="30" height="30" class="lazy" data-src="./assets/img/icons/racket.svg" alt="IMG"> As the rest of your industry catches up, you will stay ahead of the competition. </li> </ul> </div> </div> </section> <section class="reviews"> <div class="reviews__container container"> <div class="reviews__title"> <h4>What our clients<br> <em>say about us.</em> </h4> </div> <div class="reviews__wrapper"> <article class="review"> <div class="review__percents"> <div class="review__item-percent"> <img class="lazy" data-src="./assets/img/icons/arrow45.svg" alt="img"> 173% INCREASE IN PATIENTS </div> </div> <blockquote> <q> <img width="43" height="31" class="lazy" data-src="./assets/img/icons/backquotes.svg" alt="img"> Their services increased new patients by 173%. Highly recommended. </q> <cite>Kevin, CEO at Company</cite> </blockquote> </article> <article class="review"> <div class="review__percents"> <div class="review__item-percent"> <img class="lazy" data-src="./assets/img/icons/arrow45.svg" alt="img"> 12% INCREASE IN ROI </div> <div class="review__item-percent"> <img class="lazy" data-src="./assets/img/icons/arrow-45.svg" alt="img"> 44% CPA reduction </div> </div> <blockquote> <q> <img width="43" height="31" class="lazy" data-src="./assets/img/icons/backquotes.svg" alt="img"> They improved ROI and they helped reduce our CPA by 44%. </q> <cite>Tiffany, CEO at Company</cite> </blockquote> </article> </div> </div> </section> <section class="logos"> <div class="logos__container container"> <div class="logos__title"> <h4> Our Partners<mark><i>.</i></mark> </h4> </div> <div class="logos__wrapper"> <figure class="logos__logo"> <img width="162" height="41" class="lazy" data-src="./assets/img/logos/unbounce.png" alt="img"> </figure> <figure class="logos__logo"> <img width="132" height="78" class="lazy" data-src="./assets/img/logos/meta.png" alt="img"> </figure> <figure class="logos__logo"> <img width="98" height="74" class="lazy" data-src="./assets/img/logos/google.png" alt="img"> </figure> <figure class="logos__logo"> <img width="161" height="57" class="lazy" data-src="./assets/img/logos/microsoft.png" alt="img"> </figure> <figure class="logos__logo"> <img width="104" height="39" class="lazy" data-src="./assets/img/logos/callRail.png" alt="img"> </figure> </div> </div> </section> <section class="form" id="form"> <div class="form__container container"> <div class="form__content"> <span>START TODAY</span> <h2>Free for 30 days!</h2> <p> Get free management for 30 days and drive growth with our digital advertising services. <br><strong>Un-capped growth for dental practices!</strong> </p> <ul> <li>No Contracts or Setup Fees </li> <li> Transparent Pricing - Pay for Google, Facebook, and other ads directly </li> <li>Up To $600 Google Ads Credit</li> <li>Low Flat-Rate Monthly Fees</li> <li>No Limits on New Patients</li> </ul> <div class="form__line"> <img class="lazy" data-src="./assets/img/icons/line.svg" alt="img"> </div> </div> <div class="form__form"> <form action="#"> <div class="field"> <label for="name">Name*</label> <input type="text" id="name"> </div> <div class="field"> <label for="tel">Phone*</label> <input type="tel" id="tel"> </div> <div class="field"> <label for="email">Email*</label> <input type="email" id="email"> </div> <div class="field"> <label for="business">Business Name</label> <input type="text" id="business"> </div> <button class="btn">Submit</button> <span>Promotions available for a limited time.</span> </form> </div> </div> </section> </main> <footer class="footer"> <div class="footer__container container"> <div class="footer__copyright"> <figure class="footer__logo"> <a href="#"> <img width="122" height="22" class="lazy" data-src="./assets/img/logo.svg" alt="img"> </a> </figure> <p>2022 © Max Rank Inc. All rights reserved. <a href="#">Privacy Policy</a></p> </div> </div> </footer> <div class="thanks"> <div class="thanks__container container"> <div class="thanks__wrapper"> <figure class="thanks__img"> <img src="./assets/img/thanks.jpg" alt="img"> </figure> <div class="thanks__text"> <h2>Thank you for your submission!</h2> <p>We will be in touch shortly.</p> </div> </div> </div> </div> <script src="js/main.js"></script> </body> </html>