diff --git a/webtech project/city.html b/webtech project/city.html deleted file mode 100644 index 16cb9de..0000000 --- a/webtech project/city.html +++ /dev/null @@ -1,33 +0,0 @@ - - - - - - - SAMA - - - - - - \ No newline at end of file diff --git a/webtech project/citystyle.css b/webtech project/citystyle.css index f7ff29c..88b74db 100644 --- a/webtech project/citystyle.css +++ b/webtech project/citystyle.css @@ -1,86 +1,192 @@ * { - margin: 0; - padding: 0; - box-sizing: border-box; -} -#logoImg { - height: 10vh; - margin-bottom: 0px; -} -#navbar { - display: flex; - position: fixed; - width: 100%; - justify-content: space-between; - background-color: black; -} -#navbar ul { - display: flex; - text-decoration: none; - align-items: center; - width: 40vw; - justify-content: space-around; - font-size: 1.5rem; -} -.tag { - list-style: none; -} -.tag a { - text-decoration: none; - color: white; -} -#navbar button { - width: 12rem; - color: white; - background-color: red; - border-radius: 8px; - font-size: 1.3rem; - margin-right: 20px; -} -#navbar button:hover { - color: yellow; -} - -/* dropDown */ -li a, -.dropbtn { - display: inline-block; - color: white; - text-align: center; - padding: 14px 16px; - text-decoration: none; -} - -li a:hover, -.dropbtn:hover { - background-color: red; -} - -li.dropdown { - display: inline-block; -} - -.dropdown-content { - display: none; - position: absolute; - background-color: #f9f9f9; - min-width: 160px; - box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); - z-index: 1; -} - -.dropdown-content a { - color: black; - padding: 12px 16px; - text-decoration: none; - display: block; - text-align: left; -} - -.dropdown-content a:hover { - background-color: #f1f1f1; -} - -.dropdown:hover .dropdown-content { - display: block; -} + margin: 0; + padding: 0; + box-sizing: border-box; + } + #logoImg { + height: 10vh; + margin-bottom: 0px; + } + #navbar { + display: flex; + position: fixed; + width: 100%; + justify-content: space-between; + background-color: black; + z-index: 1; + } + #navbar ul { + display: flex; + text-decoration: none; + align-items: center; + width: 40vw; + justify-content: space-around; + font-size: 1.5rem; + } + .tag { + list-style: none; + } + .tag a { + text-decoration: none; + color: white; + } + #navbar button { + width: 12rem; + color: white; + background-color: red; + border-radius: 8px; + font-size: 1.3rem; + margin-right: 20px; + } + #navbar button:hover { + color: yellow; + } + + /* dropDown */ + li a, + .dropbtn { + display: inline-block; + color: white; + text-align: center; + padding: 14px 16px; + text-decoration: none; + } + + li a:hover, + .dropbtn:hover { + background-color: red; + } + + li.dropdown { + display: inline-block; + } + + .dropdown-content { + display: none; + position: absolute; + background-color: #f9f9f9; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); + z-index: 1; + } + + .dropdown-content a { + color: black; + padding: 12px 16px; + text-decoration: none; + display: block; + text-align: left; + } + + .dropdown-content a:hover { + background-color: #f1f1f1; + } + + .dropdown:hover .dropdown-content { + display: block; + } + + /* main section */ + #main { + position: relative; + top: 80px; + } + + .hotel { + display: flex; + margin: 2rem 4rem 2rem 8rem; + height: 18rem; + } + .heading { + background-color: rgba(175, 175, 175, 0.733); + text-align: center; + font-size: 4.5rem; + } + .hotelName { + font-size: 3rem; + } + .hotelImg { + height: 100%; + width: 27rem; + } + .hotelDetails { + padding-left: 1rem; + } + .hotelDetails div { + margin: 1rem 0; + } + .address { + font-size: 1.2rem; + color: gray; + } + .details { + background-color: #1ab64f; + font-size: 1.2rem; + padding: 0.5rem 1.5rem; + color: white; + border: 1px solid #1ab64f; + border-radius: 5px; + } + .hotelDetails .details a { + color: white; + text-decoration: none; + } + .details:hover { + background-color: green; + } + .hotelDetails a { + text-decoration: none; + color: blue; + font-size: 1.1rem; + } + .hotelDetails a:hover { + text-decoration: underline; + } + + .rating { + font-size: 1.1rem; + /* background-color: chartreuse; */ + color: black; + width: fit-content; + border: 2px solid black; + padding: 0.1rem 0.5rem; + } + + hr { + width: 83%; + margin-left: 7rem; + } + + /* .hotel1, + .hotel2, + .hotel3 { + width: 25rem; + } */ + + /* .hotel2 img, + .hotel3 img { + width: 100%; + } */ + /* .navhotel { + height: 102%; + } */ + + /* footer */ + + footer { + height: 50px; + margin-top: 2px; + } + .foot { + background-color: rgba(27, 27, 27, 0.925); + text-align: center; + color: white; + padding: 20px 0px; + } + .foot img { + width: 2rem; + } + i { + color: #1ab64f; + } + \ No newline at end of file diff --git a/webtech project/hotelpage3.html b/webtech project/delhi-itc.html similarity index 79% rename from webtech project/hotelpage3.html rename to webtech project/delhi-itc.html index a3b5e98..e6087e2 100644 --- a/webtech project/hotelpage3.html +++ b/webtech project/delhi-itc.html @@ -11,22 +11,22 @@ @@ -96,12 +96,26 @@ - +
+ diff --git a/webtech project/hotelpage2.html b/webtech project/delhi-lalit.html similarity index 79% rename from webtech project/hotelpage2.html rename to webtech project/delhi-lalit.html index ed1abf0..182f6f7 100644 --- a/webtech project/hotelpage2.html +++ b/webtech project/delhi-lalit.html @@ -11,22 +11,22 @@ @@ -96,12 +96,26 @@ - +
+ diff --git a/webtech project/hotelpage1.html b/webtech project/delhi-taj.html similarity index 80% rename from webtech project/hotelpage1.html rename to webtech project/delhi-taj.html index dd845f5..c5dc048 100644 --- a/webtech project/hotelpage1.html +++ b/webtech project/delhi-taj.html @@ -11,22 +11,22 @@ @@ -96,12 +96,26 @@ - +
+ diff --git a/webtech project/delhi.html b/webtech project/delhi.html new file mode 100644 index 0000000..28e28b9 --- /dev/null +++ b/webtech project/delhi.html @@ -0,0 +1,95 @@ + + + + + + + SAMA + + + + + +
+
Hotels in Delhi
+
+
+ Taj-Image +
+
+
Taj Palace
+
2, Sardar Patel Marg, Diplomatic Enclave, Chanakyapuri, New Delhi, Delhi 110021 +
+ 📍View In Map +
4.8 ⭐
+ +
+ +
+
+
+
+ ITC Maurya-Img +
+
+
ITC Maurya
+
Akhaura Block, Bapu dham, Chanakyapuri, New Delhi, Delhi 110021 +
+ 📍View In Map +
4.6 ⭐
+ +
+
+
+
+
+ Lalit-Image +
+
+
The Lalit
+
Barakhamba Avenue, Connaught Place, New Delhi-110001 +
+ 📍View In Map +
4.8 ⭐
+ +
+ +
+ + +
+ + \ No newline at end of file diff --git a/webtech project/demo.html b/webtech project/demo.html new file mode 100644 index 0000000..146a29e --- /dev/null +++ b/webtech project/demo.html @@ -0,0 +1,87 @@ + + + + + + +
+ +
+ +

