<link href="./templates/topic_list/topic_list.css" rel="stylesheet" />
<div id="topic_list_wrapper" class="topic_list_wrapper">
    <div class="topic_list_container">
        <h2 class="pagetitle">Topic Map:</h2>
        <div class="topic_list_body">
            <div class="totalBatch"> <img src="./templates/topic_list/batchIcon.png" class="img-fluid" alt="" /> <span class="batchCount">0</span></div>
            <p class="instTxt">Select the highlighted topic to begin.</p>
            <ul class="topic_list" class="mTile-list">
                <li id="topic_1" class="mTile mTile-1 active d-hide">
                  <div class="outer">
                       
                    </div>
                        <div class="tick"></div>
                    <div class="clickBox">
                        <h5 class="topic_name"><span class="topicNum">1</span>The Limitation of Liability Room </h5>  
                    </div> 
                    
                </li>
                <li id="topic_2" class="mTile mTile-2 active">
                    <div class="tick"></div>
                    <div class="clickBox">
                        <h5 class="topic_name"><span class="topicNum">1</span> The Limitation of Liability Room  </h5>
                    </div>
                </li>
                <li id="topic_3" class="mTile mTile-3 not_attempted">
                    <div class="tick"></div>
                    <div class="clickBox">
                        <h5 class="topic_name"><span class="topicNum">2</span> The Indemnification Room  </h5>
                    </div>
                </li>
                <li id="topic_4" class="mTile mTile-4 not_attempted">
                    <div class="tick"></div>
                    <div class="clickBox">
                      <h5 class="topic_name"><span class="topicNum">3</span> The Timekeeping and Payroll Room </h5>
                    </div>
                </li>
                <li id="topic_5" class="mTile mTile-5 not_attempted">
                    <div class="tick"></div>
                    <div class="clickBox">
                      <h5 class="topic_name"><span class="topicNum">4</span> The Compliance Room</h5>
                    </div>
                </li>
                <li id="topic_6" class="mTile mTile-6 not_attempted">
                    <div class="tick"></div>
                    <div class="clickBox">
                      <h5 class="topic_name"><span class="topicNum">5</span> The Insurance Room</h5>
                    </div>
                </li>
                <li id="topic_7" class="mTile mTile-7 not_attempted">
                    <div class="tick"></div>
                    <div class="clickBox">
                      <h5 class="topic_name"><span class="topicNum">6</span> The Safety Room </h5>
                    </div>
                </li>
                <li id="topic_8" class="mTile mTile-8 not_attempted">
                    <div class="tick"></div>
                    <div class="clickBox">
                      <h5 class="topic_name"><span class="topicNum">7</span> The Credit Room</h5>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<script src="./templates/topic_list/topic_list.js"></script>