diff --git a/package-lock.json b/package-lock.json
index ed54bb6..a4a6fc2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,16 +1,17 @@
 {
-  "name": "Proiect-JS",
+  "name": "Javascript Local Turism",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "dependencies": {
-        "bootstrap": "^5.2.0"
+        "@popperjs/core": "^2.11.6",
+        "bootstrap": "^5.2.1",
+        "bootstrap-icons": "^1.9.1"
       },
       "devDependencies": {
         "@parcel/transformer-sass": "^2.7.0",
-        "parcel": "^2.7.0",
-        "push-dir": "^0.4.1"
+        "parcel": "^2.7.0"
       }
     },
     "node_modules/@babel/code-frame": {
@@ -514,183 +515,13 @@
       }
     },
     "node_modules/@parcel/css": {
-      "version": "1.12.2",
-      "resolved": "https://registry.npmjs.org/@parcel/css/-/css-1.12.2.tgz",
-      "integrity": "sha512-Sa0PvZu5u877CupQA8IjEATqjJFynBfA7LxbcyutFe2LDCRSqB5Bm08jKFScyaz56qjZNIxZxXk2SApNkOvoAA==",
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/@parcel/css/-/css-1.14.0.tgz",
+      "integrity": "sha512-r5tJWe6NF6lesfPw1N3g7N7WUKpHqi2ONnw9wl5ccSGGIxkmgcPaPQxfvmhdjXvQnktSuIOR0HjQXVXu+/en/w==",
       "dev": true,
       "dependencies": {
-        "detect-libc": "^1.0.3"
-      },
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      },
-      "optionalDependencies": {
-        "@parcel/css-darwin-arm64": "1.12.2",
-        "@parcel/css-darwin-x64": "1.12.2",
-        "@parcel/css-linux-arm-gnueabihf": "1.12.2",
-        "@parcel/css-linux-arm64-gnu": "1.12.2",
-        "@parcel/css-linux-arm64-musl": "1.12.2",
-        "@parcel/css-linux-x64-gnu": "1.12.2",
-        "@parcel/css-linux-x64-musl": "1.12.2",
-        "@parcel/css-win32-x64-msvc": "1.12.2"
-      }
-    },
-    "node_modules/@parcel/css-darwin-arm64": {
-      "version": "1.12.2",
-      "resolved": "https://registry.npmjs.org/@parcel/css-darwin-arm64/-/css-darwin-arm64-1.12.2.tgz",
-      "integrity": "sha512-6VvsoYSltBiUh/uyfPzQ+I3DiTFN7tmRv6zm1LH98J7GGCDDhbYEtbQjjCs15ex6fVn1ORZK0JO+mMlsg1JwTA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/css-darwin-x64": {
-      "version": "1.12.2",
-      "resolved": "https://registry.npmjs.org/@parcel/css-darwin-x64/-/css-darwin-x64-1.12.2.tgz",
-      "integrity": "sha512-3J0/LrDvt5vevOisnrE0q5mEcuiAY+K7OZwIv84SAnrbjlL5sshmIaaNzL869kb4thza+RClEj0mS5XTm1IUEw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/css-linux-arm-gnueabihf": {
-      "version": "1.12.2",
-      "resolved": "https://registry.npmjs.org/@parcel/css-linux-arm-gnueabihf/-/css-linux-arm-gnueabihf-1.12.2.tgz",
-      "integrity": "sha512-OsX7I3dhBvnxEbAH++08RFe7yhjRp33ulzrCvJTMOP9YkxEEJ8qId3sNzJBHIVQzHyTlPTnBRHbSDhU3TFe/eQ==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/css-linux-arm64-gnu": {
-      "version": "1.12.2",
-      "resolved": "https://registry.npmjs.org/@parcel/css-linux-arm64-gnu/-/css-linux-arm64-gnu-1.12.2.tgz",
-      "integrity": "sha512-R1Kqw+1Rsru9Q4+qvUEC6B8P21bpqhuF9rv8GmBmmnF1i2hMZ1JiY+uh/ej8IaRV0O3fAHeQGIyGBWx6qWDpcw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
+        "lightningcss": "^1.14.0"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/css-linux-arm64-musl": {
-      "version": "1.12.2",
-      "resolved": "https://registry.npmjs.org/@parcel/css-linux-arm64-musl/-/css-linux-arm64-musl-1.12.2.tgz",
-      "integrity": "sha512-nwixgM4SEgPUQata9aAiJW0A5Q9ms+xim1tXT1i+91kOei4Fu2Wr2OuofMk+mlhbgmGKCTcu4gzMPReGxUhuRA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/css-linux-x64-gnu": {
-      "version": "1.12.2",
-      "resolved": "https://registry.npmjs.org/@parcel/css-linux-x64-gnu/-/css-linux-x64-gnu-1.12.2.tgz",
-      "integrity": "sha512-cJYVMHnQSGhDwQByyvjFZppjMBNlgxXl/R4cX5DwrQE0QZmK/42BYnMp92rvoprEG6LRyRoiGtCjyfYTPWajog==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/css-linux-x64-musl": {
-      "version": "1.12.2",
-      "resolved": "https://registry.npmjs.org/@parcel/css-linux-x64-musl/-/css-linux-x64-musl-1.12.2.tgz",
-      "integrity": "sha512-u9zdO/d831/74Tf+TdPUfaIuB9v6FD4Xz8UdWUDOXgQqaOlnJ9fAsAM39EkoWlMxPPljY3f4ay6irSe1a4XgSA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/css-win32-x64-msvc": {
-      "version": "1.12.2",
-      "resolved": "https://registry.npmjs.org/@parcel/css-win32-x64-msvc/-/css-win32-x64-msvc-1.12.2.tgz",
-      "integrity": "sha512-kCAKr3vKqvPUv9oXBG3pGZQz5il3sEk35dpmTXFa/7eDNKR5XyLpiJs8JwWJTFfuUqroymDSXA1bCcjvNEYcAg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
       "engines": {
         "node": ">= 12.0.0"
       },
@@ -1614,16 +1445,15 @@
       "version": "2.11.6",
       "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
       "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==",
-      "peer": true,
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/popperjs"
       }
     },
     "node_modules/@swc/helpers": {
-      "version": "0.4.7",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.7.tgz",
-      "integrity": "sha512-jJKr/2JOivCQxb5Xpli3asedRLH34QgJ3G+7gm6CoCOwt/LDDX9g67OuxvjFOiYZfngWYB66ZbjU6cUNtQdavg==",
+      "version": "0.4.11",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.11.tgz",
+      "integrity": "sha512-rEUrBSGIoSFuYxwBYtlUFMlE2CwGhmW+w9355/5oduSw8e5h2+Tj4UrAGNNgP9915++wj5vkQo0UuOBqOAq4nw==",
       "dev": true,
       "dependencies": {
         "tslib": "^2.4.0"
@@ -1715,9 +1545,9 @@
       "dev": true
     },
     "node_modules/bootstrap": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.0.tgz",
-      "integrity": "sha512-qlnS9GL6YZE6Wnef46GxGv1UpGGzAwO0aPL1yOjzDIJpeApeMvqV24iL+pjr2kU4dduoBA9fINKWKgMToobx9A==",
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.1.tgz",
+      "integrity": "sha512-UQi3v2NpVPEi1n35dmRRzBJFlgvWHYwyem6yHhuT6afYF+sziEt46McRbT//kVXZ7b1YUYEVGdXEH74Nx3xzGA==",
       "funding": [
         {
           "type": "github",
@@ -1729,9 +1559,14 @@
         }
       ],
       "peerDependencies": {
-        "@popperjs/core": "^2.11.5"
+        "@popperjs/core": "^2.11.6"
       }
     },
+    "node_modules/bootstrap-icons": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.9.1.tgz",
+      "integrity": "sha512-d4ZkO30MIkAhQ2nNRJqKXJVEQorALGbLWTuRxyCTJF96lRIV6imcgMehWGJUiJMJhglN0o2tqLIeDnMdiQEE9g=="
+    },
     "node_modules/braces": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
@@ -1788,9 +1623,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001380",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001380.tgz",
-      "integrity": "sha512-OO+pPubxx16lkI7TVrbFpde8XHz66SMwstl1YWpg6uMGw56XnhYVwtPIjvX4kYpzwMwQKr4DDce394E03dQPGg==",
+      "version": "1.0.30001393",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001393.tgz",
+      "integrity": "sha512-N/od11RX+Gsk+1qY/jbPa0R6zJupEa0lxeBG598EbrtblxVCTJsQwbRBm6+V+rxpc5lHKdsXb9RY83cZIPLseA==",
       "dev": true,
       "funding": [
         {
@@ -2052,9 +1887,9 @@
       "dev": true
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.225",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.225.tgz",
-      "integrity": "sha512-ICHvGaCIQR3P88uK8aRtx8gmejbVJyC6bB4LEC3anzBrIzdzC7aiZHY4iFfXhN4st6I7lMO0x4sgBHf/7kBvRw==",
+      "version": "1.4.244",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.244.tgz",
+      "integrity": "sha512-E21saXLt2eTDaTxgUtiJtBUqanF9A32wZasAwDZ8gvrqXoxrBrbwtDCx7c/PQTLp81wj4X0OLDeoGQg7eMo3+w==",
       "dev": true
     },
     "node_modules/entities": {
@@ -2333,6 +2168,192 @@
         "node": ">=6"
       }
     },
+    "node_modules/lightningcss": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.14.0.tgz",
+      "integrity": "sha512-Vwa1JWiLGRLntf4TXRu/zF2RaHRfJjbZwUzkl2C4LhnRQzsEwkyeAQjAxtpJ5NDnVVUf10q1olEzkFF4AWZLOw==",
+      "dev": true,
+      "dependencies": {
+        "detect-libc": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-darwin-arm64": "1.14.0",
+        "lightningcss-darwin-x64": "1.14.0",
+        "lightningcss-linux-arm-gnueabihf": "1.14.0",
+        "lightningcss-linux-arm64-gnu": "1.14.0",
+        "lightningcss-linux-arm64-musl": "1.14.0",
+        "lightningcss-linux-x64-gnu": "1.14.0",
+        "lightningcss-linux-x64-musl": "1.14.0",
+        "lightningcss-win32-x64-msvc": "1.14.0"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.14.0.tgz",
+      "integrity": "sha512-AFt8Qs9Qjbg5AlB/3cYljanVEeyJI4C9bPqO8hI7bNa2HdDIINI4NgfGpri8BNwA3zcAlFPH38caIqcG3LWC+g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.14.0.tgz",
+      "integrity": "sha512-xF9YSNxHiAOyYp5/Ogo4K+SybcQExWUi+vkIGnpO6zQsQda7KFgJt2aA3AwaEj9ouf2yUHHKcsk2TiixlZTtTg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.14.0.tgz",
+      "integrity": "sha512-8cH/qwZnoU3zIruVNWGLBDVm6f1w/ZC3eMDkFOTEF4FaW3jCpxEg/BH5r04lNUM/SO6Zu2C+vgJaEKdUm58dQg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.14.0.tgz",
+      "integrity": "sha512-88NmNwTRa10MRDJa2DghZuGZq8rvFeZIm0G4k/oA2P5XaJJw7f6IhDEjCtBoruYOZhulBkEq2xQY+q0AWYMFcw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.14.0.tgz",
+      "integrity": "sha512-8FSXmV7yPqk+1vErgdEO6OvDXDT/MkJMF+jSaUuL5wEvCC5yiJsaktNEJvn5EHsFbODi9DNvUt71sjeFCJma1w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.14.0.tgz",
+      "integrity": "sha512-+dcNezLgUdAozcc6c0YSnZyRcOpro/yOOdy6ZjIwQtxej/5sEVJhXWbyHhdwSSlJssg/d+/7ihxEJIdZ8oDIfw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.14.0.tgz",
+      "integrity": "sha512-TI8tIaYv6SBpoBGatCG8gKQMxMCUcc+rvBSrqU7geHFBwzzyxOEHflENMclfwiYjTEM/HMdgJbWuHsIY3xvkuQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.14.0.tgz",
+      "integrity": "sha512-l2H8GoDn+WJAENKrIgNgRunqP3gvyBQwBmFqIXpuxx9G6ll2aTlyQsvsVxzJWJ5ePl3atNRGFQO+ZkiTNSm71A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
     "node_modules/lines-and-columns": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
@@ -2373,12 +2394,6 @@
       "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
       "dev": true
     },
-    "node_modules/minimist": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
-      "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==",
-      "dev": true
-    },
     "node_modules/msgpackr": {
       "version": "1.6.2",
       "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.6.2.tgz",
@@ -2621,21 +2636,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/push-dir": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/push-dir/-/push-dir-0.4.1.tgz",
-      "integrity": "sha512-Nrrsly0c3kCfu725Jnif/s5adHpBwKCGWBttHVxTndF4iyGBSFtNi/pduFxHF5ks0kWtHcbA3XXP5MEra6iiCA==",
-      "dev": true,
-      "dependencies": {
-        "minimist": "^1.2.0"
-      },
-      "bin": {
-        "push-dir": "bin/push-dir.js"
-      },
-      "engines": {
-        "node": ">=0.12"
-      }
-    },
     "node_modules/react-error-overlay": {
       "version": "6.0.9",
       "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.9.tgz",
@@ -2699,9 +2699,9 @@
       ]
     },
     "node_modules/sass": {
-      "version": "1.54.6",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.54.6.tgz",
-      "integrity": "sha512-DUqJjR2WxXBcZjRSZX5gCVyU+9fuC2qDfFzoKX9rV4rCOcec5mPtEafTcfsyL3YJuLONjWylBne+uXVh5rrmFw==",
+      "version": "1.54.9",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.54.9.tgz",
+      "integrity": "sha512-xb1hjASzEH+0L0WI9oFjqhRi51t/gagWnxLiwUNMltA0Ab6jIDkAacgKiGYKM9Jhy109osM7woEEai6SXeJo5Q==",
       "dev": true,
       "dependencies": {
         "chokidar": ">=3.0.0 <4.0.0",
@@ -2805,9 +2805,9 @@
       }
     },
     "node_modules/terser": {
-      "version": "5.14.2",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.14.2.tgz",
-      "integrity": "sha512-oL0rGeM/WFQCUd0y2QrWxYnq7tfSuKBiqTjRPWrRgB46WD/kiwHwF8T23z78H6Q6kGCuuHcPB+KULHRdxvVGQA==",
+      "version": "5.15.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.15.0.tgz",
+      "integrity": "sha512-L1BJiXVmheAQQy+as0oF3Pwtlo4s3Wi1X2zNZ2NxOB4wx9bdS9Vk67XQENLFdLYGCK/Z2di53mTj/hBafR+dTA==",
       "dev": true,
       "dependencies": {
         "@jridgewell/source-map": "^0.3.2",
@@ -2865,9 +2865,9 @@
       }
     },
     "node_modules/update-browserslist-db": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.5.tgz",
-      "integrity": "sha512-dteFFpCyvuDdr9S/ff1ISkKt/9YZxKjI9WlRR99c180GaztJtRa/fn18FdxGVKVsnPY7/a/FDN68mcvUmP4U7Q==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.7.tgz",
+      "integrity": "sha512-iN/XYesmZ2RmmWAiI4Z5rq0YqSiv0brj9Ce9CfhNE4xIW2h+MFxcgkxIzZ+ShkFPUkjU3gQ+3oypadD3RAMtrg==",
       "dev": true,
       "funding": [
         {
@@ -3279,78 +3279,14 @@
       }
     },
     "@parcel/css": {
-      "version": "1.12.2",
-      "resolved": "https://registry.npmjs.org/@parcel/css/-/css-1.12.2.tgz",
-      "integrity": "sha512-Sa0PvZu5u877CupQA8IjEATqjJFynBfA7LxbcyutFe2LDCRSqB5Bm08jKFScyaz56qjZNIxZxXk2SApNkOvoAA==",
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/@parcel/css/-/css-1.14.0.tgz",
+      "integrity": "sha512-r5tJWe6NF6lesfPw1N3g7N7WUKpHqi2ONnw9wl5ccSGGIxkmgcPaPQxfvmhdjXvQnktSuIOR0HjQXVXu+/en/w==",
       "dev": true,
       "requires": {
-        "@parcel/css-darwin-arm64": "1.12.2",
-        "@parcel/css-darwin-x64": "1.12.2",
-        "@parcel/css-linux-arm-gnueabihf": "1.12.2",
-        "@parcel/css-linux-arm64-gnu": "1.12.2",
-        "@parcel/css-linux-arm64-musl": "1.12.2",
-        "@parcel/css-linux-x64-gnu": "1.12.2",
-        "@parcel/css-linux-x64-musl": "1.12.2",
-        "@parcel/css-win32-x64-msvc": "1.12.2",
-        "detect-libc": "^1.0.3"
+        "lightningcss": "^1.14.0"
       }
     },
-    "@parcel/css-darwin-arm64": {
-      "version": "1.12.2",
-      "resolved": "https://registry.npmjs.org/@parcel/css-darwin-arm64/-/css-darwin-arm64-1.12.2.tgz",
-      "integrity": "sha512-6VvsoYSltBiUh/uyfPzQ+I3DiTFN7tmRv6zm1LH98J7GGCDDhbYEtbQjjCs15ex6fVn1ORZK0JO+mMlsg1JwTA==",
-      "dev": true,
-      "optional": true
-    },
-    "@parcel/css-darwin-x64": {
-      "version": "1.12.2",
-      "resolved": "https://registry.npmjs.org/@parcel/css-darwin-x64/-/css-darwin-x64-1.12.2.tgz",
-      "integrity": "sha512-3J0/LrDvt5vevOisnrE0q5mEcuiAY+K7OZwIv84SAnrbjlL5sshmIaaNzL869kb4thza+RClEj0mS5XTm1IUEw==",
-      "dev": true,
-      "optional": true
-    },
-    "@parcel/css-linux-arm-gnueabihf": {
-      "version": "1.12.2",
-      "resolved": "https://registry.npmjs.org/@parcel/css-linux-arm-gnueabihf/-/css-linux-arm-gnueabihf-1.12.2.tgz",
-      "integrity": "sha512-OsX7I3dhBvnxEbAH++08RFe7yhjRp33ulzrCvJTMOP9YkxEEJ8qId3sNzJBHIVQzHyTlPTnBRHbSDhU3TFe/eQ==",
-      "dev": true,
-      "optional": true
-    },
-    "@parcel/css-linux-arm64-gnu": {
-      "version": "1.12.2",
-      "resolved": "https://registry.npmjs.org/@parcel/css-linux-arm64-gnu/-/css-linux-arm64-gnu-1.12.2.tgz",
-      "integrity": "sha512-R1Kqw+1Rsru9Q4+qvUEC6B8P21bpqhuF9rv8GmBmmnF1i2hMZ1JiY+uh/ej8IaRV0O3fAHeQGIyGBWx6qWDpcw==",
-      "dev": true,
-      "optional": true
-    },
-    "@parcel/css-linux-arm64-musl": {
-      "version": "1.12.2",
-      "resolved": "https://registry.npmjs.org/@parcel/css-linux-arm64-musl/-/css-linux-arm64-musl-1.12.2.tgz",
-      "integrity": "sha512-nwixgM4SEgPUQata9aAiJW0A5Q9ms+xim1tXT1i+91kOei4Fu2Wr2OuofMk+mlhbgmGKCTcu4gzMPReGxUhuRA==",
-      "dev": true,
-      "optional": true
-    },
-    "@parcel/css-linux-x64-gnu": {
-      "version": "1.12.2",
-      "resolved": "https://registry.npmjs.org/@parcel/css-linux-x64-gnu/-/css-linux-x64-gnu-1.12.2.tgz",
-      "integrity": "sha512-cJYVMHnQSGhDwQByyvjFZppjMBNlgxXl/R4cX5DwrQE0QZmK/42BYnMp92rvoprEG6LRyRoiGtCjyfYTPWajog==",
-      "dev": true,
-      "optional": true
-    },
-    "@parcel/css-linux-x64-musl": {
-      "version": "1.12.2",
-      "resolved": "https://registry.npmjs.org/@parcel/css-linux-x64-musl/-/css-linux-x64-musl-1.12.2.tgz",
-      "integrity": "sha512-u9zdO/d831/74Tf+TdPUfaIuB9v6FD4Xz8UdWUDOXgQqaOlnJ9fAsAM39EkoWlMxPPljY3f4ay6irSe1a4XgSA==",
-      "dev": true,
-      "optional": true
-    },
-    "@parcel/css-win32-x64-msvc": {
-      "version": "1.12.2",
-      "resolved": "https://registry.npmjs.org/@parcel/css-win32-x64-msvc/-/css-win32-x64-msvc-1.12.2.tgz",
-      "integrity": "sha512-kCAKr3vKqvPUv9oXBG3pGZQz5il3sEk35dpmTXFa/7eDNKR5XyLpiJs8JwWJTFfuUqroymDSXA1bCcjvNEYcAg==",
-      "dev": true,
-      "optional": true
-    },
     "@parcel/diagnostic": {
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/@parcel/diagnostic/-/diagnostic-2.7.0.tgz",
@@ -3912,13 +3848,12 @@
     "@popperjs/core": {
       "version": "2.11.6",
       "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
-      "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==",
-      "peer": true
+      "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw=="
     },
     "@swc/helpers": {
-      "version": "0.4.7",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.7.tgz",
-      "integrity": "sha512-jJKr/2JOivCQxb5Xpli3asedRLH34QgJ3G+7gm6CoCOwt/LDDX9g67OuxvjFOiYZfngWYB66ZbjU6cUNtQdavg==",
+      "version": "0.4.11",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.11.tgz",
+      "integrity": "sha512-rEUrBSGIoSFuYxwBYtlUFMlE2CwGhmW+w9355/5oduSw8e5h2+Tj4UrAGNNgP9915++wj5vkQo0UuOBqOAq4nw==",
       "dev": true,
       "requires": {
         "tslib": "^2.4.0"
@@ -3989,11 +3924,16 @@
       "dev": true
     },
     "bootstrap": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.0.tgz",
-      "integrity": "sha512-qlnS9GL6YZE6Wnef46GxGv1UpGGzAwO0aPL1yOjzDIJpeApeMvqV24iL+pjr2kU4dduoBA9fINKWKgMToobx9A==",
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.1.tgz",
+      "integrity": "sha512-UQi3v2NpVPEi1n35dmRRzBJFlgvWHYwyem6yHhuT6afYF+sziEt46McRbT//kVXZ7b1YUYEVGdXEH74Nx3xzGA==",
       "requires": {}
     },
+    "bootstrap-icons": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.9.1.tgz",
+      "integrity": "sha512-d4ZkO30MIkAhQ2nNRJqKXJVEQorALGbLWTuRxyCTJF96lRIV6imcgMehWGJUiJMJhglN0o2tqLIeDnMdiQEE9g=="
+    },
     "braces": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
@@ -4028,9 +3968,9 @@
       "dev": true
     },
     "caniuse-lite": {
-      "version": "1.0.30001380",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001380.tgz",
-      "integrity": "sha512-OO+pPubxx16lkI7TVrbFpde8XHz66SMwstl1YWpg6uMGw56XnhYVwtPIjvX4kYpzwMwQKr4DDce394E03dQPGg==",
+      "version": "1.0.30001393",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001393.tgz",
+      "integrity": "sha512-N/od11RX+Gsk+1qY/jbPa0R6zJupEa0lxeBG598EbrtblxVCTJsQwbRBm6+V+rxpc5lHKdsXb9RY83cZIPLseA==",
       "dev": true
     },
     "chalk": {
@@ -4207,9 +4147,9 @@
       "dev": true
     },
     "electron-to-chromium": {
-      "version": "1.4.225",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.225.tgz",
-      "integrity": "sha512-ICHvGaCIQR3P88uK8aRtx8gmejbVJyC6bB4LEC3anzBrIzdzC7aiZHY4iFfXhN4st6I7lMO0x4sgBHf/7kBvRw==",
+      "version": "1.4.244",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.244.tgz",
+      "integrity": "sha512-E21saXLt2eTDaTxgUtiJtBUqanF9A32wZasAwDZ8gvrqXoxrBrbwtDCx7c/PQTLp81wj4X0OLDeoGQg7eMo3+w==",
       "dev": true
     },
     "entities": {
@@ -4384,6 +4324,79 @@
       "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==",
       "dev": true
     },
+    "lightningcss": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.14.0.tgz",
+      "integrity": "sha512-Vwa1JWiLGRLntf4TXRu/zF2RaHRfJjbZwUzkl2C4LhnRQzsEwkyeAQjAxtpJ5NDnVVUf10q1olEzkFF4AWZLOw==",
+      "dev": true,
+      "requires": {
+        "detect-libc": "^1.0.3",
+        "lightningcss-darwin-arm64": "1.14.0",
+        "lightningcss-darwin-x64": "1.14.0",
+        "lightningcss-linux-arm-gnueabihf": "1.14.0",
+        "lightningcss-linux-arm64-gnu": "1.14.0",
+        "lightningcss-linux-arm64-musl": "1.14.0",
+        "lightningcss-linux-x64-gnu": "1.14.0",
+        "lightningcss-linux-x64-musl": "1.14.0",
+        "lightningcss-win32-x64-msvc": "1.14.0"
+      }
+    },
+    "lightningcss-darwin-arm64": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.14.0.tgz",
+      "integrity": "sha512-AFt8Qs9Qjbg5AlB/3cYljanVEeyJI4C9bPqO8hI7bNa2HdDIINI4NgfGpri8BNwA3zcAlFPH38caIqcG3LWC+g==",
+      "dev": true,
+      "optional": true
+    },
+    "lightningcss-darwin-x64": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.14.0.tgz",
+      "integrity": "sha512-xF9YSNxHiAOyYp5/Ogo4K+SybcQExWUi+vkIGnpO6zQsQda7KFgJt2aA3AwaEj9ouf2yUHHKcsk2TiixlZTtTg==",
+      "dev": true,
+      "optional": true
+    },
+    "lightningcss-linux-arm-gnueabihf": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.14.0.tgz",
+      "integrity": "sha512-8cH/qwZnoU3zIruVNWGLBDVm6f1w/ZC3eMDkFOTEF4FaW3jCpxEg/BH5r04lNUM/SO6Zu2C+vgJaEKdUm58dQg==",
+      "dev": true,
+      "optional": true
+    },
+    "lightningcss-linux-arm64-gnu": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.14.0.tgz",
+      "integrity": "sha512-88NmNwTRa10MRDJa2DghZuGZq8rvFeZIm0G4k/oA2P5XaJJw7f6IhDEjCtBoruYOZhulBkEq2xQY+q0AWYMFcw==",
+      "dev": true,
+      "optional": true
+    },
+    "lightningcss-linux-arm64-musl": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.14.0.tgz",
+      "integrity": "sha512-8FSXmV7yPqk+1vErgdEO6OvDXDT/MkJMF+jSaUuL5wEvCC5yiJsaktNEJvn5EHsFbODi9DNvUt71sjeFCJma1w==",
+      "dev": true,
+      "optional": true
+    },
+    "lightningcss-linux-x64-gnu": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.14.0.tgz",
+      "integrity": "sha512-+dcNezLgUdAozcc6c0YSnZyRcOpro/yOOdy6ZjIwQtxej/5sEVJhXWbyHhdwSSlJssg/d+/7ihxEJIdZ8oDIfw==",
+      "dev": true,
+      "optional": true
+    },
+    "lightningcss-linux-x64-musl": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.14.0.tgz",
+      "integrity": "sha512-TI8tIaYv6SBpoBGatCG8gKQMxMCUcc+rvBSrqU7geHFBwzzyxOEHflENMclfwiYjTEM/HMdgJbWuHsIY3xvkuQ==",
+      "dev": true,
+      "optional": true
+    },
+    "lightningcss-win32-x64-msvc": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.14.0.tgz",
+      "integrity": "sha512-l2H8GoDn+WJAENKrIgNgRunqP3gvyBQwBmFqIXpuxx9G6ll2aTlyQsvsVxzJWJ5ePl3atNRGFQO+ZkiTNSm71A==",
+      "dev": true,
+      "optional": true
+    },
     "lines-and-columns": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
