faq-accordion-component/index.html at main · sauravxcode/faq-accordion-component · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html>
<head>
    <!-- Metadata -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Title of the page -->
    <title>FAQ's with HTML and CSS | Saurav Chaturvedi </title>

    <!-- External CSS file for styling -->
    <link rel="stylesheet" href="assets/css/styles.css">

    <!-- External library for icons -->
    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
</head>
<body>
    <div class="container-box">
        <p class="checkout">Check Out Some</p>
        <h1>Frequently Asked Questions</h1>
        <p class="connectinfo">Providing quick solutions and information to users.</p>

        <button class="accordion">What is HTML? <i class='bx bx-chevron-down'></i></button>
        <div class="panel">
            <p>HTML stands for Hyper Text Markup Language. It is the standard markup language for creating web pages.</p>
        </div>

        <button class="accordion">What are the basic components of HTML? <i class='bx bx-chevron-down'></i></button>
        <div class="panel">
            <p>The basic components of HTML are tags, attributes, and text content.</p>
        </div>

        <button class="accordion">What are some commonly used HTML tags? <i class='bx bx-chevron-down'></i></button>
        <div class="panel">
            <p>Some commonly used HTML tags include &lt;div&gt;, &lt;p&gt;, &lt;h1&gt; to &lt;h6&gt;, &lt;a&gt;, &lt;img&gt;, &lt;ul&gt;, &lt;li&gt;, etc.</p>
        </div>

        <button class="accordion">How can I create a hyperlink in HTML? <i class='bx bx-chevron-down'></i></button>
        <div class="panel">
            <p>To create a hyperlink in HTML, you can use the &lt;a&gt; tag with the href attribute. For example: <br> <br> <code> &lt;a href="https://www.example.com"&gt;Link Text&lt;/a&gt;. </code></p>
        </div>
    </div>
    <script src="assets/js/script.js"></script>
</body>
</html>