Dropdown Menu inside a Navigation Bar

+

Hover over the "Dropdown" link to see the dropdown menu.

+
+ + + + + diff --git a/webtech project/form.css b/webtech project/form.css new file mode 100644 index 0000000..6115389 --- /dev/null +++ b/webtech project/form.css @@ -0,0 +1,93 @@ +@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap'); + +body { + font-family: "DM Sans", sans-serif; + line-height: 1.5; + background-color: rgb(75, 198, 202); + padding: 0 2rem; +} + +.container { + margin: 2rem auto; + width: 100%; + max-width: 600px; + background-color: #FFF; + box-shadow: 0 10px 20px 0 rgba(#999, .25); + padding: .75rem; +} + +#image { + padding-bottom: 65%; + background-image: url('https://www.wallpaperimageshd.com/uploads/2020/01/20/summer-beach-wallpaper-1-1920x1080.jpg'); + background-repeat: no-repeat; + position: relative; + opacity: .9; +} + +#title { + position: absolute; + left: 5%; + top: 30%; + right: 10%; + font-size: 2.2rem; + font-weight: 700; + color: white; +} + +.cards{ + font-size: 1.3rem; + font-weight: 500; + color: #118a84; +} + +.form { + padding: 2rem 1rem 0; +} + +.input { + display: flex; + flex-direction: column-reverse; + position: relative; + padding-top: 1.5rem; +} + +.input_label { + color: #8597a3; + position: absolute; + top: 1.5rem; + transition: .25s ease; +} + +.input_field { + border: 0; + z-index: 1; + background-color: transparent; + border-bottom: 2px solid #eee; + font: inherit; + font-size: 1.125rem; + padding: .25rem 0; + +} + +.button { + font: inherit; + font-size: 1.25rem; + padding: 1em; + width: 50%; + margin-top: 2rem; + margin-left: 9rem; + font-weight: 500; + background-color: #0c666d; + color: #FFF; + border: 0; +} + +.text { + padding: 1rem 1rem; + text-align: center; + font-size: 1rem; + color: #8597a3; +} + + + diff --git a/webtech project/hotelpage9.html b/webtech project/goa-bloomsuites.html similarity index 78% rename from webtech project/hotelpage9.html rename to webtech project/goa-bloomsuites.html index f799d00..44fed82 100644 --- a/webtech project/hotelpage9.html +++ b/webtech project/goa-bloomsuites.html @@ -11,22 +11,22 @@ @@ -99,12 +99,26 @@ - +
+ diff --git a/webtech project/hotelpage8.html b/webtech project/goa-fairfield.html similarity index 79% rename from webtech project/hotelpage8.html rename to webtech project/goa-fairfield.html index 43b0131..7a24d78 100644 --- a/webtech project/hotelpage8.html +++ b/webtech project/goa-fairfield.html @@ -11,22 +11,22 @@ @@ -99,12 +99,26 @@ - +
+ diff --git a/webtech project/hotelpage7.html b/webtech project/goa-sterling.html similarity index 79% rename from webtech project/hotelpage7.html rename to webtech project/goa-sterling.html index e5edcc1..a9bef14 100644 --- a/webtech project/hotelpage7.html +++ b/webtech project/goa-sterling.html @@ -11,22 +11,22 @@ @@ -99,12 +99,26 @@ - +
+ diff --git a/webtech project/goa.html b/webtech project/goa.html new file mode 100644 index 0000000..7763869 --- /dev/null +++ b/webtech project/goa.html @@ -0,0 +1,93 @@ + + + + + + + SAMA + + + + +
+
Hotels in Goa
+
+
+ Taj-Image +
+
+
Bloomsuites Calangute
+
Calangute - Arpora Rd, Naikawaddo, Saligao, Goa 403516 +
+ 📍View In Map +
4.2 ⭐
+ +
+ +
+
+
+
+ ITC Maurya-Img +
+
+
Fairfield Arjuna
+
Survey No 11/14 Plot B C&E, Anjuna, Goa 403509 +
+ 📍View In Map +
4.9 ⭐
+ +
+
+
+
+
+ Lalit-Image +
+
+
Sterling Goa Varca
+
Sterling Goa Varca 605/D, Pedda - Colva Rd, Nomeo, Varca, Goa 403721 +
+ 📍View In Map +
4.4 ⭐
+ +
+ +
+ +
+ + \ No newline at end of file diff --git a/webtech project/hotelstyle.css b/webtech project/hotelstyle.css index 1471106..4f3fa4c 100644 --- a/webtech project/hotelstyle.css +++ b/webtech project/hotelstyle.css @@ -143,6 +143,7 @@ div.description p#hotel-desc { color: black; line-height: 2; padding: 20px; + line-height: 2.3rem; } @@ -314,6 +315,24 @@ hr { } +/* Footer */ + +footer { + height: 50px; + margin-top: 2px; + } + .foot { + background-color: rgba(27, 27, 27, 0.925); + text-align: center; + color: white; + padding: 20px 0px; + } + .foot img { + width: 2rem; + } + i { + color: #1ab64f; + } diff --git a/webtech project/login.html b/webtech project/login.html new file mode 100644 index 0000000..14f79bb --- /dev/null +++ b/webtech project/login.html @@ -0,0 +1,34 @@ + + + + + +
+
+

