diff --git a/hotel.css b/hotel.css index 29f00b72..a4e1c9dd 100644 --- a/hotel.css +++ b/hotel.css @@ -1,10 +1,12 @@ body { - font-family: 'Poppins', sans-serif; - margin: 0; - padding: 0; - display: flex; - flex-direction: column; - min-height: 100vh; + + font-family: 'Poppins', sans-serif; + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + min-height: 100vh; + } /* Header styles */ @@ -14,6 +16,14 @@ body { padding: 20px; } +.main-head { + + background: #000000; + color: white; + padding: 20px; + +} + nav { display: flex; justify-content: space-between; diff --git a/index.html b/index.html index 8974e0c4..e5739672 100644 --- a/index.html +++ b/index.html @@ -1534,9 +1534,17 @@

Share Your Experiences

transition: color 0.3s ease; } + +form { - - + display: flex; + flex-direction: column; + gap: 15px; + animation: fadeIn 0.8s ease-out; + width: 220px + +} + form { display: flex; flex-direction: column; diff --git a/style.css b/style.css index 5772f7cc..b29ccace 100644 --- a/style.css +++ b/style.css @@ -1165,36 +1165,57 @@ footer { color: #ffffff; text-align: center; } - + .footer-container { - display: flex; - justify-content: space-around; - flex-wrap: wrap; - gap: 20px; - max-width: 1200px; - margin: auto; -} -.footer-column { - flex: 1; - min-width: 200px; - margin: 10px; + display: flex; + justify-content: space-around; + gap: 20px; + max-width: 1200px; + margin: auto; + margin-left: 20px; + } + +.footer-column { + flex: 1; + min-width: 200px; + margin: 10px; + +} + .footer-column p{ color:white; } + +.footer-column a { + + font-size: 16px; + line-height: 2; + +} .footer-column a { - font-size: 16px; - line-height: 2; + + font-size: 16px; + line-height: 2; + } + #footer-contact-us{ display: flex; flex-direction: column; } + +.footer-column h3 { + margin-bottom: 5px; + font-size: 18px; + color: #f39c12; +} + .footer-column h3 { margin-bottom: 5px; font-size: 18px;