diff --git a/index.html b/index.html
index 2d4d0b2..817b8ab 100644
--- a/index.html
+++ b/index.html
@@ -6,11 +6,15 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <title>E-Learning</title>
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
-    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
+        integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
+    <link
+        href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+        rel="stylesheet">
     <link rel="stylesheet" href="style.css">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css">
-    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,700&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,700&display=swap"
+        rel="stylesheet">
     <link rel="icon" href='favicon.png' type="image/png">
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
@@ -55,7 +59,8 @@
                 <div class="collapse navbar-collapse" id="navbarNav">
                     <ul class="navbar-nav ml-auto">
                         <li class="nav-item">
-                            <a class="nav-link" href="https://github.com/EbookFoundation/free-programming-books" target="_blank">Books</a>
+                            <a class="nav-link" href="https://github.com/EbookFoundation/free-programming-books"
+                                target="_blank">Books</a>
                         </li>
                         <li class="nav-item">
                             <a class="nav-link" href="https://sahityaroy.hashnode.dev/" target="_blank">Blog</a>
@@ -70,10 +75,12 @@
                             <a class="nav-link" href="#start-learning">Start Learning</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link nav-btn get-btn" href="https://forms.gle/XRqaRiaLdNxh7Ykk6" target="_blank">Register</a>
+                            <a class="nav-link nav-btn get-btn" href="https://forms.gle/XRqaRiaLdNxh7Ykk6"
+                                target="_blank">Register</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link nav-btn get-btn" href="https://www.buymeacoffee.com/sahityaroy" target="_blank">Support</a>
+                            <a class="nav-link nav-btn get-btn" href="https://www.buymeacoffee.com/sahityaroy"
+                                target="_blank">Support</a>
                         </li>
                         <li class="nav-item">
                             <!-- Back to top button -->
@@ -97,8 +104,10 @@
                         <h6>Are you ready to Learn?</h6>
                         <h1>Learn With fun <br> on <span>any schedule</span></h1>
                         <!-- <p>Now a days programming is one of the booming career industry needs good programmers so you have to learn programming</p> -->
-                        <p>Now-a-days programming is one of the booming career in industry. It is profitable for one to learn programming as there is an enormous demand for good programmers in the industry.</p>
-                        <button class="get-btn"><a href="https://www.buymeacoffee.com/sahityaroy" target="_blank" class="link">DONATE</a></button>
+                        <p>Now-a-days programming is one of the booming career in industry. It is profitable for one to
+                            learn programming as there is an enormous demand for good programmers in the industry.</p>
+                        <button class="get-btn"><a href="https://www.buymeacoffee.com/sahityaroy" target="_blank"
+                                class="link">DONATE</a></button>
                     </div>
                 </div>
                 <div class="col-lg-6 col-md-12 ml-auto">
@@ -165,7 +174,8 @@ <h2 class="text-center title-text">Online Courses</h2>
                         <h5 class="card-title">C++ From Basic To Advance</h5>
                         <!-- <p class="card-text">Geeting started with CPP</p> -->
                         <p class="card-text">Getting started with CPP</p>
-                        <a class="nav-link nav-btn" href="https://www.youtube.com/watch?v=z9bZufPHFLU&list=PLfqMhTWNBTe0b2nM6JHVCnAkhQRGiZMSJ">Enroll</a>
+                        <a class="nav-link nav-btn"
+                            href="https://www.youtube.com/watch?v=z9bZufPHFLU&list=PLfqMhTWNBTe0b2nM6JHVCnAkhQRGiZMSJ">Enroll</a>
                         <!--<button class="buy-btn" herf "https://www.youtube.com/watch?v=z9bZufPHFLU&list=PLfqMhTWNBTe0b2nM6JHVCnAkhQRGiZMSJ"></button>Enroll</button> -->
                     </div>
                     <div class="card-footer">
@@ -189,7 +199,8 @@ <h6>Available</h6>
                         <h5 class="card-title">JAVA</h5>
                         <!-- <p class="card-text">Kickstart your journey in java</p> -->
                         <p class="card-text">Kickstart your journey in Java</p>
