aesthetic changes

index.html

@@ -141,7 +141,7 @@
       <div class="sectionSource" id="index-sectionSource">
         <div class="row">
           <div class="col-sm-12">
-            <h2>Image Source</h2>
+            <h1>Image Source</h1>
           </div>
         </div>
         <p>
@@ -184,7 +184,7 @@
       <div class="sectionDocumentation" id="index-sectionDocumentation">
         <div class="row">
           <div class="col-sm-12">
-            <h2>Instruction</h2>
+            <h1>Instruction</h1>
           </div>
         </div>
         <p> This is the webpage of a dessert bar.<br>
@@ -192,16 +192,6 @@
             There is a login button in the upper right corner of the page. On the login page, if you do not have an account, you should register an account.<br>
             After logging in, you can click on one of the pictures of desserts, and then select the quantity you want.<br>
             Unfortunately, I don’t have enough time to complete all the functions of the shopping cart. This website can only display the products that the user has just added.</p>
-        <h2>Screenshots of validation</h2>
-
-        <img src="img/1.png" width="800px" height="500px">
-        <img src="img/2.png" width="800px" height="500px">
-        <img src="img/3.png" width="800px" height="500px">
-        <img src="img/4.png" width="800px" height="500px">
-        <img src="img/5.png" width="800px" height="500px">
-        <img src="img/6.png" width="800px" height="500px">
-        <img src="img/7.png" width="800px" height="500px">
-      </div>
 
       <div class="row">
         <div class="col-sm-12">

style/_variables.sass

@@ -2,7 +2,7 @@ $font-mukta-malar: "Mukta Malar"
 $font-ink-free: "Ink Free"
 $font-slabo: "Slabo"
     
-$navbar-text-color: OliveDrab
+$navbar-text-color: DarkOliveGreen
 $navbar-text-color-hover: white
 $navbar-text-color-active: Beige
 

style/modules/_navbar.sass

@@ -8,6 +8,7 @@
         color: $navbar-text-color
         text-align: left
         text-shadow: 1px 1.2px 2px GhostWhite
+        font-weight: bold
         // margin: auto
         // padding: 8px
         // float: left

style/modules/_sectionDocumentation.sass

@@ -1,9 +1,10 @@
 .sectionDocumentation
     margin-top: 3%
     text-align: center
-    h2
+    h1
         margin-top: 5%
-        color: OliveDrab
+        color: DarkOliveGreen
+        text-shadow: 1px 1.2px 2px grey
     img
         margin: auto
         padding: 10px

style/modules/_sectionMenu.sass

@@ -11,9 +11,11 @@
     h1
         margin-top: 5%
         text-align: center
-        color: OliveDrab
+        color: DarkOliveGreen
+        text-shadow: 1px 1.2px 2px grey
     h3
         text-align: center
         color: OliveDrab
+        font-family: "URW Chancery L", cursive
 
     

style/modules/_sectionSource.sass

@@ -1,5 +1,10 @@
 .sectionSource
     text-align: center
-    h2
+    h1
         margin-top: 3%
+        color: DarkOliveGreen
+        text-shadow: 1px 1.2px 2px grey
+    h4
+        text-align: center
         color: OliveDrab
+        font-family: "URW Chancery L", cursive

style/style.css

@@ -175,15 +175,16 @@ video {
 }
 
 .navbar .dropdownicon {
-  color: OliveDrab;
+  color: DarkOliveGreen;
 }
 
 .navbar a {
   font-size: 1.7rem;
   border: 1px;
-  color: OliveDrab;
+  color: DarkOliveGreen;
   text-align: left;
   text-shadow: 1px 1.2px 2px GhostWhite;
+  font-weight: bold;
 }
 
 .navbar a:hover {
@@ -250,21 +251,30 @@ video {
 .sectionMenu h1 {
   margin-top: 5%;
   text-align: center;
-  color: OliveDrab;
+  color: DarkOliveGreen;
+  text-shadow: 1px 1.2px 2px grey;
 }
 
 .sectionMenu h3 {
   text-align: center;
   color: OliveDrab;
+  font-family: "URW Chancery L", cursive;
 }
 
 .sectionSource {
   text-align: center;
 }
 
-.sectionSource h2 {
+.sectionSource h1 {
   margin-top: 3%;
+  color: DarkOliveGreen;
+  text-shadow: 1px 1.2px 2px grey;
+}
+
+.sectionSource h4 {
+  text-align: center;
   color: OliveDrab;
+  font-family: "URW Chancery L", cursive;
 }
 
 .sectionDocumentation {
@@ -272,9 +282,10 @@ video {
   text-align: center;
 }
 
-.sectionDocumentation h2 {
+.sectionDocumentation h1 {
   margin-top: 5%;
-  color: OliveDrab;
+  color: DarkOliveGreen;
+  text-shadow: 1px 1.2px 2px grey;
 }
 
 .sectionDocumentation img {