HTMLify

index.html
Views: 153 | Author: cody
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Accordion FAQ</title>
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <div class="faq-container">
    <details>
      <summary>
        <span class="faq-title">
          How long does the course take?
        </span>
        <svg xmlns="http://www.w3.org/2000/svg" class="expand-icon" width="24" height="24" viewBox="0 0 24 24"
          stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
          <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
          <path d="M9 6l6 6l-6 6"></path>
        </svg>
      </summary>
      <div class="faq-content">
        The video content takes more than 4.5 hours. In addition, you can test gained knowledge on 30 quizzes and
        practical tasks.
      </div>
    </details>
    <details>
      <summary>
        <span class="faq-title">
          Who teaches courses on Atheros Learning?
        </span>
        <svg xmlns="http://www.w3.org/2000/svg" class="expand-icon" width="24" height="24" viewBox="0 0 24 24"
          stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
          <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
          <path d="M9 6l6 6l-6 6"></path>
        </svg>
      </summary>
      <div class="faq-content">
        The authors of the courses are mostly Atheros team members, who worked on tens of digital solutions for big
        international companies, projects for small startups, and internal Atheros products. By solving the most
        sophisticated
        problems in the fields, they gained proper knowledge, which is now available for you. </div>
    </details>
    <details>
      <summary>
        <span class="faq-title">How is the course different from other UX/UI design courses?</span>
        <svg xmlns="http://www.w3.org/2000/svg" class="expand-icon" width="24" height="24" viewBox="0 0 24 24"
          stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
          <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
          <path d="M9 6l6 6l-6 6"></path>
        </svg>
      </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.
        </div>
    </details>
    <details>
      <summary>
        <span class="faq-title">Do I get a certificate after completing a course?</span>
        <svg xmlns="http://www.w3.org/2000/svg" class="expand-icon" width="24" height="24" viewBox="0 0 24 24"
          stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
          <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
          <path d="M9 6l6 6l-6 6"></path>
        </svg>
      </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>
        <svg xmlns="http://www.w3.org/2000/svg" class="expand-icon" width="24" height="24" viewBox="0 0 24 24"
          stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
          <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
          <path d="M9 6l6 6l-6 6"></path>
        </svg>
      </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