rmcg.dev/projects/FrontendMentor/newbie/faq-accordion-card/index.html

90 lines
3.1 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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> -->
<div class="card">
<!-- <header class="card__header"> -->
<div class="card__header_thing">
<div class="card__header_image desktop">
<img class="woman" src="./images/illustration-woman-online-desktop.svg" alt="">
<img class="box" src="./images/bg-pattern-desktop.svg" alt="">
<img class="background" src="./images/illustration-box-desktop.svg" alt="">
</div>
<div class="card__header_image mobile">
<img class="woman" src="./images/illustration-woman-online-mobile.svg" alt="">
<img class="background" src="./images/bg-pattern-mobile.svg" alt="">
</div>
<!-- <div class="card__header_image_shadow"></div> -->
</div>
<!-- </header> -->
<article>
<div class="faq">
<h1 class="card__header">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 well 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>
</div>
<!-- </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>