single-price-grid-component-wide/index.html

<!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">
  <!--  CUSTOM CSS  -->
  <link rel="stylesheet" href="/single-price-grid-component-wide/style.css">
  <title>Single Price Grid Component</title>

</head>

<body>
  <div class="container">
    <section class="main">

      <div class="main-header inner-container">
        <h2 class="header-title">Join our community</h2>
        <h3 class="header-subtitle">30-day, hassle-free money back guarantee</h3>
        <p class="header-content">
          Gain access to our full library of tutorials along with expert code reviews.
          <span>Perfect for any developers who are serious about honing their skills.</span>
        </p>
      </div>

      <div class="main-first-box inner-container">
        <h2 class="first-box-title">Monthly Subscription</h2>
        <p class="first-box-price">&dollar;29 <span>per month</span></p>
        <p class="first-box-content">Full access for less than &dollar;1 a day</p>
        <button class="btn sign-up">Sign Up</button>
      </div> <!-- first box-->

      <div class="main-second-box inner-container">
        <h3 class="second-box-title">Why Us</h3>
        <ul class="second-box-items">
          <li>Tutorials by industry experts</li>
          <li>Peer &amp; 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> <!-- second box-->

    </section> <!-- main-->

    <!-- <footer class="footer">
      Challenge by
      <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. Coded by <a
        href="https://github.com/vimode/frontend-mentor-challenges">vimode</a>
    </footer> -->
  </div><!-- container-->
</body>

</html>