<!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="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@700&family=Lexend+Deca&display=swap" rel="stylesheet"> <link rel="stylesheet" href="./css/style.css"> <title>Frontend Mentor | 3-column preview card component</title> </head> <body> <main class="container"> <article class="card sedan-color"> <img class="card__image" src="./images/icon-sedans.svg" alt="stylized image of a sedan car"> <h2 class="card__title">Sedans</h2> <p class="card__body"> Choose a sedan for its affordability and excellent fuel economy. Ideal for cruising in the city or on your next road trip. </p> <a href="#" class="card-learn-more__button">Learn More</a> </article> <article class="card suv-color"> <img class="card__image" src="./images/icon-suvs.svg" alt="stylized image of an SUV"> <h2 class="card__title">SUVs</h2> <p class="card__body"> Take an SUV for its spacious interior, power, and versatility. Perfect for your next family vacation and off-road adventures. </p> <a href="#" class="card-learn-more__button">Learn More</a> </article> <article class="card luxury-color"> <img class="card__image" src="./images/icon-luxury.svg" alt="stylized image of a luxury car"> <h2 class="card__title">Luxury</h2> <p class="card__body"> Cruise in the best car brands without the bloated prices. Enjoy the enhanced comfort of a luxury rental and arrive in style. </p> <a href="#" class="card-learn-more__button">Learn More</a> </article> </main> <footer class="attribution"> Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. Coded by <a href="https://tarasis.net">Robert McGovern</a>. </footer> </body> </html>