diff --git a/public/css/blocks.css b/public/css/blocks.css
index d9d2426..b199edc 100644
--- a/public/css/blocks.css
+++ b/public/css/blocks.css
@@ -60,6 +60,7 @@
   .nice-select:after {
     border-bottom: 2px solid #ccc;
     border-right: 2px solid #ccc;
+    
     content: '';
     display: block;
     height: 10px;
diff --git a/public/img/pyweek-banner.jpg b/public/img/pyweek-banner.jpg
new file mode 100644
index 0000000..cc211b9
Binary files /dev/null and b/public/img/pyweek-banner.jpg differ
diff --git a/public/img/pyweek-poster.png b/public/img/pyweek-poster.png
new file mode 100644
index 0000000..873a6f2
Binary files /dev/null and b/public/img/pyweek-poster.png differ
diff --git a/public/index.css b/public/index.css
new file mode 100644
index 0000000..55607a8
--- /dev/null
+++ b/public/index.css
@@ -0,0 +1,37 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+div.video{
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+
+}
+
+div.video img{
+    margin-top: 40px;
+    height: 30em;
+    width: 100%;
+
+    @media (max-width: 500px) {
+        margin-top: 80px;
+        
+    }
+    
+}
+div.video a {
+    text-decoration: none;
+    color: #fff;
+    background-color: #000;
+    padding: 10px 20px;
+    border-radius: 5px;
+    font-size: 1.2rem;
+    cursor: pointer;
+    text-align: center;
+    margin: 10px auto;
+}
diff --git a/public/index.html b/public/index.html
index 3516498..a6e4797 100644
--- a/public/index.html
+++ b/public/index.html
@@ -37,6 +37,7 @@
   <link rel="stylesheet" type="text/css" href="css/blocks.css">
   <link rel="stylesheet" type="text/css" href="css/widgets.css">
   <link rel="stylesheet" href="css/navbar.css">
+  <link rel="stylesheet" href="index.css">
 
   <!--External fonts-->
 
@@ -128,11 +129,24 @@
     })
   </script>
 	<div class="video">
-    <video id="video" autoplay loop muted>
+    <!-- <video id="video" autoplay loop muted>
       <source src="./img/Cadism teaser.mp4" style="width: 500px;" type="video/mp4" />
-    </video>
+    </video> -->
+    <img id="banner" class="bannerImg" src="./img/pyweek-banner.jpg" alt="">
+    <a href="https://forms.gle/4rBVfsabBsvB6zWu7" target="_blank">Register Here for PyWeek</a>
   </div>
 
+  <script>
+    let banner = document.getElementById("banner");
+    window.addEventListener('resize', ()=>{
+      if(window.innerWidth < 500){
+        banner.src = "./img/pyweek-poster.png";
+      }else{  
+        banner.src = "./img/pyweek-banner.jpg";
+      }
+    })
+  </script>
+
 
   <!-- <video class="vid" id="vid" width="100%" height="100%" poster="./img/thumbnail.png" autoplay muted loop>
     <source src="./img//Cadism teaser.mp4" type="video/mp4">
@@ -226,8 +240,8 @@ <h2 class="heading-title">Our <span class="c-primary">Services</span></h2>
             <div class="info-box-content">
               <a href="fsd.html" class="h5 info-box-title">Full Stack Development</a>
               <p class="info-box-text">We are called as the best web developers in our college for a reason. We have a
-                team of highly skilled developers who excell in providing clean code and user friendly design.This group
-                helps you you teach this course from scratch to th the advance level.
+                team of highly skilled developers who excel in providing clean code and user friendly design. This group
+                helps you you teach this course from scratch to the advance level.
               </p>
             </div>