@@ -4423,12 +4436,6 @@
       "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
       "dev": true
     },
-    "minimist": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
-      "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==",
-      "dev": true
-    },
     "msgpackr": {
       "version": "1.6.2",
       "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.6.2.tgz",
@@ -4611,15 +4618,6 @@
         "is-json": "^2.0.1"
       }
     },
-    "push-dir": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/push-dir/-/push-dir-0.4.1.tgz",
-      "integrity": "sha512-Nrrsly0c3kCfu725Jnif/s5adHpBwKCGWBttHVxTndF4iyGBSFtNi/pduFxHF5ks0kWtHcbA3XXP5MEra6iiCA==",
-      "dev": true,
-      "requires": {
-        "minimist": "^1.2.0"
-      }
-    },
     "react-error-overlay": {
       "version": "6.0.9",
       "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.9.tgz",
@@ -4660,9 +4658,9 @@
       "dev": true
     },
     "sass": {
-      "version": "1.54.6",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.54.6.tgz",
-      "integrity": "sha512-DUqJjR2WxXBcZjRSZX5gCVyU+9fuC2qDfFzoKX9rV4rCOcec5mPtEafTcfsyL3YJuLONjWylBne+uXVh5rrmFw==",
+      "version": "1.54.9",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.54.9.tgz",
+      "integrity": "sha512-xb1hjASzEH+0L0WI9oFjqhRi51t/gagWnxLiwUNMltA0Ab6jIDkAacgKiGYKM9Jhy109osM7woEEai6SXeJo5Q==",
       "dev": true,
       "requires": {
         "chokidar": ">=3.0.0 <4.0.0",
@@ -4735,9 +4733,9 @@
       "dev": true
     },
     "terser": {
-      "version": "5.14.2",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.14.2.tgz",
-      "integrity": "sha512-oL0rGeM/WFQCUd0y2QrWxYnq7tfSuKBiqTjRPWrRgB46WD/kiwHwF8T23z78H6Q6kGCuuHcPB+KULHRdxvVGQA==",
+      "version": "5.15.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.15.0.tgz",
+      "integrity": "sha512-L1BJiXVmheAQQy+as0oF3Pwtlo4s3Wi1X2zNZ2NxOB4wx9bdS9Vk67XQENLFdLYGCK/Z2di53mTj/hBafR+dTA==",
       "dev": true,
       "requires": {
         "@jridgewell/source-map": "^0.3.2",
@@ -4782,9 +4780,9 @@
       "dev": true
     },
     "update-browserslist-db": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.5.tgz",
-      "integrity": "sha512-dteFFpCyvuDdr9S/ff1ISkKt/9YZxKjI9WlRR99c180GaztJtRa/fn18FdxGVKVsnPY7/a/FDN68mcvUmP4U7Q==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.7.tgz",
+      "integrity": "sha512-iN/XYesmZ2RmmWAiI4Z5rq0YqSiv0brj9Ce9CfhNE4xIW2h+MFxcgkxIzZ+ShkFPUkjU3gQ+3oypadD3RAMtrg==",
       "dev": true,
       "requires": {
         "escalade": "^3.1.1",
diff --git a/package.json b/package.json
index fb059cc..d77189e 100644
--- a/package.json
+++ b/package.json
@@ -1,22 +1,17 @@
 {
   "source": "src/index.html",
   "browserslist": "> 5%",
-  "targets": {
-    "default": {
-      "publicUrl": "/Proiect-JS"
-    }
-  },
   "scripts": {
-    "start": "parcel",
-    "build": "parcel build",
-    "push-gh-pages": "push-dir --dir=dist --branch=gh-pages --cleanup --verbose"
+    "start": "parcel src/index.html",
+    "build": "parcel build"
   },
   "devDependencies": {
     "@parcel/transformer-sass": "^2.7.0",
-    "parcel": "^2.7.0",
-    "push-dir": "^0.4.1"
+    "parcel": "^2.7.0"
   },
   "dependencies": {
-    "bootstrap": "^5.2.0"
+    "@popperjs/core": "^2.11.6",
+    "bootstrap": "^5.2.1",
+    "bootstrap-icons": "^1.9.1"
   }
 }
diff --git a/src/4v4tours.webp b/src/4v4tours.webp
new file mode 100644
index 0000000..1ca1fa0
Binary files /dev/null and b/src/4v4tours.webp differ
diff --git a/src/bearwatching.jpg b/src/bearwatching.jpg
new file mode 100644
index 0000000..da6a7c3
Binary files /dev/null and b/src/bearwatching.jpg differ
diff --git a/src/biketour.jpg b/src/biketour.jpg
new file mode 100644
index 0000000..4912485
Binary files /dev/null and b/src/biketour.jpg differ
diff --git a/src/cheilebicazuluibycar.jpg b/src/cheilebicazuluibycar.jpg
new file mode 100644
index 0000000..d7fd4b9
Binary files /dev/null and b/src/cheilebicazuluibycar.jpg differ
diff --git a/src/forest.jpg b/src/forest.jpg
new file mode 100644
index 0000000..2020498
Binary files /dev/null and b/src/forest.jpg differ
diff --git a/src/forest22.jpg b/src/forest22.jpg
new file mode 100644
index 0000000..b23a8b4
Binary files /dev/null and b/src/forest22.jpg differ
diff --git a/src/forest2copy.jpg b/src/forest2copy.jpg
new file mode 100644
index 0000000..01e52f8
Binary files /dev/null and b/src/forest2copy.jpg differ
diff --git a/src/harghita.webp b/src/harghita.webp
new file mode 100644
index 0000000..9dcbb18
Binary files /dev/null and b/src/harghita.webp differ
diff --git a/src/harghitamadaras.jfif b/src/harghitamadaras.jfif
new file mode 100644
index 0000000..4eaa6d5
Binary files /dev/null and b/src/harghitamadaras.jfif differ
diff --git a/src/harghitamadaras.webp b/src/harghitamadaras.webp
new file mode 100644
index 0000000..04db823
Binary files /dev/null and b/src/harghitamadaras.webp differ
diff --git a/src/hasmasumare.jpg b/src/hasmasumare.jpg
new file mode 100644
index 0000000..083946e
Binary files /dev/null and b/src/hasmasumare.jpg differ
diff --git a/src/hikingredlake.jpg b/src/hikingredlake.jpg
new file mode 100644
index 0000000..736367d
Binary files /dev/null and b/src/hikingredlake.jpg differ
diff --git a/src/horseride.jpg b/src/horseride.jpg
new file mode 100644
index 0000000..1282353
Binary files /dev/null and b/src/horseride.jpg differ
diff --git a/src/index.html b/src/index.html
index c6df7e6..8439a14 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,23 +1,413 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>Proiect JavaScript</title>
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
-    <link rel="stylesheet" href="./index.scss" />
-    <script type="module" src="./index.js"></script>
-  </head>
-  <body>
-    <div class="vh-100 d-flex flex-column">
-      <header class="navbar bg-primary bg-gradient">
-        <div class="container-fluid">
-          <h1 class="navbar-brand mb-0 text-white">Proiect JavaScript</h1>
-        </div>
-      </header>
-      <main class="container my-5 flex-grow-1 d-flex align-items-center justify-content-center">
-        <h2 class="display-1 text-center">15 Septembrie 2022</h2>
-      </main>
-    </div>
-  </body>
-</html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <title></title>
+        <meta name="description" content="" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <link rel="stylesheet" href="./style.scss" />
+    </head>
+    <script type="module" src="./script.js"></script>
+    <body>
+        <div class="bigcontainer">
+            <header class="cont">
+                <img src="vec1.jpg" href="#" class="nav-branding" />
+                <nav class="navbar">
+                    <ul class="nav-menu">
+                        <li class="nav-item">
+                            <a href="index.html" class="nav-link">Home</a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="#aboutus" class="nav-link">About</a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="#photos" class="nav-link">Photos</a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="#activities" class="nav-link">Activities</a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="#contact" class="nav-link">Contact</a>
+                        </li>
+                    </ul>
+
+                    <div class="hamburger">
+                        <span class="bar"></span>
+                        <span class="bar"></span>
+                        <span class="bar"></span>
+                    </div>
+                </nav>
+            </header>
+
+            <main>
+                <art>
+                    <h1 class="anim">Begin your journey</h1>
+                    <p class="anim">The world is still out there</p>
+                </art>
+                <section class="aboutUs">
+                    <div class="us">
+                        <img src="who.png" class="icons" />
+                        <h3 class="abouttitle">Who We Are</h3>
+                        <p>
+                            An organization who promotes local tourism and shows
+                            the beautiful places of Transylvania, Harghita
+                            County.
+                        </p>
+                    </div>
+
+                    <div class="us">
+                        <img src="vision.png" class="icons" />
+                        <h3 class="abouttitle">Our Vision</h3>
+                        <p class="aboutcontent">
+                            The aim is to ensure tourism with a low impact on
+                            the natural and cultural resources.
+                        </p>
+                        <!-- The project also supports training for young people and women for the tourism industry. </p> -->
+                    </div>
+
+                    <div class="us">
+                        <img src="standard.png" class="icons" />
+                        <h3 class="abouttitle">Standards</h3>
+                        <p class="aboutcontent">
+                            Providing quality of services and infrastructure,
+                            ease of booking and travel, and various interesting
+                            activities.
+                        </p>
+                    </div>
+
+                    <div class="us">
+                        <img src="mission.png" class="icons" />
+                        <h3 class="abouttitle">Our Mission</h3>
+                        <p class="aboutcontent">
+                            Is to increase the cultural opportunities in
+                            destinations, give more people the chance to
+                            experience the beauty of the nature that surrounds
+                            us.
+                        </p>
+                    </div>
+                </section>
+
+              
+
+                <div class="sliding">
+                    <div class="sliding-background"></div>
+                </div>
+
+
+                <section class="advertise">
+                    <p>
+                        Some places are less well known to travelers
+                        and these can often be the most rewarding to visit.
+                    </p>
+                    <p class="anim">Feel the nature. Close your eyes and breathe it in.</p>
+                    <button type="button" class="btn btn-outline-success btn-lg">Contact us</button>
+                    
+                </section>
+
+                
+                <section class="activities" id="activities">
+                    <h2 class="listtitle">
+                        Bucket list activities
+                    </h2>
+                    <div class="row list">
+                        <div class="col listitem">
+                          <div class="card h-100 bg-image act">
+                            <img src="smallcohard.jpg" class="card-img-top w-100" alt="...">
+                            <div class="card-body">
+                              <h5 class="card-title">Card title</h5>
+                              <p class="card-text"> This content is a little bit longer.</p>
+                              <button type="button" class="btn btn-outline-success" data-bs-toggle="modal" data-bs-target="#exampleModal">Details</button>
+                            </div>
+                          </div>
+                        </div>
+
+
+                        
+                        <div class="col listitem">
+                          <div class="card h-100 act">
+                            <img src="bearwatching.jpg" class="card-img-top" alt="...">
+                            <div class="card-body">
+                              <h5 class="card-title">Card title</h5>
+                              <p class="card-text"> This content is a little bit longer.</p>
+                              <button type="button" class="btn btn-outline-success">Details</button>
+                            </div>
+                          </div>
+                        </div>
+
+                        <div class="col listitem">
+                          <div class="card h-100 act">
+                            <img src="hikingredlake.jpg" class="card-img-top" alt="...">
+                            <div class="card-body">
+                              <h5 class="card-title">Card title</h5>
+                              <p class="card-text"> This content is a little bit longer.</p>
+                              <button type="button" class="btn btn-outline-success">Details</button>
+                            </div>
+                          </div>
+                        </div>
+
+                        <div class="col listitem">
+                          <div class="card h-100 act">
+                            <img src="4v4tours.webp" class="card-img-top" alt="...">
+                            <div class="card-body">
+                              <h5 class="card-title">Card title</h5>
+                              <p class="card-text"> This content is a little bit longer.</p>
+                              <button type="button" class="btn btn-outline-success">Details</button>
+                            </div>
+                          </div>
+                        </div>
+
+                        <div class="col listitem">
+                          <div class="card h-100 act">
+                            <img src="horseride.jpg" class="card-img-top" alt="...">
+                            <div class="card-body">
+                              <h5 class="card-title">Card title</h5>
+                              <p class="card-text"> This content is a little bit longer.</p>
+                              <button type="button" class="btn btn-outline-success">Details</button>
+                            </div>
+                          </div>
+                        </div>
+
+                        <div class="col listitem">
+                          <div class="card h-100 act">
+                            <img src="biketour.jpg" class="card-img-top" alt="...">
+                            <div class="card-body">
+                              <h5 class="card-title">Card title</h5>
+                              <p class="card-text"> This content is a little bit longer.</p>
+                              <button type="button" class="btn btn-outline-success">Details</button>
+                            </div>
+                          </div>
+                        </div>
+
+                        <div class="col listitem">
+                          <div class="card h-100 act">
+                            <img src="salt.jpg" class="card-img-top" alt="...">
+                            <div class="card-body">
+                              <h5 class="card-title">Card title</h5>
+                              <p class="card-text"> This content is a little bit longer.</p>
+                              <button type="button" class="btn btn-outline-success">Details</button>
+                            </div>
+                          </div>
+                        </div>
+
+                        <div class="col listitem">
+                          <div class="card h-100 act">
+                            <img src="town.jpg" class="card-img-top" alt="...">
+                            <div class="card-body">
+                              <h5 class="card-title">Card title</h5>
+                              <p class="card-text"> This content is a little bit longer.</p>
+                              <button type="button" class="btn btn-outline-success">Details</button>
+                            </div>
+                          </div>
+                        </div>
+                    </div>
+                </section>
+
+                <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+                  <div class="modal-dialog" id="myInput">
+                    <div class="modal-content">
+                      <div class="modal-header">
+                        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
+                        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
+                      </div>
+                      <div class="modal-body">
+                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. 
+                          Debitis dignissimos molestias magnam nemo doloremque ratione veritatis officia unde
+                           provident exercitationem! Exercitationem dolorum voluptas praesentium asperiores minus quia ut fuga veniam.</p>
+                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. 
+                          Debitis dignissimos molestias magnam nemo doloremque ratione veritatis officia unde
+                          provident exercitationem! Exercitationem dolorum voluptas praesentium asperiores minus quia ut fuga veniam.</p>
+                        <img class="modal-content"src="hikingredlake.jpg">
+                      </div>
+                      <div class="modal-footer">
+                        
+          
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <div class="photos" id="photos">
+                    <div id="carouselExampleCaptions" class="carousel slide carousel-fade" data-bs-ride="false">
+                        <div class="carousel-indicators">
+                          <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
+                          <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
+                          <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
+                          <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="3" aria-label="Slide 4"></button>
+                          <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="4" aria-label="Slide 5"></button>
+                          <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="5" aria-label="Slide 6"></button>
+                          <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="6" aria-label="Slide 7"></button>
+                        </div>
+                        <div class="carousel-inner">
+                          <div class="carousel-item active">
+                            <img src="hasmasumare.jpg" class="d-block w-100" alt="..." id="img">
+                            <div class="carousel-caption d-none d-sm-block">
+                              <h5>First slide label</h5>
+                              <p>Some representative placeholder content for the first slide.</p>
+                            </div>
+                          </div>
+                          <div class="carousel-item">
+                            <img src="trekkigbicaz.jpg" class="d-block w-100" alt="...">
+                            <div class="carousel-caption d-none d-sm-block">
+                              <h5>Second slide label</h5>
+                              <p>Some representative placeholder content for the second slide.</p>
+                            </div>
+                          </div>
+                          <div class="carousel-item">
+                            <img src="piatrasinguratica.jpg" class="d-block w-100" alt="...">
+                            <div class="carousel-caption d-none d-sm-block">
+                              <h5>Third slide label</h5>
+                              <p>Some representative placeholder content for the third slide.</p>
+                            </div>
+                          </div>
+                          <div class="carousel-item">
+                            <img src="sfana.jpg" class="d-block w-100" alt="...">
+                            <div class="carousel-caption d-none d-sm-block">
+                              <h5>Third slide label</h5>
+                              <p>Some representative placeholder content for the third slide.</p>
+                            </div>
+                          </div>
+
+                          <div class="carousel-item">
+                            <img src="cheilebicazuluibycar.jpg" class="d-block w-100" alt="...">
+                            <div class="carousel-caption d-none d-sm-block">
+                              <h5>Third slide label</h5>
+                              <p>Some representative placeholder content for the third slide.</p>
+                            </div>
+                          </div>
+                          <div class="carousel-item">
+                            <img src="lac.jpg" class="d-block w-100" alt="...">
+                            <div class="carousel-caption d-none d-sm-block">
+                              <h5>Third slide label</h5>
+                              <p>Some representative placeholder content for the third slide.</p>
+                            </div>
+                          </div>
+                        </div>
+                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
+                          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+                          <span class="visually-hidden">Previous</span>
+                        </button>
+                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
+                          <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                          <span class="visually-hidden">Next</span>
+                        </button>
+                    </div>
+                </div>
+
+                <h2 class= "listtitle" id="contact">
+                  Complete our form for a personalized offer. </h2>
+                <form class="contactform" id="form" >
+                    
+                    <div class="row area">
+                        <label class="label">Full Name</label>
+                        <input type="text" name="name" placeholder="Your Name">
+                        <div class="error" id="nameErr"></div>
+                    </div>
+                    <div class="row area">
+                        <label class="label">Email Address</label>
+                        <input type="text" name="email" placeholder="user@domain.ext">
+                        <div class="error" id="emailErr"></div>
+                    </div>
+          
+                    <div class="row area">
+                        <label class="label">Gender</label>
+                        <div class="form-inline">
+                            <label><input type="radio" name="gender" value="male"> Male</label>
+                            <label><input type="radio" name="gender" value="female"> Female</label>
+                        </div>
+                        <div class="error" id="genderErr"></div>
+                    </div>
+
+                    <div class="row area">
+                      <label class="label">Message</label>
+                      <textarea
+                        name="comments"
+                        form="form"
+                        placeholder="Write something to us about you expectations...."
+                        rows="4"
+                      ></textarea>
+                    </div>
+                    <div class="row area">
+                        <label class="label">Scope of the jurney</label>
+                        <div class="form-inline">
+                            <label><input type="checkbox" name="scope" value="Relaxing"> Relaxing </label>
+                            <label><input type="checkbox" name="scope" value="Adventure"> Adventure </label>
+                            <label><input type="checkbox" name="scope" value="Family"> Family trip </label>
+                            <label><input type="checkbox" name="scope" value="Work"> Work </label>
+                        </div>
+                    </div>
+                    <div class="submitbutton">
+                        <button class="btn btn-success btn-lg" id="submit" type="submit">Send</button>
+                        <p id="log"></p>
+                    </div>
+                </form>
+                
+
+
+
+                <a href="#" class="to-top">
+                  <i class="fa fa-angle-up" aria-hidden="true"></i>
+                </a> 
+                
+                <div class="sliding">
+                    <div class="sliding-background"></div>
+                </div>
+          
+                
+
+            </main>
+
+            <footer id="aboutus">
+              
+                <div class="footer-menu footer-about">
+                    <img src="vec1.jpg" href="#" class="nav-branding-2"/>
+                    <h4> Welcome to Transylvania Journey</h4>
+                    <p class="aboutjourney ">
+                        For many of these attractions, it's what they symbolize and the destinations they represent 
+                        that make them so significant. In other cases, it is the site itself that makes it worth visiting 
+                        the county. With each step, you will find sights most extraordinary.
+                    </p>
+                    <p class="aboutjourney" style="margin-block-start: 1rem;">
+                        Enjoy your adventure. And always Stand Tall.
+                    </p>
+                </div>
+
+                <div class="links">
+                    <div class="footer-menu">
+                        <ul>
+                            <h4 class="f-title">MENU</h4>
+                            <li><a href="index.html" class="footer-m">Home</a></li>
+                            <li><a href="#aboutus" class="footer-m">About</a></li>
+                            <li><a href="#photos" class="footer-m">Photos</a></li>
+                            <li><a href="#activities" class="footer-m">Activities</a></li>
+                            <li><a href="#contact" class="footer-m">Contact</a></li>
+                        </ul>
+                    </div>
+
+                    <div class="footer-menu">
+                        <ul>
+                            <h4 class="f-title">CONTACT</h4>
+                            <li><i class="fa fa-phone footer-m" aria-hidden="true"></i> 0749782023</li> 
+                            <li><i class="fa fa-envelope-o footer-m" aria-hidden="true"></i> jurneytr@gmail.com</li> 
+                            <li><i class="fa fa-map-marker footer-m" aria-hidden="true"></i> Street sddfgh nr. 14</li>
+                        </ul>
+                    </div>
+                </div>
+
+                
+                <div class="social">
+                    <p class="invite">Find us on social media</p>
+                    <ul class="socialbtns">
+                        <li><a href="#" class="fa fa-lg fa-facebook"></a></li>
+                        <li><a href="#" class="fa fa-lg fa-twitter"></a></li>
+                        <li><a href="#" class="fa fa-lg fa-pinterest"></a></li>
+                        <li><a href="#" class="fa fa-lg fa-linkedin"></a></li>
+                        <li><a href="#" class="fa fa-lg fa-instagram"></a></li>
+                        <li><a href="#" class="fa fa-lg fa-youtube"></a></li>
+                    </ul>
+                    <p class="copyright">&copy; 2022 by Timea Csudom</p>
+                </div>
+            </footer>
+        </div>
+    </body>
+</html>
diff --git a/src/index.js b/src/index.js
deleted file mode 100644
index e69de29..0000000
diff --git a/src/index.scss b/src/index.scss
deleted file mode 100644
index 618aa82..0000000
--- a/src/index.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-$enable-shadows: true;
-$enable-gradients: true;
-@import "~bootstrap/scss/bootstrap";
\ No newline at end of file
diff --git a/src/lac.jpg b/src/lac.jpg
new file mode 100644
index 0000000..d0b7c43
Binary files /dev/null and b/src/lac.jpg differ
diff --git a/src/mission.png b/src/mission.png
new file mode 100644
index 0000000..f6c77e7
Binary files /dev/null and b/src/mission.png differ
diff --git a/src/piatrasinguratica.jpg b/src/piatrasinguratica.jpg
new file mode 100644
index 0000000..1282353
Binary files /dev/null and b/src/piatrasinguratica.jpg differ
diff --git a/src/salt.jpg b/src/salt.jpg
new file mode 100644
index 0000000..d638930
Binary files /dev/null and b/src/salt.jpg differ
diff --git a/src/script.js b/src/script.js
new file mode 100644
index 0000000..0590829
--- /dev/null
+++ b/src/script.js
@@ -0,0 +1,102 @@
+
+import 'bootstrap';
+const hamburger = document.querySelector(".hamburger");
+const navMenu = document.querySelector(".nav-menu");
+
+hamburger.addEventListener("click", () => {
+    hamburger.classList.toggle("active");
+    navMenu.classList.toggle("active");
+})
+
+document.querySelectorAll(".nav-link").forEach(n => n.
+    addEventListener("click", () => {
+        hamburger.classList.remove("active");
+        navMenu.classList.remove("active");
+    }))
+
+
+// scroll arrow up
+const toTop = document.querySelector(".to-top");
+
+window.addEventListener("scroll", () => {
+  if (window.scrollY > 500) {
+    toTop.classList.add("active");
+  } 
+  else {
+    toTop.classList.remove("active");
+  }
+})
+
+
+//FORm submit
+
+const formElem = document.querySelector('form');
+
+formElem.addEventListener('submit', (e) => {
+    // on form submission, prevent default
+    e.preventDefault();
+    
+    const formData = new FormData(formElem);
+
+    console.log(formData.get('name')); 
+    console.log(formData.get('email')); 
+    console.log(formData.get('gender')); 
+    console.log(formData.get('comments')); 
+
+    var markedCheckbox = document.querySelectorAll('input[type="checkbox"]:checked');  
+    for (var checkbox of markedCheckbox) {  
+      console.log(checkbox.value);     
+    }  
+})
+
+function logSubmit(event) {
+    log.textContent = `Form Submitted!`;
+    event.preventDefault();
+  }
+  
+    const form = document.getElementById('form');
+    const log = document.getElementById('log');
+    form.addEventListener('submit', logSubmit);
+
+// 
+
+
+// PHOTO GALLERY
+// const lightbox = document.createElement('div')
+// lightbox.id = 'lightbox'
+// document.body.appendChild(lightbox)
+
+// const images = document.querySelectorAll('img')
+// images.forEach(image => {
+//   image.addEventListener('click', e => {
+//     lightbox.classList.add('active')
+//     const img = document.createElement('img')
+//     img.src = image.src
+//     while (lightbox.firstChild) {
+//       lightbox.removeChild(lightbox.firstChild)
+//     }
+//     lightbox.appendChild(img)
+//   })
+// })
+
+// lightbox.addEventListener('click', e => {
+//   if (e.target !== e.currentTarget) return
+//   lightbox.classList.remove('active')
+// })
+
+
+//intersectobserver
+// Create the observer
+// document.querySelector('aboutUs').scroll(function () {
+//     document.querySelector('us').each(function () {
+//         var imagePos = document.querySelector(this).offset().top;
+//         var imageHeight = document.querySelector(this).height();
+//         var topOfWindow = document.querySelector(window).scrollTop;
+
+//         if (imagePos < topOfWindow + imageHeight && imagePos + imageHeight > topOfWindow) {
+//             document.querySelector(this).classList.add("square");
+//         } else {
+//             document.querySelector(this).classList.remove("square");
+//         }
+//     });
+// });
diff --git a/src/sfana.jpg b/src/sfana.jpg
new file mode 100644
index 0000000..32c2895
Binary files /dev/null and b/src/sfana.jpg differ
diff --git a/src/smallcohard.jpg b/src/smallcohard.jpg
new file mode 100644
index 0000000..ae3c9d2
Binary files /dev/null and b/src/smallcohard.jpg differ
diff --git a/src/standard.png b/src/standard.png
new file mode 100644
index 0000000..7801265
Binary files /dev/null and b/src/standard.png differ
diff --git a/src/style.scss b/src/style.scss
new file mode 100644
index 0000000..9adcc9a
--- /dev/null
+++ b/src/style.scss
@@ -0,0 +1,605 @@
+@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
+// @import url('http://fonts.cdnfonts.com/css/brandon-grotesque-regular');
+@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=swap');
+
+
+// scss-docs-start import-stack
+// Configuration
+@import "~bootstrap/scss/bootstrap";
+
+
+* {
+  margin:0;
+  padding:0;
+  font-family: 'Raleway', sans-serif;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  background: url("forest22.jpg");
+  background-attachment: fixed;
+  z-index: 1;
+  // backdrop-filter: blur(5px);
+  position: relative;
+}
+
+.bigcontainer {
+  background-color: white;
+  width: 23rem;
+  min-height: 100%;
+  margin: 2rem auto;
+  box-sizing: border-box;
+  box-shadow: 0.5rem 0.2rem 2rem 0rem rgba(53, 51, 51, 0.8);
+  border-radius: 1rem;
+}
+
+header {
+  background: url("forest2copy.jpg");
+  background-size: cover;
+  background-repeat: no-repeat;
+  border-radius: 1rem;
+  clip-path: polygon(0 0, 70% 0%, 100% 0, 100% 83%, 50% 100%, 0 83%, 0% 30%);
+  //https://bennettfeely.com/clippy/
+  width: 100%;
+  min-height: 17rem;
+  position: relative;
+
+}
+
+.navbar {
+  width: 100%;
+  background-color: rgba(4, 4, 4, 0);
+  color: white;
+  border-radius: 1rem;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.nav-menu {
+  display: none;
+}
+
+.nav-menu.active {
+  display: flex;
+  color: white;
+  flex-direction: column;
+  width: 100%;
+  background-color: rgba(4, 4, 4, 0.1);
+  text-align: center;
+  transition: 0.3s ease-in;
+}
+
+li {
+  list-style: none;
+}
+
+.nav-link {
+  color: white;
+  text-decoration: none;
+  font-size: 1rem;
+  &:hover, &:active, &:focus {
+    opacity: 0.5;
+  }
+}
+
+.nav-branding {
+  width:  30%;
+  opacity: 0.6;
+  border-radius: 50%;
+  margin-inline-start: 1rem;
+  margin-block-start: 1rem;
+  cursor: pointer;
+}
+
+.bar {
+  display: block;
+  width: 25px;
+  height: 3px;
+  margin: 5px 0;
+  transition: all 0.3s ease;
+  background-color: white;
+}
+
+.hamburger {
+  display: block;
+  position: absolute;
+  top: -2rem;
+  right: 2rem;
+  cursor: pointer;
+  &:hover {
+    opacity: 0.5;
+  }
+}
+
+.hamburger.active .bar:nth-child(2){
+  opacity:0;
+}
+
+.hamburger.active .bar:nth-child(1){
+  transform: translatey(8px) rotate(45deg);
+}
+.hamburger.active .bar:nth-child(3){
+  transform: translatey(-8px) rotate(-45deg);
+}
+
+
+.anim {
+  margin: 3rem 2rem;
+  text-align: center;
+  position: relative;
+  font-family: sans-serif;
+  text-transform: uppercase;
+  font-size: 1.9em;
+  letter-spacing: 3px;
+  overflow: hidden;
+  background: linear-gradient(90deg, #000, rgb(25, 119, 69),rgb(222, 223, 221)), rgb(125, 193, 128);
+  background-repeat: no-repeat;
+  background-size: 90%;
+  animation: animate 4s linear infinite;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: rgba(255, 255, 255, 0);
+}
+
+@keyframes animate {
+  0% {
+    background-position: -700%;
+  }
+
+  100% {
+    background-position: 100%;
+  }
+}
+
+
+.aboutUs {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  flex-wrap: wrap;
+  margin: 1rem auto;
+
+}
+
+.us {
+  display: flex;
+  flex-direction: column;
+  width: 40%;
+  align-items: center;
+  text-align: center;
+  font-size: 0.8rem;
+  padding: 1rem 0.8rem;
+  animation: 3s square ease-in-out ;
+}
+
+@keyframes square {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+
+.icons {
+  width: 2.2rem;
+}
+
+// INFINITE SLIDE https://css-tricks.com/books/fundamental-css-tactics/infinite-scrolling-background-image/
+
+.sliding{
+    overflow: hidden;
+}
+  
+.sliding-background {
+
+  background: url("forest.jpg") repeat;
+  height: 12rem;
+  width: 1000rem;
+  animation: slide 120s linear infinite;
+}
+  
+@keyframes slide{
+  0% {
+    transform: translate3d(0, 0, 0);
+  }
+  100% {
+    transform: translate3d(-200em, 0, 0);
+  }
+}
+
+.advertise {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 0.8rem;
+  margin: 2rem 2rem;
+  font-size: 100%;
+  text-align: center;
+
+  :first-child {
+    font-size: 1.4rem;
+    padding: 1.5rem;
+  }
+}
+
+// PHOTOS
+.carousel {
+  margin: 2rem;
+}
+
+.d-block {
+  width: 100%;
+  height: 25rem;
+  &:hover {
+    transform: scale(1.3) ;
+  }
+}
+
+.grid {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 1rem;
+
+  img {
+    width: 15rem;
+    height: 12rem;
+    cursor: pointer;
+  }
+}
+
+
+//activities
+
+.list {
+  margin: 0.5rem;
+}
+.listtitle {
+  margin-block-start: 4rem;
+  font-size: 2rem;
+  text-align: center;
+  color: darkgreen;
+  text-shadow: 4px 4px 6px rgba(150, 150, 150, 1)
+                           
+}
+
+.listitem {
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: wrap;
+  margin-block: 1.5rem;
+}
+
+.act {
+  overflow: hidden;
+  width: 20rem;
+  height: 100%;
+  box-shadow:rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
+  &:hover, :focus {
+    cursor: pointer ;
+    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
+    opacity: 0.9;
+  }
+}
+
+.card-img-top {
+  width: 100%;
+  height: 15rem;
+  transition: transform 0.2s ease-out;
+
+  &:hover {
+    display: inline-block;
+    transform: scale(1.4);
+  }
+}
+
+.card-body {
+  margin-block-start: 2.5rem;
+  &:hover {
+    cursor: pointer ;  
+  }
+}
+
+
+.modal-header {
+  background: rgb(25,135,84);
+  color: white;
+}
+
+
+//FORM
+.contactform {
+  margin: 2rem 2rem;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+
+
+    .btn-success {
+      width: max-content;
+      padding: 0.6rem 1.8rem;
+
+      &:hover {
+        background-color: white;
+        color: green;
+      }
+    }
+}
+  
+.area{
+  width: 12rem;
+  height: 100%;
+  margin: 1.5rem;
+  color: darkgreen;
+
+  input[type= text], textarea{
+    box-shadow: 7px 5px 15px -2px rgb(221, 250, 222);
+    border-radius: 1rem;
+    border-color: white;
+  }
+
+  input[type=checkbox] {
+    margin: 0.7rem 0.7rem; 
+  }
+}
+
+.label {
+  font-size: 1.1rem;
+  margin-block: 0.5rem;
+  font-weight: bold;
+}
+    
+
+// BACK TO THE TOP
+.to-top {
+  background: rgb(180, 243, 214);
+  position: fixed;
+  bottom: 800px;
+  right:30px;
+  width:50px;
+  height:50px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size:32px;
+  color: black;
+  text-decoration: none;
+  z-index: 1000;
+  opacity:0;
+  visibility: hidden;
+  pointer-events: none;
+  transition: all .4s;
+}
+
+.to-top.active {
+  color: black;
+  bottom:32px;
+  pointer-events: auto;
+  opacity:1;
+  visibility: visible;
+}
+
+
+// FOOTER
+
+footer {
+  background: rgb(5, 40, 5);
+  border-radius: 0 0 1rem 1rem;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background-size: cover;
+  background-repeat: no-repeat;
+  color: white;
+
+}
+
+.footer-menu {
+  display: flex;
+  flex-direction: column;
+  text-align: center;
+    h4 {
+      text-transform: uppercase; 
+      margin: 2rem;
+    }
+  
+  }
+.f-title {
+  font-size: 1.2rem;
+  color: aquamarine;
+  text-shadow: 1rem white;
+}
+
+.footer-m {
+  align-items: flex-start;
+}
+.aboutjourney {
+  margin-inline: 2rem;
+  font-size: 1rem;
+}
+
+
+a {
+  &:link, &:visited, &:active {
+    text-decoration: none; 
+    color: white;
+  }
+
+  &:hover {
+    color: white;
+    opacity: 0.5;
+  }
+}
+
+
+.links {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  margin-inline: 0.5rem;
+  font-size: 0.9rem
+}
+
+.nav-branding-2 {
+  width:  35%;
+  opacity: 0.7;
+  border-radius: 50%;
+  cursor: pointer;
+  margin-inline-start: 2rem;
+  margin-block-start: 2rem;
+}
+
+.social {
+  margin-block: 1rem;
+  .invite {
+    text-align: center;
+    margin-block: 1rem;
+    font-size: 1.1rem;
+    color:aquamarine;
+  }
+
+  .socialbtns {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+    gap: 1rem;
+    margin-block-end: 2rem;
+  }
+}
+
+.copyright {
+  text-align: center;
+}
+
+
+
+@media(min-width: 530px) {
+  .bigcontainer {
+    width: 27rem;
+  }
+}
+
+@media(min-width: 640px) {
+  .bigcontainer {
+    width: 37rem;
+  }
+
+  
+  .hamburger {
+    display: none;
+  }
+
+  .nav-menu {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    justify-content: center;
+    align-items: center;
+    gap: 1rem;
+  }
+  .nav-link {
+    font-size: 1.2rem;
+  }
+
+  .us {
+    font-size: 1rem;
+  }
+
+  .act {
+    width: 17rem;
+  }
+
+}
+
+@media(min-width: 840px) {
+  .bigcontainer {
+    width: 50rem;
+  }
+
+  header {
+    min-height: 20rem;
+  }
+
+  .nav-link{
+    font-size: 1.4rem;
+  }
+
+  .us {
+    width: 20%;
+    align-items: center;
+    text-align: center;
+    font-size: 0.9rem;
+    padding: 1rem 1rem;
+  }
+  .act {
+    width: 20rem;
+  }
+
+  .d-block {
+    height: 35rem;
+  }
+
+  .footer-menu {
+    h4 {
+      margin: 4rem;
+    }
+  }
+  .aboutjourney {
+    font-size: 1.2rem;
+    margin-inline: 10rem;
+  }
+}
+
+@media(min-width: 1100px) {
+  .bigcontainer {
+    width: 67rem;
+  }
+
+  header {
+    min-height: 24rem;
+  }
+
+  .nav-link{
+    font-size: 1.6rem;
+  }
+
+  .us {
+    font-size: 1.1rem;
+  }
+
+  .advertise {
+    margin-inline: 5rem ;
+  }
+
+  .contactform {
+    gap: 2rem;
+  }
+
+  .listtitle {
+    display: block;
+    text-align: center;
+  }
+
+  .links {
+    font-size: 1.1rem;
+  }
+}
\ No newline at end of file
diff --git a/src/topicon.png b/src/topicon.png
new file mode 100644
index 0000000..1d06530
Binary files /dev/null and b/src/topicon.png differ
diff --git a/src/town.jpg b/src/town.jpg
new file mode 100644
index 0000000..00b817a
Binary files /dev/null and b/src/town.jpg differ
diff --git a/src/trekkigbicaz.jpg b/src/trekkigbicaz.jpg
new file mode 100644
index 0000000..ba51a1d
Binary files /dev/null and b/src/trekkigbicaz.jpg differ
diff --git a/src/vec1.jpg b/src/vec1.jpg
new file mode 100644
index 0000000..64b83c2
Binary files /dev/null and b/src/vec1.jpg differ
diff --git a/src/vision.png b/src/vision.png
new file mode 100644
index 0000000..3804cf4
Binary files /dev/null and b/src/vision.png differ
diff --git a/src/who.png b/src/who.png
new file mode 100644
index 0000000..e1bf738
Binary files /dev/null and b/src/who.png differ