-                        <a class="nav-link nav-btn" href="https://www.youtube.com/watch?v=WOUpjal8ee4&list=PLsyeobzWxl7oZ-fxDYkOToURHhMuWD1BK">Enroll</a>
+                        <a class="nav-link nav-btn"
+                            href="https://www.youtube.com/watch?v=WOUpjal8ee4&list=PLsyeobzWxl7oZ-fxDYkOToURHhMuWD1BK">Enroll</a>
                     </div>
                     <div class="card-footer">
                         <div class="d-flex justify-content-between">
@@ -211,7 +222,8 @@ <h6>Available</h6>
                         <h5 class="card-title">C Programming</h5>
                         <!-- <p class="card-text">Kickstart you coding journey</p> -->
                         <p class="card-text">Kickstart you coding journey with C</p>
-                        <a class="nav-link nav-btn" href="https://www.youtube.com/watch?v=MoqYPc43ssk&list=PLXthElPLs7ZaGXGI-_ToQ670nr1RAtjRB">Enroll</a>
+                        <a class="nav-link nav-btn"
+                            href="https://www.youtube.com/watch?v=MoqYPc43ssk&list=PLXthElPLs7ZaGXGI-_ToQ670nr1RAtjRB">Enroll</a>
                     </div>
                     <div class="card-footer">
                         <div class="d-flex justify-content-between">
@@ -267,7 +279,8 @@ <h6>Available</h6>
                         <h5 class="card-title">Django Framework</h5>
                         <!-- <p class="card-text">Geeting started with CPP</p> -->
                         <p class="card-text">Master Django Skills</p>
-                        <a class="nav-link nav-btn" href="https://www.youtube.com/watch?v=UmljXZIypDc&list=PL-osiE80TeTtoQCKZ03TU5fNfx2UY6U4p">Enroll</a>
+                        <a class="nav-link nav-btn"
+                            href="https://www.youtube.com/watch?v=UmljXZIypDc&list=PL-osiE80TeTtoQCKZ03TU5fNfx2UY6U4p">Enroll</a>
                         <!--<button class="buy-btn" herf "https://www.youtube.com/watch?v=z9bZufPHFLU&list=PLfqMhTWNBTe0b2nM6JHVCnAkhQRGiZMSJ"></button>Enroll</button> -->
                     </div>
                     <div class="card-footer">
@@ -293,7 +306,8 @@ <h6>Available</h6>
                         <h5 class="card-title">Html</h5>
                         <!-- <p class="card-text">Geeting started with CPP</p> -->
                         <p class="card-text">Learn HTML to create amazing web pages</p>
-                        <a class="nav-link nav-btn" href="https://www.youtube.com/watch?v=dD2EISBDjWM&list=PLr6-GrHUlVf_ZNmuQSXdS197Oyr1L9sPB">Enroll</a>
+                        <a class="nav-link nav-btn"
+                            href="https://www.youtube.com/watch?v=dD2EISBDjWM&list=PLr6-GrHUlVf_ZNmuQSXdS197Oyr1L9sPB">Enroll</a>
                         <!--<button class="buy-btn" herf "https://www.youtube.com/watch?v=z9bZufPHFLU&list=PLfqMhTWNBTe0b2nM6JHVCnAkhQRGiZMSJ"></button>Enroll</button> -->
                     </div>
                     <div class="card-footer">
@@ -325,7 +339,8 @@ <h6>Available</h6>
                         <h5 class="card-title">CSS</h5>
                         <!-- <p class="card-text">Geeting started with CPP</p> -->
                         <p class="card-text">Design Amazing Web Pages with CSS</p>
-                        <a class="nav-link nav-btn" href="https://www.youtube.com/watch?v=qKoajPPWpmo&list=PLr6-GrHUlVf8JIgLcu3sHigvQjTw_aC9C">Enroll</a>
+                        <a class="nav-link nav-btn"
+                            href="https://www.youtube.com/watch?v=qKoajPPWpmo&list=PLr6-GrHUlVf8JIgLcu3sHigvQjTw_aC9C">Enroll</a>
                         <!--<button class="buy-btn" herf "https://www.youtube.com/watch?v=z9bZufPHFLU&list=PLfqMhTWNBTe0b2nM6JHVCnAkhQRGiZMSJ"></button>Enroll</button> -->
                     </div>
                     <div class="card-footer">
