From eaae5f8f7419c0c8c3d859ab9f825c3c3782cfe8 Mon Sep 17 00:00:00 2001 From: monurajputrko Date: Thu, 4 Jan 2024 22:08:43 +0530 Subject: [PATCH] Nav Update --- Puneet-index.html | 446 ----------------------------------------- images/oestin logo.png | Bin 0 -> 2832 bytes index.html | 30 ++- monu/PageDis.html | 157 ++------------- monu/Script/navbar.js | 14 ++ monu/Style/navbar.css | 185 +++++++++++++++++ monu/contact.html | 99 ++------- monu/location.html | 159 ++------------- monu/rooms.html | 156 ++------------ 9 files changed, 288 insertions(+), 958 deletions(-) delete mode 100644 Puneet-index.html create mode 100644 images/oestin logo.png create mode 100644 monu/Script/navbar.js create mode 100644 monu/Style/navbar.css diff --git a/Puneet-index.html b/Puneet-index.html deleted file mode 100644 index 4611f85..0000000 --- a/Puneet-index.html +++ /dev/null @@ -1,446 +0,0 @@ - - - - - - OESTIN - - - - - - -
- -
-
- - - - - - -
- - - - - - -
- -
- - - - - - -
- -
- - - - -
- -
- - - - -
- -
- - - - - -
- - - -
- - -
-
- -
-
- -
-
- - -
-
- - -
- -
- -
-
- -
-
-

ABOUT US

- -

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Culpa cupiditate adipisci quam ex ea qui porro perspiciatis quaerat quas, hic, similique rerum maxime molestias sint in magni, aspernatur ullam quibusdam. - Lorem ipsum, dolor sit amet consectetur adipisicing elit. Magnam molestiae porro, tempora velit soluta a eum blanditiis, quae possimus in odit? Modi temporibus eligendi, asperiores similique nemo labore tempora repellat. -

-

- - - -

-
-
- -
-

OUR FAVOURITE ROOM

-

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Delectus quasi explicabo veritatis! Voluptatum, vitae? Porro quo sapiente, sint veniam perspiciatis ipsum debitis ad officiis minus!

-
- - -
-
- Bricks -
-
Royal Suite
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis possimus dolore ducimus explicabo error ipsa. -

- -
-
-
- Bricks -
-
Deluxe Suite
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias omnis corrupti necessitatibus libero tempora doloribus? -

- -
-
-
- Bricks -
-
Single Room
-

- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam doloribus libero cum amet quisquam ut? -

- -
-
-
- Bricks -
-
Double Room
-

- Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolor debitis aliquid voluptatem reprehenderit! Beatae, vel. -

- -
-
-
- - -
-

OUR AWESOME SERVICE

-

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Delectus quasi explicabo veritatis! Voluptatum, vitae? Porro quo sapiente, sint veniam perspiciatis ipsum debitis ad officiis minus!

-
- -
-
-
-
-

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nihil, nulla.

-
-
-
-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem dolores sit vero.

-
-
-
-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit, ipsam!

-
-
-
-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque magni corporis temporibus ut ipsa!

-
-
-
-
- - - - -
-
-
- - -
-
-

112

-

Successful Tours

-
-
-

158

-

Happy Tourist

-
-
-

430

-

Place Explored

-
-
-

745

-

Place Explored

-
-
-
-

OUR GALLERY

-

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Delectus quasi explicabo veritatis! Voluptatum, vitae? Porro quo sapiente, sint veniam perspiciatis ipsum debitis ad officiis minus!

-
- -
-

Spa

-

Restaurant

-

Gym

-

Hotel

-
- -
-
- Bricks -
- -
-
-
- Bricks -
- - -
-
-
- Bricks -
- - -
-
-
- Bricks -
- - -
-
-
- -
-

OUR SPECIAL STAFF

-

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Delectus quasi explicabo veritatis! Voluptatum, vitae? Porro quo sapiente, sint veniam perspiciatis ipsum debitis ad officiis minus!

-
- - -
-
- Bricks -
-
Kathy Luis
-

(Officer)

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis possimus dolore ducimus explicabo error ipsa. -

- - -

- -
-
-
- Bricks -
-
Them Jones
-

