<!-- <link href="./templates/topic_list_5/topic_list_5.css" rel="stylesheet" /> -->
<div id="topic_list_wrapper" class="topic_list_wrapper">
    <div class="topic_list_container">
        <h2 class="pagetitle subPageTitle">Topic Map:</h2>
        <div class="topic_list_body">
            <p class="instTxt">Click each icon to learn more.</p>
            <ul class="topic_list topic_list_p5" class="mTile-list">
                <li id="topic_1" class="mTile mTile-1 active d-hide">
                    <div class="clickBox">
                        <div class="tick"></div>
                        <h5 class="topic_name">page level click 1</h5>  
                    </div> 
                </li>
                <li id="topic_2" num="1" class="mTile mTile-2 active">
                    <div class="clickBox">
                        <div class="tick"></div>
                        <h5 class="topic_name">page level click 1</h5>
                    </div>
                    <div class="rippleEffect"></div>
                </li>
                <li id="topic_3" num="2" class="mTile mTile-2 active">
                    <div class="clickBox">
                        <div class="tick"></div>
                        <h5 class="topic_name">page level click 2</h5>
                    </div>
                    <div class="rippleEffect"></div>
                </li>
                <li id="topic_4" num="3" class="mTile mTile-2 active">
                    <div class="clickBox">
                      <div class="tick"></div>
                      <h5 class="topic_name">page level click 3</h5>
                    </div>
                    <div class="rippleEffect"></div>
                </li>
                 <li id="topic_5" num="4" class="mTile mTile-2 active">
                    <div class="clickBox">
                        <div class="tick"></div>
                        <h5 class="topic_name">page level click 4</h5>
                    </div>
                    <div class="rippleEffect"></div>
                </li>
                <li id="topic_6" num="5" class="mTile mTile-2 active">
                    <div class="clickBox">
                      <div class="tick"></div>
                      <h5 class="topic_name">page level click 5</h5>
                    </div>
                    <div class="rippleEffect"></div>
                </li>
                <li id="topic_7" num="6" class="mTile mTile-2 not_attempted">
                    <div class="clickBox">
                      <div class="tick"></div>
                      <h5 class="topic_name">page level click 6</h5>
                    </div>
                    <div class="rippleEffect"></div>
                </li>
            </ul>
        </div>
    </div>
</div>
<script src="./templates/topic_list_5/topic_list_5.js"></script>
