{% extends 'base.html' %}
{% block content %}
<div class="container-fluid">
<h1 class="mt-4">자격증</h1>
<p></p>
<hr>
  <!-- 탭 헤더 -->
  <ul class="nav nav-tabs" id="myTab" role="tablist">
  
    <li class="nav-item" role="presentation">
      <a class="nav-link {% if active_tab == 'home' %}active{% endif %}" id="home-tab" data-bs-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="{% if active_tab == 'home' %}true{% else %}false{% endif %}">디지털포렌식전문가2급</a>
    </li>
	
    <li class="nav-item" role="presentation">
      <a class="nav-link {% if active_tab == 'menu1' %}active{% endif %}" id="menu1-tab" data-bs-toggle="tab" href="#menu1" role="tab" aria-controls="menu1" aria-selected="{% if active_tab == 'menu1' %}true{% else %}false{% endif %}">CHFI</a>
    </li>
	
    <li class="nav-item" role="presentation">
      <a class="nav-link {% if active_tab == 'menu2' %}active{% endif %}" id="menu2-tab" data-bs-toggle="tab" href="#menu2" role="tab" aria-controls="menu2" aria-selected="{% if active_tab == 'menu2' %}true{% else %}false{% endif %}">ENCE</a>
    </li>	
	
    <li class="nav-item" role="presentation">
      <a class="nav-link {% if active_tab == 'menu3' %}active{% endif %}" id="menu3-tab" data-bs-toggle="tab" href="#menu3" role="tab" aria-controls="menu3" aria-selected="{% if active_tab == 'menu3' %}true{% else %}false{% endif %}">ACE</a>
    </li>		
	
	
	
  </ul>
<!-- 탭 콘텐츠 -->
  <div class="tab-content" id="myTabContent">
  
    <div class="tab-pane fade {% if active_tab == 'home' %}show active{% endif %}" id="home" role="tabpanel" aria-labelledby="home-tab">
      <p>디지털포렌식전문가2급</p>
	    <table class="table table-hover">
    <thead>
      <tr>
        <th>번호</th>
        <th>구분</th>
        <th>문제</th>
        <th>보기</th>		
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>0</td>
        <td>운영체제</td>
        <td>운영체제란?</td>
        <td>보기</td>		
      </tr>
      <tr>
        <td>0</td>
        <td>운영체제</td>
        <td>운영체제란?</td>
        <td>보기</td>		
      </tr>
      <tr>
        <td>0</td>
        <td>운영체제</td>
        <td>운영체제란?</td>
        <td>보기</td>		
      </tr>
    </tbody>
  </table>
    </div>
	
	
    <div class="tab-pane fade {% if active_tab == 'menu1' %}show active{% endif %}" id="menu1" role="tabpanel" aria-labelledby="menu1-tab">
      <p>CHFI</p>
  </div>
  
    <div class="tab-pane fade {% if active_tab == 'menu2' %}show active{% endif %}" id="menu2" role="tabpanel" aria-labelledby="menu2-tab">
      <p>ENCE</p>
  </div> 
  
    <div class="tab-pane fade {% if active_tab == 'menu3' %}show active{% endif %}" id="menu3" role="tabpanel" aria-labelledby="menu3-tab">
      <p>ACE</p>
  </div>   
  
  
  

</div>
{% endblock %}
