diff --git a/FrontEndStructure/Images/imageedit_5_8191573037.png b/FrontEndStructure/Images/imageedit_5_8191573037.png new file mode 100644 index 0000000..2190bde Binary files /dev/null and b/FrontEndStructure/Images/imageedit_5_8191573037.png differ diff --git a/FrontEndStructure/index.html b/FrontEndStructure/Modified/index.html similarity index 74% rename from FrontEndStructure/index.html rename to FrontEndStructure/Modified/index.html index 363b882..2da5001 100644 --- a/FrontEndStructure/index.html +++ b/FrontEndStructure/Modified/index.html @@ -10,7 +10,16 @@
-

SIGN IN

+
+ +
+ Sign In + Sign Up + My Bookings + Log Out +
+
+
diff --git a/FrontEndStructure/Styles/reservation.css b/FrontEndStructure/Modified/reservation.css similarity index 69% rename from FrontEndStructure/Styles/reservation.css rename to FrontEndStructure/Modified/reservation.css index 1c6f766..b65c914 100644 --- a/FrontEndStructure/Styles/reservation.css +++ b/FrontEndStructure/Modified/reservation.css @@ -20,16 +20,62 @@ gap: 40px; align-items: flex-end; justify-content: end; + align-items: center; + cursor: pointer; +} +.innavbar>div>img{ + height: 50px; + display: flex; + align-items: center; + padding-right: 40px; +} +.dropbtn { + color: white; +} +.dropdown { + position: relative; + display: inline-block; +} +.dropdown-content { + display: none; + position: absolute; + background-color: rgb(51, 15, 109); + min-width: fit-content; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; + margin-left: -45px; + + } -.innavbar>p{ +.dropdown-content>a{ + display: block; color: white; font-family: sans-serif; - font-size: 18px; font-weight: bold; - cursor: pointer; + text-align: center; + text-decoration: none; + border: 1px solid; + display: flex; + justify-content: center; + align-items: center; + width: 140px; + height: 40px; +} +.dropdown-content>a:nth-child(1){ + margin-top: 16px; +} +.dropdown-content>a:hover{ + color: rgb(51, 15, 109); + border: 1px solid rgb(51, 15, 109); + background-color: white; +} +.dropdown:hover .dropdown-content { + display: block; +} +.mybookings{ + width: 100px; + border: 1px solid; } - - .heading{ text-align: center; font-family: sans-serif;