Fixing rest of the siides

izabela-marcinkowska · May 23, 2023 · 5be8189 · 5be8189
1 parent e549762
commit 5be8189
Show file tree

Hide file tree

Showing 12 changed files with 104 additions and 0 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/Project Plan/Projektplan - Utförande.docx b/Project Plan/Projektplan - Utförande.docx
diff --git a/Restaurantproject.zip b/Restaurantproject.zip
diff --git a/book-a-table.html b/book-a-table.html
@@ -155,6 +155,9 @@ <h1 class="footer-header">Find us:</h1>
         </div>
         <p class="copyright">Copyright by Izabela Marcinkowska 2023</p>
       </div>
+      <a href="#" class="scroll-to-top">
+        <ion-icon name="arrow-up"></ion-icon>
+      </a>
     </footer>
     <script
       type="module"
@@ -164,5 +167,6 @@ <h1 class="footer-header">Find us:</h1>
       nomodule
       src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"
     ></script>
+    <script src="js/main.js"></script>
   </body>
 </html>
diff --git a/carte.html b/carte.html
@@ -309,6 +309,9 @@ <h1 class="footer-header">Find us:</h1>
         </div>
         <p class="copyright">Copyright by Izabela Marcinkowska 2023</p>
       </div>
+      <a href="#" class="scroll-to-top">
+        <ion-icon name="arrow-up"></ion-icon>
+      </a>
     </footer>
     <script
       type="module"
@@ -318,5 +321,6 @@ <h1 class="footer-header">Find us:</h1>
       nomodule
       src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"
     ></script>
+    <script src="js/main.js"></script>
   </body>
 </html>
diff --git a/find-us.html b/find-us.html
@@ -146,6 +146,9 @@ <h1 class="footer-header">Find us:</h1>
         </div>
         <p class="copyright">Copyright by Izabela Marcinkowska 2023</p>
       </div>
+      <a href="#" class="scroll-to-top">
+        <ion-icon name="arrow-up"></ion-icon>
+      </a>
     </footer>
     <script
       type="module"
@@ -155,5 +158,6 @@ <h1 class="footer-header">Find us:</h1>
       nomodule
       src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"
     ></script>
+    <script src="js/main.js"></script>
   </body>
 </html>
diff --git a/img/.DS_Store b/img/.DS_Store
diff --git a/lunch.html b/lunch.html
@@ -321,6 +321,9 @@ <h1 class="footer-header">Find us:</h1>
         </div>
         <p class="copyright">Copyright by Izabela Marcinkowska 2023</p>
       </div>
+      <a href="#" class="scroll-to-top">
+        <ion-icon name="arrow-up"></ion-icon>
+      </a>
     </footer>
     <script
       type="module"
@@ -330,5 +333,6 @@ <h1 class="footer-header">Find us:</h1>
       nomodule
       src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"
     ></script>
+    <script src="js/main.js"></script>
   </body>
 </html>
diff --git a/styles/book-style.css b/styles/book-style.css
@@ -267,3 +267,25 @@ img {
   color: #9e7137;
   border: 2px solid #9e7137;
 }
+
+.scroll-to-top {
+  background-color: #161008;
+  color: #f6f6f6;
+  position: fixed;
+  bottom: 30px;
+  right: 30px;
+  z-index: 100;
+  text-align: center;
+  transition: all 0.5s ease;
+  font-size: 24px;
+  line-height: 56px;
+  width: 48px;
+  height: 48px;
+  opacity: 0;
+  transform: translateY(100px);
+}
+
+.show-scroll-btn {
+  opacity: 1;
+  transform: translateY(0);
+}
diff --git a/styles/carte-style.css b/styles/carte-style.css
@@ -279,3 +279,25 @@ img {
   color: #9e7137;
   border: 2px solid #9e7137;
 }
+
+.scroll-to-top {
+  background-color: #161008;
+  color: #f6f6f6;
+  position: fixed;
+  bottom: 30px;
+  right: 30px;
+  z-index: 100;
+  text-align: center;
+  transition: all 0.5s ease;
+  font-size: 24px;
+  line-height: 56px;
+  width: 48px;
+  height: 48px;
+  opacity: 0;
+  transform: translateY(100px);
+}
+
+.show-scroll-btn {
+  opacity: 1;
+  transform: translateY(0);
+}
diff --git a/styles/find-us-style.css b/styles/find-us-style.css
@@ -296,3 +296,25 @@ img {
   color: #9e7137;
   border: 2px solid #9e7137;
 }
+
+.scroll-to-top {
+  background-color: #161008;
+  color: #f6f6f6;
+  position: fixed;
+  bottom: 30px;
+  right: 30px;
+  z-index: 100;
+  text-align: center;
+  transition: all 0.5s ease;
+  font-size: 24px;
+  line-height: 56px;
+  width: 48px;
+  height: 48px;
+  opacity: 0;
+  transform: translateY(100px);
+}
+
+.show-scroll-btn {
+  opacity: 1;
+  transform: translateY(0);
+}
diff --git a/styles/lunch-style.css b/styles/lunch-style.css
@@ -280,3 +280,25 @@ img {
   color: #9e7137;
   border: 2px solid #9e7137;
 }
+
+.scroll-to-top {
+  background-color: #161008;
+  color: #f6f6f6;
+  position: fixed;
+  bottom: 30px;
+  right: 30px;
+  z-index: 100;
+  text-align: center;
+  transition: all 0.5s ease;
+  font-size: 24px;
+  line-height: 56px;
+  width: 48px;
+  height: 48px;
+  opacity: 0;
+  transform: translateY(100px);
+}
+
+.show-scroll-btn {
+  opacity: 1;
+  transform: translateY(0);
+}