Webwiznitr · himanshubobade · Oct 21, 2020 · Oct 28, 2020
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -34,14 +34,35 @@ section{
     padding: 3.9rem 0;
     overflow: hidden;
 }
-
-img{
-    padding-top: 6rem;
+/*------------
+logo
+------*/
+.logo{
+    padding-top: 1.5rem;
+    padding-left: 3.5rem;
+    width: 35%;
+    max-width: 35%;
+}
+
+.logo-small{
+    padding-top: 0.7rem;
     padding-left: 5rem;
-    width: 30%;
-    max-width: 30%;
+    width: 35%;
+    max-width: 35%;
+}
+
+.logo-small{
+    display: none;
 }
 
+.sticky .logo{
+    display: none;
+}
+
+.sticky .logo-small{
+    display: block;
+}
+/*--------logo end-------------*/
 a{
     text-decoration: none;
 }
@@ -155,6 +176,26 @@ header{
     color: var(--secondary-font-color);
 }
 
+.sticky{
+    position: fixed;
+    width: 60%;
+    background-color: rgba(255, 255, 255, 0.98);
+    box-shadow: 0 2px 2px #efefef;
+}
+
+.sticky .navlink{
+    display: block;
+    color: #000;
+    text-transform: uppercase;
+    font-size: 1.6rem;
+    letter-spacing: 2px;
+    margin-right: -2px;
+    transition: color.5s;
+    padding-right: 2.5rem;
+}
+.sticky .navitem{
+    border-bottom: 2px solid rgba(255,255,255, .3);
+}
 
 /*Hero*/
 .hero{

diff --git a/assets/js/jquery.waypoints.min.js b/assets/js/jquery.waypoints.min.js
diff --git a/assets/js/script.js b/assets/js/script.js
@@ -0,0 +1,10 @@
+$(document).ready(function(){
+
+    $('.js--courses').waypoint(function(direction){
+        if (direction == "down") {
+            $('nav').addClass('sticky');
+        } else{
+            $('nav').removeClass('sticky');
+        }
+    })
+});
diff --git a/debug.log b/debug.log
@@ -0,0 +1 @@
+[1021/163358.018:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
diff --git a/index.html b/index.html
@@ -24,7 +24,8 @@
                 <i class="fas fa-bars"></i>
                 <i class="fas fa-times"></i>
             </div>
-            <a href="index.html" class="logo"><img src="assets/img/logo_of_webwiz-removebg-preview.png" alt=""></a>
+            <a href="index.html" class="logo"><img class="logo" src="assets/img/logo_of_webwiz-removebg-preview.png" alt=""></a>
+            <a href="index.html" class="logo-small"><img class="logo-small" src="assets/img/logo_of_webwiz-removebg-preview.png" alt=""></a>
             <ul class="navlist">
                 <li class="navitem">
                     <a href="index.html" class="navlink">Home</a>
@@ -59,7 +60,8 @@ <h6>~ 2020 ~</h6>
         </div>
     </div>
 </section>
-<!--Hero ends-->   
+<!--Hero ends-->
+<section class="courses js--courses">
 <div class="parallax">
 <div id="topic-wrapper">
 <!-- Terms we will use to define categories Beginner Amateur Semi pro Professional Word class-->
@@ -215,28 +217,29 @@ <h6>~ 2020 ~</h6>
       </div>
       </div>
     </div>
-    <!-- stray database management topic in the footer, moved up into the topics area. Uncomment if necessary 
-      <div class="profile-card col-lg-4 col-md-6 col-sm-12">
-          <a href="https://www.db-book.com/db4/slide-dir/ch1-2.pdf">
-              <div class="card-header" style="background:url(images/databasemgmnt.png) no-repeat center;object-fit: cover;">
-                  <div class="name">Database Management</div>
-              </div>
-          </a>
-          <div class="card-footer">
-            <div class="numbers">
-                <div class="item">
-                    <span>11</span> Course Length
-                </div>
-                <div class="border"></div>
-                <div class="item">
-                    <span>Beginner</span> Level
-                </div>
-            </div>
+    <div class="col-lg-4 col-md-6 col-sm-12">
+        <div class="profile-card">
+          <a href="https://www.db-book.com/db4/slide-dir/ch1-2.pdf"><div class="card-header" style="background:url(images/databasemgmnt.png) no-repeat center;object-fit: cover;"><div class="name">Database Management</div></a>
         </div>
+          <div class="card-footer">
+              <div class="numbers">
+                  <div class="item">
+                      <span>11</span> Course Length
+                  </div>
+                  <div class="border"></div>
+                  <div class="item">
+                      <span>Beginner</span> Level
+                  </div>
+              </div>
           </div>
-    -->
+      </div>
+    </div>
+
   </div> 
 </div>
+</div>
+</div>
+</section>
   <footer>
 
         <div class="footer-content" id="footer">
@@ -287,16 +290,18 @@ <h4>Newsletter</h4>
                 </div>
             </div>
         </div>
-
 
         <div class="copyright animate-bottom">
             <h4>&copy; Copyright 2020 Project Basil, All Rights Reserved</h4>
         </div>
 </footer>
 
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 <script src="assets/js/main.js"></script>
 <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+<script src="assets/js/jquery.waypoints.min.js"></script>
+<script src="assets/js/script.js"></script>
 </body>
 </html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		[1021/163358.018:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)