(Manager)

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias omnis corrupti necessitatibus libero tempora doloribus? -

- - -

- -
-
-
- Bricks -
-
Marry Gomej
-

(Leader)

-

- - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam doloribus libero cum amet quisquam ut? -

- - -

- -
-
-
- - -
-
-

GET 15% OFF ON ANY OTHER EVENTS...

-
-
- -
-
- - -
-

OUR PRICING

-

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Delectus quasi explicabo veritatis! Voluptatum, vitae? Porro quo sapiente, sint veniam perspiciatis ipsum debitis ad officiis minus!

-
- - -
-
-

Silver Pack

-

$

150

/per night
-
-

Flight Ticket

-

Music Concert(30% Off)

-

Restaurant(Lunch)

-

Treatment

-

Face Make

- -
-
-
-

Gold Pack

-

$

140

/per night
-
-

Flight Ticket

-

Music Concert(30% Off)

-

Restaurant(Lunch)

-

Treatment

-

Face Make

- -
-
-
-

Diamond Pack

-

$

190

/per night
-
-

Flight Ticket

-

Music Concert(30% Off)

-

Restaurant(Lunch)

-

Treatment

-

Face Make

- -
-
-
- - -
-

OUR BLOG

-

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Delectus quasi explicabo veritatis! Voluptatum, vitae? Porro quo sapiente, sint veniam perspiciatis ipsum debitis ad officiis minus!

-
- - -
-
- Bricks -
-
Blog Post Dummy Title
-

- Lorem ipsum dolor sit amet consectetur, adipisicing elit. Asperiores, error. Voluptatum eum doloribus corrupti vitae? -

-

By M Malik - By M Malik - By M Malik

- - -
-
-
- Bricks -
-
Blog Post Dummy Title
-

- Lorem ipsum dolor sit amet consectetur, adipisicing elit. Asperiores, error. Voluptatum eum doloribus corrupti vitae? -

-

By M Malik - By M Malik - By M Malik

- - -
-
-
- Bricks -
-
Blog Post Dummy Title
-

- Lorem ipsum dolor sit amet consectetur, adipisicing elit. Asperiores, error. Voluptatum eum doloribus corrupti vitae? -

-

By M Malik - By M Malik - By M Malik

