Fixes #248(Embed trailer in website) (#321)

Archies11 · ananya · commit 7dcb6ea9e9a7 · 2019-02-01T03:50:36.000+05:30
* Update index.html

* Update index.html

* Update index.html

* Update index.html

* Update index.html

* Update index.html

* Update index.html

* Update index.html

* Update index.html
diff --git a/index.html b/index.html
@@ -28,6 +28,13 @@
     <!-- Font for countdown -->
     <link href='https://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>
 
+    <style type="text/css">
+      .modal-content iframe{
+          margin: 0 auto;
+          display: block;
+      }
+  </style>
+  
   </head>
 
   <body>
@@ -54,6 +61,15 @@
             <li class="nav-item active">
               <a class="nav-link" href="#projects">Projects</a>
             </li>
+
+
+
+            <li class="nav-item active">
+              <a class="nav-link" data-toggle="modal" data-target="#myModal">Trailer</a>
+            </li>
+
+
+
             <li class="nav-item dark-mode">
                 <label class="switch">
                   <input type="checkbox">
@@ -154,6 +170,30 @@ <h2 class="my-4">Projects</h2>
         <!-- Feeding data from json -->
       </div>
 
+
+
+
+
+
+      <div id="myModal" class="modal fade" >
+        <div class="modal-dialog" >
+          <div class="modal-content" style="height:0px; position:relative; top:100px;">
+            <div class="modal-body" >
+              <iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fopencodeiiita%2Fvideos%2F2301796573173119%2F&show_text=0&width=560" 
+              width="560" height="315" style="position:relative; left: -70px; top: -70px;border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>
+            </div>
+            <!-- <div class="modal-footer" height="0px">
+              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+            </div> -->
+          </div>  
+        </div>
+      </div>
+
+
+
+
+
+
       <!-- Pagination -->
       <div class="d-flex justify-content-center">
         <nav aria-label="Page navigation example">
