<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device --> <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png"> <link rel="stylesheet" href="./css/style.css"> <title>Frontend Mentor | Single Price Grid Component</title> </head> <body> <main class="container"> <div class="topRow box"> <div class="heading"> Join our community </div> <div class="quickSell"> 30-day, hassle-free money back guarantee </div> <div class="sellBlurb"> Gain access to our full library of tutorials along with expert code reviews. Perfect for any developers who are serious about honing their skills. </div> </div> <div class="bottomRow"> <div class="pricingBox box"> <div class="heading"> Monthly Subscription </div> <div class="priceRow"> <div class="price">$29</div> <span class="pricePeriod">per month</span> </div> <div class="sell"> Full access for less than $1 a day </div> <a title="Sign Up Button" href="#" class="signupButton">Sign Up</a> </div> <div class="whyUsBox box"> <div class="heading"> Why Us </div> <div class="blurb"> <ul class="unstyledList"> <li>Tutorials by industry experts</li> <li>Peer & expert code review</li> <li>Coding exercises</li> <li>Access to our GitHub repos</li> <li>Community forum</li> <li>Flashcard decks</li> <li>New videos every week</li> </ul> </div> </div> </div> </main> <!-- <footer> <p class="attribution"> Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. Coded by <a href="emailto:rob@tarasis.net">Robert McGovern</a>. </p> </footer> --> </body> </html>