HTMLify

index.html
Views: 120 | Author: cody
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Accordion 01</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <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=Poppins&display=swap"
            rel="stylesheet"
            type='text/css'
        >
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
      <div class="faq-container">
        <details>
          <summary>
            <span class="faq-title">
              How long does the course take?
            </span>
            <img src="assets/plus.svg" class="expand-icon" alt="Plus">
          </summary>        
          <div class="faq-content">
            The video content takes more than 4.5 hours. ...
          </div>
        </details>
        <details>
          <summary>
            <span class="faq-title">
              Who teaches courses on Atheros Learning?
            </span>
            <img src="assets/plus.svg" class="expand-icon" alt="Plus">
          </summary>        
          <div class="faq-content">
            The authors of the courses are mostly ...
          </div>
        </details>
        <details>
          <summary>
            <span class="faq-title">How is the course different from other UX/UI design courses?</span>
            <img src="assets/plus.svg" class="expand-icon" alt="Plus">
          </summary>        
          <div class="faq-content">The key aspect is that this course provides a clear overview of the whole design process and principles, that represent necessary information for being successful within the industry. You will also get direct support from the author of this course, who is ready to answer all your questions and care about your next steps. Last but not least is the fact, that it's not only about video content, but you will also get access to the unique database of design resources and special offers from the partners of the course.</div>
        </details>
        <details>
          <summary>
            <span class="faq-title">Do I get a certificate after completing a course?</span>
            <img src="assets/plus.svg" class="expand-icon" alt="Plus">
          </summary>        
          <div class="faq-content">Yes, after successfully finishing the quizzes within the course, you can download a certificate, proving all gained knowledge and skills.</div>
        </details>
        <details>
          <summary>
            <span class="faq-title">Are there any hidden fees within the course?</span>
            <img src="assets/plus.svg" class="expand-icon" alt="Plus">
          </summary>        
          <div class="faq-content"> Absolutely not! You will gain all benefits and features with the one-time payment, unlocking the course.</div>
        </details>
      </div>
      <script src="script.js"></script>
    </body>
</html>

<!-- < -->

Comments