Learning/faq.html at master · krishseeni/Learning · 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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
---
title: FAQs
layout: page
---

<section class="pt-0">
  <div class="container">

    <div class="row">

      <div class="col-lg-10 col-md-12 col-sm-12">

        <div class="property_block_wrap_header">
          <ul id="myTab" class="nav nav-tabs customize-tab tabs_creative"
            role="tablist">

            {% for tab in site.data.faqs.tabs %}
              <li class="nav-item">
                <a class="nav-link{% if forloop.index == 1 %} active{% endif %}"
                  id="{{ tab }}-tab" data-toggle="tab" href="#{{ tab }}"
                  role="tab" aria-controls="{{ tab }}" aria-selected="{% if
                  forloop.index == 1 %}true{% else %}false{% endif %}">{{ tab }}</a>
              </li>
            {% endfor %}

          </ul>
        </div>

        <div id="myTabContent" class="tab-content tabs_content_creative">

          {% assign index = 0 %}
          {% for faqs in site.data.faqs reversed %}
            {% for faq in faqs %}
              {% if faq.tab != nil %}
                {% assign index = index | plus: 1 %}
                <div class="tab-pane fade{% if index == 1 %} show active{%
                  endif %}" id="{{ faq.tab }}" role="tabpanel" aria-labelledby="{{
                  faq.tab }}-tab">

                  <div class="accordion" id="{{faq.tab}}ac">

                    {% for question in faq.questions %}
                      <div class="card">
                        <div class="card-header" id="heading{{ index }}">
                          <h2 class="mb-0">
                            <button class="btn btn-link" type="button"
                              data-toggle="collapse" data-target="#collapse{{ index }}"
                              aria-controls="collapse{{ index }}">{{ question.question }}</button>
                          </h2>
                        </div>

                        <div id="collapse{{ index }}" class="collapse {% if index == 1 %}show{% endif %}"
                              aria-labelledby="heading{{ index }}" data-parent="{{ faq.tab }}ac">
                          <div class="card-body">
                            <p class="ac-para">{{ question.answer }}</p>
                          </div>
                        </div>
                      </div>
                      {% assign index = index | plus: 1 %}
                    {% endfor %}

                  </div>

                </div>
              {% endif %}
            {% endfor %}
          {% endfor %}

        </div>

      </div>

    </div>

  </div>
</section>