From 841289742d6c89b8a2eb30cea721f46b2389b862 Mon Sep 17 00:00:00 2001
From: CruiseDevice
Date: Wed, 24 Oct 2018 16:55:02 +0530
Subject: Sbhs templates

---
 sbhs/templates/pages/info.html | 28 +++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

(limited to 'sbhs/templates/pages/info.html')

diff --git a/sbhs/templates/pages/info.html b/sbhs/templates/pages/info.html
index 0d68339..0dffbbd 100644
--- a/sbhs/templates/pages/info.html
+++ b/sbhs/templates/pages/info.html
@@ -14,7 +14,7 @@
         </div>
     </div>
     <div class="row">
-        <div class="span8">
+        <div class="span8" id="info">
             <p style="text-align:justify">
                 Welcome to SBHS Virtual Labs. Here you can remotely access the Single Board Heater Systems (SBHS) hosted at IIT Bombay, and perform various experiments using it.
                 <br><br>
@@ -31,6 +31,32 @@
                     <li>Launch Scilab, load the appropriate code and start experimenting remotely!</li>
                 </ol>
         </div>
+        <div class="span12" id="theory">
+            <h2>Theory</h2>             
+            <br>
+        <br>
+        <iframe src="{% static 'data/theory.pdf' %}" width="100%" height="900px" ></iframe>
+            <br>
+        </div>
+        <div class="span12" id="procedure">
+            <h2>Procedure</h2>            
+                <h4>
+                    <strong>See the spoken tutorial on how to use SBHS virtual labs</strong>
+                </h4>
+                    <center>
+                        <div class="embed-responsive embed-responsive-16by9">
+                                <iframe width="500" height="300" src="https://www.youtube.com/embed/Ax7lYwQctog" frameborder="0" allowfullscreen></iframe>
+                        </div>                            
+                    </center><br>
+                        <h4>
+                            <strong>For more information please read the pdf</strong>
+                        </h4>
+                    <center>
+                        <div class="embed-responsive embed-responsive-16by9">
+                            <iframe src="{% static 'data/procedure.pdf' %}" width="100%" height="900px"></iframe><br>
+                        </div>
+                    </center> 
+        </div>
     </div>
 </div>
 {% endblock %}
-- 
cgit