@@ -351,7 +366,8 @@ <h6>Available</h6>
                         <h5 class="card-title">Javascript</h5>
                         <!-- <p class="card-text">Geeting started with CPP</p> -->
                         <p class="card-text">Kickstart you coding journey in Scripting</p>
-                        <a class="nav-link nav-btn" href="https://www.youtube.com/watch?v=2md4HQNRqJA&list=PLRAV69dS1uWSxUIk5o3vQY2-_VKsOpXLD">Enroll</a>
+                        <a class="nav-link nav-btn"
+                            href="https://www.youtube.com/watch?v=2md4HQNRqJA&list=PLRAV69dS1uWSxUIk5o3vQY2-_VKsOpXLD">Enroll</a>
                         <!--<button class="buy-btn" herf "https://www.youtube.com/watch?v=z9bZufPHFLU&list=PLfqMhTWNBTe0b2nM6JHVCnAkhQRGiZMSJ"></button>Enroll</button> -->
                     </div>
                     <div class="card-footer">
@@ -377,7 +393,8 @@ <h6>Available</h6>
                         <h5 class="card-title">React JS</h5>
                         <!-- <p class="card-text">Geeting started with CPP</p> -->
                         <p class="card-text">Learn Amazing Front-end Framework</p>
-                        <a class="nav-link nav-btn" href="https://www.youtube.com/watch?v=QFaFIcGhPoM&list=PLC3y8-rFHvwgg3vaYJgHGnModB54rxOk3">Enroll</a>
+                        <a class="nav-link nav-btn"
+                            href="https://www.youtube.com/watch?v=QFaFIcGhPoM&list=PLC3y8-rFHvwgg3vaYJgHGnModB54rxOk3">Enroll</a>
                         <!--<button class="buy-btn" herf "https://www.youtube.com/watch?v=z9bZufPHFLU&list=PLfqMhTWNBTe0b2nM6JHVCnAkhQRGiZMSJ"></button>Enroll</button> -->
                     </div>
                     <div class="card-footer">
@@ -410,7 +427,8 @@ <h6>Available</h6>
                         <h5 class="card-title">Angular</h5>
                         <!-- <p class="card-text">Geeting started with CPP</p> -->
                         <p class="card-text">Head for Google's Framework</p>
-                        <a class="nav-link nav-btn" href="https://www.youtube.com/watch?v=0eWrpsCLMJQ&list=PLC3y8-rFHvwhBRAgFinJR8KHIrCdTkZcZ">Enroll</a>
+                        <a class="nav-link nav-btn"
+                            href="https://www.youtube.com/watch?v=0eWrpsCLMJQ&list=PLC3y8-rFHvwhBRAgFinJR8KHIrCdTkZcZ">Enroll</a>
                         <!--<button class="buy-btn" herf "https://www.youtube.com/watch?v=z9bZufPHFLU&list=PLfqMhTWNBTe0b2nM6JHVCnAkhQRGiZMSJ"></button>Enroll</button> -->
                     </div>
                     <div class="card-footer">
@@ -436,7 +454,8 @@ <h6>Available</h6>
                         <h5 class="card-title">Kotlin</h5>
                         <!-- <p class="card-text">Geeting started with CPP</p> -->
                         <p class="card-text">Kickstart you coding journey in Kotlin</p>
-                        <a class="nav-link nav-btn" href="https://www.youtube.com/watch?v=VEqhzCFmEQI&list=PLlxmoA0rQ-LwgK1JsnMsakYNACYGa1cjR">Enroll</a>
+                        <a class="nav-link nav-btn"
+                            href="https://www.youtube.com/watch?v=VEqhzCFmEQI&list=PLlxmoA0rQ-LwgK1JsnMsakYNACYGa1cjR">Enroll</a>
                         <!--<button class="buy-btn" herf "https://www.youtube.com/watch?v=z9bZufPHFLU&list=PLfqMhTWNBTe0b2nM6JHVCnAkhQRGiZMSJ"></button>Enroll</button> -->
                     </div>
                     <div class="card-footer">
