diff --git a/backend/academic.php b/backend/academic.php
index 3556b41..d11f202 100644
--- a/backend/academic.php
+++ b/backend/academic.php
@@ -8,7 +8,13 @@
     while($row=mysqli_fetch_assoc($res)){
       $data[]=$row;
     }
-  }
+      $sql2="SELECT * FROM acad";
+      $res2=mysqli_query($con,$sql2);
+      $ronum2=mysqli_num_rows($res2);
+      while($row2=mysqli_fetch_assoc($res2)){
+        $data2[]=$row2;
+      }
+    }
 ?>
 
 
@@ -130,10 +136,9 @@
                   <div class="probootstrap-sidebar-inner probootstrap-overlap probootstrap-animate">
                     <h3>More Courses</h3>
                     <ul class="probootstrap-side-menu">
-                      <li class="active"><a>Chemical Engineering</a></li>
-                      <li><a href="#">Application Design</a></li>
-                      <li><a href="#">Math Major</a></li>
-                      <li><a href="#">English Major</a></li>
+                    <?php for($i=0;$i<$ronum2;$i++) {?>
+                      <li class="active"><a href="academic.php?row=<?php echo $data2[$i]["id"]?>"><?php echo $data2[$i]["acad"]; ?></a></li>
+                      <?php } ?>
                     </ul>
                   </div>
                 </div>
diff --git a/backend/academics.php b/backend/academics.php
index b0f7aa5..9f66e6e 100644
--- a/backend/academics.php
+++ b/backend/academics.php
@@ -109,36 +109,32 @@
         <div class="container">
           <div class="row">
             <div class="col-md-12 text-left section-heading probootstrap-animate">
-              <h1>College Events</h1>
+              <h1>Academic Courses</h1>
             </div>
           </div>
         </div>
       </section>
 
       <section class="probootstrap-section">
-        <div class="container">
-          <div class="row">
-            <div class="col-md-12">
-              <div class="probootstrap-flex-block">
-                <div class="probootstrap-text probootstrap-animate">
-                  <div class="text-uppercase probootstrap-uppercase">Featured Events</div>
-                  <h3>Students Math Competition for The Year 2017</h3>
-                  <p>Quis explicabo veniam labore ratione illo vero voluptate a deserunt incidunt odio aliquam commodi </p>
-                  <p>
-                    <span class="probootstrap-date"><i class="icon-calendar"></i>July 9, 2017</span>
-                    <span class="probootstrap-location"><i class="icon-location2"></i>White Palace, Brooklyn, NYC</span>
-                  </p>
-                  <p><a href="#" class="btn btn-primary">Learn More</a></p>
+            <div class="container">
+                <div class="row">
+                    <div class="col-md-12">
+                        <div class="probootstrap-flex-block">
+                            <div class="probootstrap-text probootstrap-animate">
+                                <h3>About Academics</h3>
+                                <p>This website has been made to introduce incoming freshers to the life at MNNIT Allahabad. Explore this website and use it to make an informed choice about your college and department. You won't feel leftout on this platform.
+                                    Have fun!</p>
+                                <p><a href="#" class="btn btn-primary">Learn More</a></p>
+                            </div>
+                            <div class="probootstrap-image probootstrap-animate" style="background-image: url(img/slider_3.png)">
+                                <!-- <iframe width="720" height="480" src="https://www.youtube.com/embed/Sz6YRpyefpY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> -->
+                                <a href="https://www.youtube.com/watch?v=Sz6YRpyefpY" class="btn-video popup-vimeo"><i class="icon-play3"></i></a>
+                            </div>
+                        </div>
+                    </div>
                 </div>
-                <div class="probootstrap-image probootstrap-animate" style="background-image: url(img/slider_4.jpg)">
-                  <a href="https://vimeo.com/45830194" class="btn-video popup-vimeo"><i class="icon-play3"></i></a>
-                </div>
-              </div>
             </div>
-          </div>
-        </div>
-      </section>
-
+        </section>
 
       
       
@@ -150,7 +146,7 @@
         
             <div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 probootstrap-animate">
               <a href="academic.php?row=<?php echo $data[$i]["id"]?>" class="probootstrap-featured-news-box">
-                <figure class="probootstrap-media"><img src="dep/chem.jpg" alt="Free Bootstrap Template by uicookies.com" class="img-responsive"></figure>
+                <figure class="probootstrap-media"><img src="data:image/jpg;charset=utf8;base64,<?php echo base64_encode($data[$i]["image"]); ?>" alt="Free Bootstrap Template by uicookies.com" class="img-responsive"></figure>
                 <div class="probootstrap-text">
                   <h3><?php echo $data[$i]["acad"]; ?></h3>
                   <span class="probootstrap-date"><i class="icon-calendar"></i>July 9, 2017</span>
@@ -162,7 +158,7 @@
           </div>
         </div>
       </section>
-      
+       
       <section class="probootstrap-cta">
         <div class="container">
           <div class="row">
diff --git a/backend/clubs.php b/backend/clubs.php
index 124ea17..6ebf703 100644
--- a/backend/clubs.php
+++ b/backend/clubs.php
@@ -150,7 +150,7 @@
         
             <div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 probootstrap-animate">
               <a href="club.php?row=<?php echo $data[$i]["Sno"]?>" class="probootstrap-featured-news-box">
-                <figure class="probootstrap-media"><img src="dep/chem.jpg" alt="Free Bootstrap Template by uicookies.com" class="img-responsive"></figure>
+              <figure class="probootstrap-media"><img src="data:image/jpg;charset=utf8;base64,<?php echo base64_encode($data[$i]["image"]); ?>" alt="Free Bootstrap Template by uicookies.com" class="img-responsive"></figure>
                 <div class="probootstrap-text">
                   <h3><?php echo $data[$i]["club"]; ?></h3>
                   <span class="probootstrap-date"><i class="icon-calendar"></i>July 9, 2017</span>
diff --git a/backend/events.php b/backend/events.php
index 626e964..b4cfe19 100644
--- a/backend/events.php
+++ b/backend/events.php
@@ -149,7 +149,7 @@
           <?php for($i=0;$i<$ronum;$i++) {?>
             <div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 probootstrap-animate">
               <a href="event.php?row=<?php echo $data[$i]["id"]?>" class="probootstrap-featured-news-box">
-                <figure class="probootstrap-media"><img src="../enlight/img/img_sm_1.jpg" alt="Free Bootstrap Template by uicookies.com" class="img-responsive"></figure>
+              <figure class="probootstrap-media"><img src="data:image/jpg;charset=utf8;base64,<?php echo base64_encode($data[$i]["image"]); ?>" alt="Free Bootstrap Template by uicookies.com" class="img-responsive"></figure>
                 <div class="probootstrap-text">
                   <h3><?php echo $data[$i]["event"]; ?></h3>
                   <span class="probootstrap-date"><i class="icon-calendar"></i>July 9, 2017</span>