<div class="custom-design-1"> <img src="https://images.unsplash.com/photo-1523580846011-d3a5bc25702b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1050&q=80&height=200" style=""> <div class="content-box pad-box-mini border border-trbl border-round" style=" margin-top: 0px; margin-bottom: 0px; "> <div class="grid-row"> <div class="col-xs-12 col-lg-6"> <div class="ic-image-text-combo"> <div class="ic-avatar"> <img src="https://k12.edutech.lk/images/panda-profile-placeholder.jpg" alt="Profile image" style="max-width: 46px;"> </div> <div class="ic-image-text-combo__text"> Teaching Faculty: Pro Mark Andruson </div> </div> </div> <div class="col-xs-12 col-lg-6"> <div class="ic-image-text-combo"> <div class="ic-avatar"> <img src="https://k12.edutech.lk/images/panda-profile-placeholder.jpg" alt="Profile image" style="max-width: 46px;"> </div> <div class="ic-image-text-combo__text"> Teaching Faculty: Pro Mark Andruson </div> </div> </div> </div> </div> <div class="item-group-container"> <div class="item-group-condensed" style="padding: 0px;"> <div class="ig-header"> <h2 class="ig-header-title element_toggler" aria-controls="cond_group_1" aria-expanded="true"> <i class="icon-mini-arrow-down"></i> Welcome to the sample course </h2> </div> <div class="ig-list" id="cond_group_1" style="display: block;"> <div class="ig-row "> <div class=""> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sed purus metus. Suspendisse ut est sagittis, lobortis justo vitae, dignissim nulla. Sed quis tellus gravida, porttitor dolor id, imperdiet tellus. Donec vel tincidunt purus. Duis eget euismod velit, a auctor elit. Aenean nunc ligula, bibendum sit amet nunc nec, pulvinar tristique nunc. Aliquam erat volutpat. Praesent felis mi, fermentum id semper id, lobortis ac ex. Vivamus suscipit urna dui, a convallis elit facilisis non. Donec diam lorem, accumsan ac laoreet egestas, eleifend eu metus. Vestibulum at lacus elementum, tempor dolor at, imperdiet ante. Vestibulum nec felis libero. Curabitur pretium arcu eros, eget posuere diam aliquet nec. Pellentesque vitae iaculis massa, eget congue augue. </div> </div> </div> </div> <div class="item-group-condensed" style="padding: 0px;"> <div class="ig-header"> <h2 class="ig-header-title element_toggler" aria-controls="cond_group_2" aria-expanded="false"> <i class="icon-mini-arrow-down"></i> Course Overview </h2> </div> <div class="ig-list" id="cond_group_2" style="display: block;"> <div class="ig-row "> <div class=""> <table class="ic-Table"> <thead> <tr> <th>Session Start</th> <th>Link</th> </tr> </thead> <tbody> <tr> <td>January</td> <td><a href="#">Session 1</a></td> </tr> <tr> <td>January</td> <td><a href="#">Session 2</a></td> </tr> <tr> <td>January</td> <td><a href="#">Session 3</a></td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </div>