Committing the modification in the "Research Gap" sub-section in index.html.

index.html

@@ -300,6 +300,7 @@
 
                         <h2>Research Gap</h2>
 
+                        <div class="table-responsive">
                             <!--research gap table-->
                             <table class="table table-striped">
                                 <thead>
@@ -313,6 +314,7 @@
                                 </tr>
                                 </thead>
                                 <tbody>
+                                <tr>
                                 <tr>
                                     <td>Attendance Register</td>
                                     <td>
@@ -389,17 +391,24 @@
                                 </tbody>
                             </table>
                         </div>
+
+                    </div>
                     <div role="tabpanel" class="tab-pane fade" id="rp">
 
                         <h2>Research Problem</h2>
 
-                        <ul class="list-group">
-                            <li class="mx-4">
+                        <!--research problem card-->
+                        <div class="card bg-white shadow-lg align-items-stretch">
+
+                            <p class="text-center font-italic font-weight-bold card-text p-3" style="font-size: 25px">
                                 “What are the main problems faced by university students and lecturers in the classroom
                                 environment and how to address those issues with the aid of technologies in the domain
                                 of Artificial Intelligence, Machine Learning & Computer Vision?”
-                            </li>
-                        </ul>
+                            </p>
+                        </div>
+                        <!--end of research problem card-->
+
+
                     </div>
                     <div role="tabpanel" class="tab-pane fade" id="ro">
                         <h2>Research Objectives</h2>
@@ -1236,7 +1245,6 @@
             <!-- end of documents row-->
 
 
-
         </div>
     </section><!-- End Services Section -->