Sign-In Your Account

+
+
+
+ +
+
+ +
+
+ +
+
+ +
+ +
+
+

Don't have an account? Create

+
+
+ + + + + + \ No newline at end of file diff --git a/webtech project/hotelpage6.html b/webtech project/mumbai-novotel.html similarity index 78% rename from webtech project/hotelpage6.html rename to webtech project/mumbai-novotel.html index d1f0265..e8b5e70 100644 --- a/webtech project/hotelpage6.html +++ b/webtech project/mumbai-novotel.html @@ -11,22 +11,22 @@ @@ -99,12 +99,26 @@ - +
+ diff --git a/webtech project/hotelpage4.html b/webtech project/mumbai-trident.html similarity index 79% rename from webtech project/hotelpage4.html rename to webtech project/mumbai-trident.html index e1f90b5..993b359 100644 --- a/webtech project/hotelpage4.html +++ b/webtech project/mumbai-trident.html @@ -11,22 +11,22 @@ @@ -99,12 +99,26 @@ - +
+ diff --git a/webtech project/hotelpage5.html b/webtech project/mumbai-waterstones.html similarity index 79% rename from webtech project/hotelpage5.html rename to webtech project/mumbai-waterstones.html index 865e78f..05ac9e3 100644 --- a/webtech project/hotelpage5.html +++ b/webtech project/mumbai-waterstones.html @@ -11,22 +11,22 @@ @@ -99,12 +99,26 @@ - +
+ diff --git a/webtech project/mumbai.html b/webtech project/mumbai.html new file mode 100644 index 0000000..a7cf63e --- /dev/null +++ b/webtech project/mumbai.html @@ -0,0 +1,101 @@ + + + + + + + + SAMA + + + + + +
+
Hotels in Mumbai
+
+
+ Novotel +
+
+
Novotel Juhu Beach
+
Balraj Sahani Marg, Juhu Beach, Juhu, Mumbai, Maharashtra 400049 +
+ 📍View + In Map +
4.7 ⭐
+ +
+
+
+
+
+ Taj-Image +
+
+
Trident Hotel Bandra Kurla
+
C 56, G Block BKC, Bandra Kurla Complex, Bandra East, Mumbai, Maharashtra 400098 +
+ 📍View + In Map +
4.6 ⭐
+ +
+
+
+
+
+ Waterstones +
+
+
Waterstones
+
International Airport, Airport Rd, near Mumbai, Navpada, Marol, Andheri East, Mumbai, Maharashtra 400059 +
+ 📍View + In Map +
4.5 ⭐
+ +
+ +
+ +
+ + +