Added Documents & Help Modal

dashboard.html

@@ -28,7 +28,7 @@
         <a href="#" id="learn">Learn<i class="fa fa-laptop fa-lg"></i></a>
         <a href="#" id="leaderboard">Leaderboard<i class="fa fa-bar-chart fa-lg"></i></a>
         <a href="#" id="ctf">Capture the Flag<i class="fa fa-flag fa-lg"></i></a>
-        <a href="#" id="docs">Documentation & help &nbsp;&nbsp;&nbsp;<i class="fa fa-info fa-lg"></i></a><br>
+        <a href="#" id="docs"  data-toggle="modal" data-target="#doc-modal">Documentation & help &nbsp;&nbsp;&nbsp;<i class="fa fa-info fa-lg"></i></a><br>
         <a href="#" id="logout" data-toggle="modal" data-target="#logout-modal">Logout<i style="color:#d9534f !important;" class="fa fa-power-off fa-lg"></i></a>
     </div>
     <div class="dashboard">
@@ -38,7 +38,7 @@
       </div><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
       <div class="level-label" style="position:relative; left:10%">
         <h2 style="position:absolute; left:35%;">Level <span class="label label-primary">Padawan</span></h2><br><br><br><br>
-        <div class="progress" style="position:absolute; width:80%; left:40">
+        <div class="progress" style="position:absolute; width:80%; ">
           <div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width:70% ">
             70%
           </div>
@@ -112,7 +112,6 @@
         <div class="modal-content">
           <div class="modal-header">
             <button type="button" class="close" data-dismiss="modal">&times;</button>
-            <h4 class="modal-title">Modal Header</h4>
           </div>
           <div class="modal-body">
             <p>Are you sure you want to logout?</p>
@@ -125,6 +124,24 @@
       </div>
     </div>
 
+    <div id="doc-modal" class="modal fade" role="dialog">
+        <div class="modal-dialog modal-lg">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal">&times;</button>
+                    <h4 class="modal-title" style="text-align: center">Documentation & Help</h4>
+                </div>
+                <div class="modal-body">
+                    Visit our gitlab page for documentation and any other help required!<br><br>
+                    <div class="gitbutton text-center">
+                        <a href="https://git.amrita.edu/hodorsec/" class="btn btn-info" role="button" style="align-self: center">Go to Gitlab</a>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
 </div>
 </body>
 </html>