@@ -462,7 +481,8 @@ <h6>Available</h6>
                         <h5 class="card-title">SQL</h5>
                         <!-- <p class="card-text">Geeting started with CPP</p> -->
                         <p class="card-text">Start Uderstanding Databases</p>
-                        <a class="nav-link nav-btn" href="https://www.youtube.com/watch?v=7GVFYt6_ZFM&list=PL08903FB7ACA1C2FB">Enroll</a>
+                        <a class="nav-link nav-btn"
+                            href="https://www.youtube.com/watch?v=7GVFYt6_ZFM&list=PL08903FB7ACA1C2FB">Enroll</a>
                         <!--<button class="buy-btn" herf "https://www.youtube.com/watch?v=z9bZufPHFLU&list=PLfqMhTWNBTe0b2nM6JHVCnAkhQRGiZMSJ"></button>Enroll</button> -->
                     </div>
                     <div class="card-footer">
@@ -498,7 +518,9 @@ <h6>Available</h6>
                         <!-- <h2>Helping people grow their careers, every day!</h2> -->
                         <h2>Helping people to grow their careers, every day!</h2>
                         <!-- <p>If you want to start yout career in programming then this is for you can learn programming free of cost so stay tuned with us and if you have any quary then register yorself.</p> -->
-                        <p>If you want to start your career in programming then this is for you, You can learn programming free of cost so stay tuned with us and if you have any query then register yourself.
+                        <p>If you want to start your career in programming then this is for you, You can learn
+                            programming free of cost so stay tuned with us and if you have any query then register
+                            yourself.
                         </p>
                         <a class="nav-link" href="https://www.youtube.com/channel/UCqXTIC8hmyigUtYGVykQsug">Let's
                             Start</a>
@@ -530,12 +552,15 @@ <h2>Helping people to grow their careers, every day!</h2>
                     <div class="carousel-inner">
                         <div class="item carousel-item active">
                             <div class="img-box"><img src="icons8-person-male-skin-type-4-80.png" alt=""></div>
-                            <p class="testimonial">"Any adept programmer, not only needs to be good at programming but also has to stay abreast of the upcoming happenings in programming. Just learning to code won't give you a big edge over the others."</p>
+                            <p class="testimonial">"Any adept programmer, not only needs to be good at programming but
+                                also has to stay abreast of the upcoming happenings in programming. Just learning to
+                                code won't give you a big edge over the others."</p>
                             <p class="overview"><b>-Sahitya Roy</b>, Site owner</p>
                         </div>
                         <div class="item carousel-item">
                             <div class="img-box"><img src="businesswoman.png" alt=""></div>
-                            <p class="testimonial">"Most good programmers do programming not because they expect to get paid or get adulation by the public, but it is fun to program." </p>
+                            <p class="testimonial">"Most good programmers do programming not because they expect to get
+                                paid or get adulation by the public, but it is fun to program." </p>
                             <p class="overview"><b>-Priya Chandak</b>, Site owner</p>
                         </div>
                         <!-- <div class="item carousel-item">
@@ -596,11 +621,14 @@ <h3>About Us</h3>
                                 <h3>Courses Offered</h3>
                                 <li><a href="https://drive.google.com/drive/folders/1KRM9CsEGBeV9Es7GI43IISwooOG9rDx1">Machine
                                         Learning</a></li>
-                                <li><a href="https://www.youtube.com/watch?v=TeZdo8mx0gc&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&index=2">Web
+                                <li><a
+                                        href="https://www.youtube.com/watch?v=TeZdo8mx0gc&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&index=2">Web
                                         Design</a></li>