- - -
-
- -
- - -
- -
- -
- -
- - - - - - - - \ No newline at end of file diff --git a/images/oestin logo.png b/images/oestin logo.png new file mode 100644 index 0000000000000000000000000000000000000000..aabcd868d7c805bad93f6b138c2b6b5604f0c81d GIT binary patch literal 2832 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 iKMFeZ&w;_3ME(bC=@3*Uavb*n0000 - + + @@ -26,7 +27,7 @@ -
+ + + + @@ -1182,7 +1200,7 @@

collections

- + + \ No newline at end of file diff --git a/monu/Script/navbar.js b/monu/Script/navbar.js new file mode 100644 index 0000000..ea9b7d5 --- /dev/null +++ b/monu/Script/navbar.js @@ -0,0 +1,14 @@ +// JavaScript to toggle the mobile menu +const mobileMenu = document.getElementById("mobile"); +const navbar = document.getElementById("navbar"); +const closeIcon = document.getElementById("close"); + +mobileMenu.addEventListener("click", () => { + navbar.style.right = "0"; + closeIcon.style.display = "initial"; +}); + +closeIcon.addEventListener("click", () => { + navbar.style.right = "-300px"; // Adjust this value to match the menu width + closeIcon.style.display = "none"; +}); diff --git a/monu/Style/navbar.css b/monu/Style/navbar.css new file mode 100644 index 0000000..744072c --- /dev/null +++ b/monu/Style/navbar.css @@ -0,0 +1,185 @@ +@media { + .fa-solid { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + -webkit-font-feature-settings: normal; + font-feature-settings: normal; + display: inline-block; + display: var(--fa-display, inline-block); + font-family: Font Awesome\ 6 Free; + font-style: normal; + font-variant: normal; + line-height: 1; + text-rendering: auto; + } + + .fa-bars:before { + content: "\f0c9"; + } + + .fa-bag-shopping:before { + content: "\f290"; + } + + .fa-xmark:before { + content: "\f00d"; + } + + .fa-solid { + font-weight: 900; + } +} + +#header { + background: #FFFFFF; + box-shadow: 0 5px 15px rgba(0, 0, 0, .06); + justify-content: space-between; + left: 0; + padding: 20px 80px; + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 999; +} + +#header, +#navbar { + align-items: center; + display: flex; +} + +#navbar { + justify-content: center; +} + +#navbar li { + list-style: none; + padding: 0 20px; + position: relative; +} + +#navbar li a { + color: #1a1a1a; + font-size: 18px; + font-weight: 700; + text-decoration: none; + transition: .3s ease; +} + +#navbar li a.active, +#navbar li a:hover { + color: #B5876D; +} + +#navbar li a.active:after, +#navbar li a:hover:after { + background: #B5876D; + bottom: -4px; + content: ""; + height: 2px; + left: 20px; + position: absolute; + width: 30%; +} + +#mobile { + align-items: center; +} + +#close, +#mobile { + display: none; +} + +@media (max-width:799px) { + #navbar { + align-items: flex-start; + background-color: #FFFFFF; + box-shadow: 0 40px 60px rgba(0, 0, 0, .01); + display: flex; + flex-direction: column; + height: 100vh; + justify-content: flex-start; + padding: 80px 0 0 10px; + position: fixed; + right: -300px; + top: 0; + transition: .3s; + width: 300px; + } + + #navbar li { + margin-bottom: 25px; + } + + #mobile { + align-items: center; + display: flex; + } + + #mobile i { + color: #1a1a1a; + font-size: 30px; + padding-left: 20px; + } + + #close { + color: #222; + display: inline; + display: initial; + font-size: 24px; + left: 30px; + position: absolute; + top: 30px; + } + + #lg-bag { + display: none; + } +} + +@media (max-width:477px) { + #header { + padding: 10px 30px; + } +} + +@media { + .fa-solid { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + -webkit-font-feature-settings: normal; + font-feature-settings: normal; + display: inline-block; + display: var(--fa-display, inline-block); + font-family: Font Awesome\ 6 Free; + font-style: normal; + font-variant: normal; + line-height: 1; + text-rendering: auto; + } + + .fa-solid { + font-weight: 900; + } +} + +* { + box-sizing: border-box; + font-family: League Spartan, sans-serif; + margin: 0; + padding: 0; +} + +/*! CSS Used fontfaces */ +@font-face { + font-display: block; + font-family: Font Awesome\ 6 Free; + font-style: normal; + font-weight: 400; + src: url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-regular-400.woff2) format("woff2"), url(https://ka-f.fontawesome.com/releases/v6.4.2/webfonts/free-fa-regular-400.ttf) format("truetype"); +} + +#header{ + margin-bottom: 4%; +} \ No newline at end of file diff --git a/monu/contact.html b/monu/contact.html index b2dba1d..9f45d07 100644 --- a/monu/contact.html +++ b/monu/contact.html @@ -7,97 +7,29 @@ + -
- -
+
+ -
+
@@ -437,4 +369,5 @@

collections

document.getElementById("UserM").textContent="SignUp"; }) + diff --git a/monu/location.html b/monu/location.html index a50f120..b87e899 100644 --- a/monu/location.html +++ b/monu/location.html @@ -12,154 +12,28 @@ crossorigin="anonymous" referrerpolicy="no-referrer" /> + -
- -
-
- - - - - - - -
- - - - - - -
- -
- - - - - - -
- -
- - - - -
- -
- - - - -
- -
- - - - - -
- - - -
-
- + +
@@ -531,4 +405,5 @@

collections

document.getElementById("UserM").textContent="SignUp"; }) + diff --git a/monu/rooms.html b/monu/rooms.html index a2c20fe..04e9e1c 100644 --- a/monu/rooms.html +++ b/monu/rooms.html @@ -6,6 +6,7 @@ Rooms + -
- -
-
- - - - - - - -
- - - - - - -
- -
- - - - - - -
- -
- - - - -
- -
- - - - -
- -
- - - - - +
-
+
+
+
@@ -510,4 +385,5 @@

collections

document.getElementById("UserM").textContent="SignUp"; }) +