<!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"> <title>Frontend Mentor | FAQ Accordion Card</title> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/style.css"> <!-- Feel free to remove these styles or customise in your own stylesheet 👍 --> <!-- <style> .attribution { font-size: 11px; text-align: center; } .attribution a { color: hsl(228, 45%, 44%); } </style> --> </head> <body> <!-- main was originally a div --> <main class="card"> <header class="card__header"> <div class="card__header_image"> <img class="box desktop" src="./images/illustration-box-desktop.svg" alt=""> <img class="woman mobile" src="./images/illustration-woman-online-mobile.svg" alt=""> </div> </header> <article> <div class="faq"> <h1 class="card__title">FAQ</h1> <details> <summary>How many team members can I invite?</summary> <div class="faq__content"> You can invite up to 2 additional users on the Free plan. There is no limit on team members for the Premium plan. </div> </details> <details> <summary>What is the maximum file upload size?</summary> <div class="faq__content"> No more than 2GB. All files in your account must fit your allotted storage space. </div> </details> <details> <summary>How do I reset my password?</summary> <div class="faq__content"> Click “Forgot password” from the login page or “Change password” from your profile page. A reset link will be emailed to you. </div> </details> <details> <summary>Can I cancel my subscription?</summary> <div class="faq__content"> Yes! Send us a message and we’ll process your request no questions asked. </div> </details> <details> <summary> Do you provide additional support?</summary> <div class="faq__content"> Chat and email support is available 24/7. Phone lines are open during normal business hours. </div> </details> </div> </article> </main> <!-- <div 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>. </div> --> </body> </html>