-                                <li><a href="https://drive.google.com/drive/u/0/folders/1a_4t8cBo2fTvSPdnXBazP6_16OuvrKFq">Java
+                                <li><a
+                                        href="https://drive.google.com/drive/u/0/folders/1a_4t8cBo2fTvSPdnXBazP6_16OuvrKFq">Java
                                         Advance</a></li>
-                                <li><a href="https://classroom.udacity.com/courses/ud851/lessons/93affc67-3f0b-4f9b-b3a4-a7a26f241a86/concepts/0eb4fac2-9d1b-477d-bafb-1743f715d4a5">Android
+                                <li><a
+                                        href="https://classroom.udacity.com/courses/ud851/lessons/93affc67-3f0b-4f9b-b3a4-a7a26f241a86/concepts/0eb4fac2-9d1b-477d-bafb-1743f715d4a5">Android
                                         Development</a></li>
                             </ul>
                             <h3 class="white-text">Connect With Us</h3>
@@ -609,13 +637,14 @@ <h3 class="white-text">Connect With Us</h3>
                                             class="fab fa-twitter"></span></a></li>
                                 <li class="fill-back"><a href="https://github.com/SahityaRoy" target="_blank"><span
                                             class="fab fa-github"></span></a></li>
-                                <li class="fill-back"><a href="https://www.instagram.com/sahitya_roy_" target="_blank"><span
-                                            class="fab fa-instagram"></a></li>
+                                <li class="fill-back"><a href="https://www.instagram.com/sahitya_roy_"
+                                        target="_blank"><span class="fab fa-instagram"></a></li>
                                 <li class="fill-back"><a href="https://wa.me/qr/I4X3KF5ZBERSA1" target="_blank"><span
                                             class="fab fa-whatsapp"></a></li>
-                                <li class="fill-back"><a href="https://www.linkedin.com/in/sahitya-roy-244b941a2/" target="_blank"><span
-                                            class="fab fa-linkedin"></a></li>
-                                <li class="fill-back"><a href="https://www.youtube.com/channel/UCqXTIC8hmyigUtYGVykQsug" target="_blank"><span class="fab fa-youtube"></a></li>
+                                <li class="fill-back"><a href="https://www.linkedin.com/in/sahitya-roy-244b941a2/"
+                                        target="_blank"><span class="fab fa-linkedin"></a></li>
+                                <li class="fill-back"><a href="https://www.youtube.com/channel/UCqXTIC8hmyigUtYGVykQsug"
+                                        target="_blank"><span class="fab fa-youtube"></a></li>
                                 <!-- <li><a class="grey-text text-lighten-3" href="index2.html" target="_blank">Contributor</a></li> -->
                             </ul>
                         </div>
@@ -650,11 +679,17 @@ <h3>Additional Links</h3>
             <h5>Copyright © 2021 <span>SahityaRoy</span></h5>
         </div>
     </footer>
-    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
+        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
+        crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
+        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
+        crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
+        integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
+        crossorigin="anonymous"></script>
     <script>
-        $('.social-icons li').click(function() {
+        $('.social-icons li').click(function () {
             $(this).toggleClass("shadow").siblings();
             $(this).toggleClass("fill-color").siblings();
             $(this).toggleClass("fill-back").siblings();
@@ -686,7 +721,7 @@ <h5>Copyright © 2021 <span>SahityaRoy</span></h5>
     </script>
     <script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script>
     <script type="text/javascript">
-        $(window).load(function() { // makes sure the whole site is loaded
+        $(window).load(function () { // makes sure the whole site is loaded
             $('#status').fadeOut(); // will first fade out the loading animation
             $('#preloader').delay(50).fadeOut(100); // will fade out the white DIV that covers the website.
             $('body').delay(50).css({
diff --git a/style.css b/style.css
index 6f1b9d4..41256f1 100644
--- a/style.css
+++ b/style.css
@@ -40,9 +40,12 @@ body {
   padding-bottom: 80px;
 }
 
+.img-fluid {
+  transition: 0.5s all ease-in-out;
+}
+
 .img-fluid:hover {
   transform: scale(1.06);
-  transition: 0.5s all ease-in-out;
   cursor: pointer;
 }