diff --git a/public/css/layout.css b/public/css/layout.css
index 31d0c2b57..7b3081ce3 100644
--- a/public/css/layout.css
+++ b/public/css/layout.css
@@ -180,12 +180,14 @@ ul#nav li a:active { background-color: transparent !important; }
 ul#nav li.current a { color: #F06000; }
 
 .bgvideo {
+	z-index: -1;	
 	object-fit: cover;
  	 width: 100vw;
  	 height: 100vh;
  	 position: fixed;
  	 top: 0;
  	 left: 0;
+
 }
 /* ------------------------------------------------------------------ */
 /* c. About Section
diff --git a/public/index.html b/public/index.html
index ff4c8f0f5..6efbd2727 100644
--- a/public/index.html
+++ b/public/index.html
@@ -32,6 +32,7 @@
    <script src="js/jquery.fittext.js"></script>
    <script src="js/magnific-popup.js"></script>
    <script src="js/init.js"></script>
+   <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
 
   </body>
 </html>
diff --git a/src/Components/Contact.js b/src/Components/Contact.js
index 66ae0ed4a..f6b7529d0 100644
--- a/src/Components/Contact.js
+++ b/src/Components/Contact.js
@@ -88,26 +88,9 @@ class Contact extends Component {
 				   </div>
 
                <div className="widget widget_tweets">
-                  <h4 className="widget-title">Latest Tweets</h4>
-                  <ul id="twitter">
-                     <li>
-                        <span>
-                        This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet.
-                        Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum
-                        <a href="#">http://t.co/CGIrdxIlI3</a>
-                        </span>
-                        <b><a href="#">2 Days Ago</a></b>
-                     </li>
-                     <li>
-                        <span>
-                        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam,
-                        eaque ipsa quae ab illo inventore veritatis et quasi
-                        <a href="#">http://t.co/CGIrdxIlI3</a>
-                        </span>
-                        <b><a href="#">3 Days Ago</a></b>
-                     </li>
-                  </ul>
-		         </div>
+                
+                 <a class="twitter-timeline" data-dnt="true" data-theme="dark" data-tweet-limit="3" href="https://twitter.com/HarshitSK?ref_src=twsrc%5Etfw">Latest Tweets</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+	      </div>
             </aside>
       </div>
    </section>
diff --git a/src/Components/Header.js b/src/Components/Header.js
index 1270ea218..c4b0ffa91 100644
--- a/src/Components/Header.js
+++ b/src/Components/Header.js
@@ -20,9 +20,11 @@ class Header extends Component {
 
     return (
       <header id="home">
+
 	<video className='bgvideo' autoPlay loop muted preload>
     <source src={"https://www.youtube.com/embed/m8pbOI-3Rmk?autoplay=1&loop=1&autopause=0&muted=1&preload=1&origin=https://harshit.ga" } type='video/mp4' />
 </video>
+
       <nav id="nav-wrap">
 
          <a className="mobile-btn" href="#nav-wrap" title="Show navigation">Show navigation</a>