From d3374962d5f78e5096e131a9becf008b0dac59a0 Mon Sep 17 00:00:00 2001 From: laxmi47 Date: Wed, 23 Oct 2024 21:01:03 +0530 Subject: [PATCH 1/2] fixed footer in all pages --- Html-files/about.html | 155 ++++++----- Html-files/cart.html | 424 ++++++++++++++++++++--------- Html-files/contact.html | 566 ++++++++++++++++++++++----------------- Html-files/menu.html | 435 ++++++++++++++++++++++-------- Html-files/reviews.html | 467 +++++++++++++++++++++++--------- Html-files/services.html | 482 +++++++++++++++++++++------------ index.html | 203 +++++++------- 7 files changed, 1776 insertions(+), 956 deletions(-) diff --git a/Html-files/about.html b/Html-files/about.html index 79e09c09..5c72a2ec 100644 --- a/Html-files/about.html +++ b/Html-files/about.html @@ -543,7 +543,7 @@ .social-icons a:hover { color: brown; background-color: hsl(22, 76%, 85%); - border-radius: 10px; + border-radius: 100%; transform: scale(1.5); /* Increase size */ transition: transform 0.3s ease; /* Smooth transition effect */ } @@ -558,6 +558,23 @@ .fa-brands.fa-x-twitter:hover { color: #181e20 !important; } +.fa-brands.fa-youtube:hover { + color: red !important; +} +.fa-brands.fa-snapchat:hover { + color: yellow !important; +} +a { + text-decoration: none; + color: #fff; /* Set default text color */ + border-bottom: 2px solid transparent; /* Transparent border for the underline effect */ + transition: border-bottom-color 0.3s; /* Smooth transition for the underline color */ +} + +a:hover { + border-bottom-color: #803e3e; /* Underline color on hover */ +} + @@ -674,45 +691,42 @@

Why Choose Retro?

- - + + +
diff --git a/Html-files/menu.html b/Html-files/menu.html index 52a9989a..8fdb7a17 100644 --- a/Html-files/menu.html +++ b/Html-files/menu.html @@ -134,6 +134,218 @@ @@ -742,124 +970,99 @@

Palsnkin

- - - + + + - -
-
+ + + +
+

Made with ❤️ by Retro Team

+

© 2024 Retro. All Rights Reserved.

+
+ + + + + diff --git a/Html-files/services.html b/Html-files/services.html index 720e0c41..4ec41526 100644 --- a/Html-files/services.html +++ b/Html-files/services.html @@ -216,7 +216,7 @@ .social-icons a:hover { color: brown; background-color: hsl(22, 76%, 85%); - border-radius: 10px; + border-radius: 100%; transform: scale(1.5); /* Increase size */ transition: transform 0.3s ease; /* Smooth transition effect */ } @@ -231,6 +231,23 @@ .fa-brands.fa-x-twitter:hover { color: #181e20 !important; } +.fa-brands.fa-youtube:hover { + color: red !important; +} +.fa-brands.fa-snapchat:hover { + color: yellow !important; +} +a { + text-decoration: none; + color: #fff; /* Set default text color */ + border-bottom: 2px solid transparent; /* Transparent border for the underline effect */ + transition: border-bottom-color 0.3s; /* Smooth transition for the underline color */ +} + +a:hover { + border-bottom-color: #803e3e; /* Underline color on hover */ +} + /* Testimonial Container */ .testimonal__container { display: flex; @@ -306,40 +323,206 @@ transform: scale(1.1); } -.foot-panel2 .footer-colums a { - /* /* color: black!important; */ - text-decoration: none !important; - transition:transform 0.2s ease, text-decoration-color 0.2s ease; - /* display: inline-block; */ - +.new_footer_area { + background: hsl(203, 30%, 96%); + margin-top: 20px; +} - text-decoration: none; - color: #000; - position: relative; - padding-bottom: 2px; - - } +.new_footer_top { + padding: 80px 0px 150px; + position: relative; + overflow-x: hidden; +} - .foot-panel2 .footer-colums a::after{ - content: ''; - position: absolute; - left: 0; - bottom: 0; - width: 0; - height: 2px; - background-color: brown; - transition: width 0.3s ease; - width:0; - - } +/* Footer Bottom */ +.new_footer_area .footer_bottom { + padding-top: 5px; + padding-bottom: 50px; +} +.footer_bottom { + font-size: 14px; + font-weight: 300; + line-height: 20px; + color: #7f88a6; + padding: 27px 0px; +} - .foot-panel2 .footer-colums a:hover{ - transform: scale(1.05); - } +/* Company Widget Styling */ +.new_footer_top .company_widget p { + font-size: 16px; + font-weight: 300; + line-height: 28px; + color: #6a7695; + margin-bottom: 20px; +} +.new_footer_top .company_widget .f_subscribe_two .btn_get { + border-width: 1px; + margin-top: 20px; +} - .foot-panel2 .footer-colums a:hover::after{ - width:100%; - } +/* Contact Form Styling */ +.f_subscribe_two { + display: flex; + flex-direction: column; + gap: 15px; /* Ensure enough space between input fields */ +} + +.f_subscribe_two input[type="email"], +.f_subscribe_two textarea { + width: 100%; + padding: 12px; + border: 1px solid #e2e2eb; + border-radius: 5px; + font-size: 14px; + color: #333; + background-color: #f7f7f7; + margin-bottom: 10px; /* Spacing between inputs */ +} + +.f_subscribe_two input[type="email"]::placeholder, +.f_subscribe_two textarea::placeholder { + color: #b3b3b3; +} + +.f_subscribe_two textarea { + height: 120px; + resize: none; +} + +/* Button Styling */ +.f_subscribe_two button#butt { + background-color: #5e2ced; + color: white; + padding: 12px 20px; + border: none; + border-radius: 5px; + cursor: pointer; + transition: background-color 0.3s ease; +} + +.f_subscribe_two button#butt:hover { + background-color: #3d1bb0; +} + +/* General Hover Effects */ +a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus { + text-decoration: none; + outline: none; +} + +/* Widget and List Styling */ +.new_footer_top .f_widget.about-widget .f_list li a:hover { + color: #5e2ced; +} +.new_footer_top .f_widget.about-widget .f_list li { + margin-bottom: 11px; +} +.f_widget.about-widget .f_list li:last-child { + margin-bottom: 0px; +} +.f_widget.about-widget .f_list li { + margin-bottom: 15px; +} +.f_widget.about-widget .f_list { + margin-bottom: 0px; +} + +/* Social Icon Styling */ +.new_footer_top .f_social_icon a { + width: 44px; + height: 44px; + line-height: 43px; + background: transparent; + border: 1px solid #e2e2eb; + font-size: 24px; +} +.f_social_icon a { + width: 46px; + height: 46px; + border-radius: 50%; + font-size: 14px; + line-height: 45px; + color: #858da8; + display: inline-block; + background: #ebeef5; + text-align: center; + transition: all 0.2s linear; +} +.new_footer_top .f_social_icon a:hover { + background: #5e2ced; + border-color: #5e2ced; + color: white; +} +.new_footer_top .f_social_icon a + a { + margin-left: 4px; +} + +/* Heading and Title Styling */ +.new_footer_top .f-title { + margin-bottom: 30px; + color: #263b5e; +} +.f_600 { + font-weight: 600; +} +.f_size_18 { + font-size: 18px; +} +h1, h2, h3, h4, h5, h6 { + color: #4b505e; +} +.new_footer_top .f_widget.about-widget .f_list li a { + color: #6a7695; +} + +/* Background Animations */ +.new_footer_top .footer_bg { + position: absolute; + bottom: 0; + /* background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigB8iI5tb8WSVBuVUGc9UjjB8O0708X7Fdic_4O1LT4CmLHoiwhanLXiRhe82yw0R7LgACQ2IhZaTY0hhmGi0gYp_Ynb49CVzfmXtYHUVKgXXpWvJ_oYT8cB4vzsnJLe3iCwuzj-w6PeYq_JaHmy_CoGoa6nw0FBo-2xLdOPvsLTh_fmYH2xhkaZ-OGQ/s16000/footer_bg.png") no-repeat scroll center 0; */ + width: 100%; + height: 266px; +} + +/* Background Animations */ +.new_footer_top .footer_bg { + position: absolute; + bottom: 0; + width: 100%; + height: 266px; + overflow: hidden; /* Ensure animations don't cause scrollbars */ +} + +.new_footer_top .footer_bg .footer_bg_one { + width: 330px; + height: 105px; + background-size: 100%; + position: absolute; + bottom: 0; + right: -330px; /* Start off-screen to the right */ + animation: moveRightToLeft 22s ; +} + +.new_footer_top .footer_bg .footer_bg_two { + background: url("https://cdn.pixabay.com/animation/2023/02/07/13/30/13-30-08-292_512.gif") no-repeat center center; + width: 330px; + height: 105px; + background-size: 100%; + bottom: 0; + right: -330px; /* Start off-screen to the right */ + position: absolute; + animation: moveRightToLeft 30s ; +} + +/* Animation Keyframes */ +@keyframes moveRightToLeft { + 0% { + right: -330px; /* Start from right, off-screen */ + } + 100% { + right: 100%; /* End at left side of the container */ + } +} @@ -597,152 +780,99 @@

Retro - - + + + From e6b0d1b97a5bb29164a7b06b138b31bda7542ad2 Mon Sep 17 00:00:00 2001 From: laxmi47 Date: Tue, 29 Oct 2024 21:43:20 +0530 Subject: [PATCH 2/2] fixed footer in html files --- Html-files/Electronic.html | 649 +++++++++++++++++++++++++------------ Html-files/booknow.html | 13 +- Html-files/contact.html | 20 +- index.html | 16 - 4 files changed, 453 insertions(+), 245 deletions(-) diff --git a/Html-files/Electronic.html b/Html-files/Electronic.html index cafb6bb1..d8112539 100644 --- a/Html-files/Electronic.html +++ b/Html-files/Electronic.html @@ -561,6 +561,358 @@ .foot-panel2 .footer-colums a:hover::after{ width:100%; } + + + +.social-icons a { + font-size: 1.2rem; + padding: 8px; + margin: 15px; + text-decoration: none; + color: rgb(255, 246, 246); +} + +.social-icons a:hover { + color: brown; + background-color: hsl(22, 76%, 85%); + border-radius: 10px; + transform: scale(1.5); /* Increase size */ + transition: transform 0.3s ease; /* Smooth transition effect */ +} + + + + .about_container { + max-width: 1200px; + margin: 0 auto; + padding: 40px 20px; + background-color: hsl(203, 30%, 96%); + border-radius: 10px; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); +} +/* .aboutcontainer { + max-width: 1200px; + margin: 0 auto; + padding: 40px 20px; + background-color: hsl(203, 30%, 96%); + border-radius: 10px; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); +} */ +.about_container:hover { + box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3); /* Adds a shadow to the outer container */ + transform: scale(1.05); /* Slightly enlarges the outer box */ + transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition */ +} + +.about_container > * { + /* Prevent hover effect on inner elements */ + transition: none; + transform: none; +} + + +.about1 { + font-family: var(--ff-poppins); /* Use your defined font */ + color: hsl(208, 7%, 46%); /* Text color */ + line-height: 1.6; /* Increase line height for readability */ + margin-bottom: 20px; /* Spacing below this paragraph */ +} + + +.about2, +.about3 { + margin-bottom: 40px; /* Spacing between sections */ +} + +.section__title { + font-family: var(--ff-philosopher); /* Use your defined font */ + color: hsl(357, 82%, 35%); /* Title color */ + font-size: 1.8rem; /* Font size for headings */ + margin-bottom: 15px; /* Spacing below headings */ + border-bottom: 2px solid hsl(357, 82%, 35%); /* Underline for headings */ + padding-bottom: 5px; /* Padding below the heading */ +} +.section__titlestyle{ + font-family: var(--ff-philosopher); /* Use your defined font */ + color: hsl(357, 82%, 35%); /* Title color */ + font-size: 1.8rem; /* Font size for headings */ + margin-bottom: 15px; /* Spacing below headings */ + border-bottom: 2px solid hsl(357, 82%, 35%); /* Underline for headings */ + padding-bottom: 5px; + text-align: center; +} + +.about2 p, +.about3 p { + font-family: var(--ff-poppins); /* Use your defined font */ + color: hsl(208, 7%, 46%); /* Paragraph color */ + line-height: 1.6; /* Increase line height for readability */ + margin-bottom: 20px; /* Spacing below paragraphs */ +} + +/* Responsive design */ +@media (max-width: 768px) { + .about_container { + padding: 20px; /* Adjust padding for smaller screens */ + } + + .section__title { + font-size: 1.5rem; /* Adjust heading size for smaller screens */ + } + + .about1, .about2 p, .about3 p { + font-size: 0.9rem; /* Adjust font size for paragraphs */ + } +} + + + + +.new_footer_area { + background: hsl(203, 30%, 96%); + margin-top: 20px; +} + +.new_footer_top { + padding: 80px 0px 150px; + position: relative; + overflow-x: hidden; +} + +/* Footer Bottom */ +.new_footer_area .footer_bottom { + padding-top: 5px; + padding-bottom: 50px; +} +.footer_bottom { + font-size: 14px; + font-weight: 300; + line-height: 20px; + color: #7f88a6; + padding: 27px 0px; +} + +/* Company Widget Styling */ +.new_footer_top .company_widget p { + font-size: 16px; + font-weight: 300; + line-height: 28px; + color: #6a7695; + margin-bottom: 20px; +} +.new_footer_top .company_widget .f_subscribe_two .btn_get { + border-width: 1px; + margin-top: 20px; +} + +/* Contact Form Styling */ +.f_subscribe_two { + display: flex; + flex-direction: column; + gap: 15px; /* Ensure enough space between input fields */ +} + +.f_subscribe_two input[type="email"], +.f_subscribe_two textarea { + width: 100%; + padding: 12px; + border: 1px solid #e2e2eb; + border-radius: 5px; + font-size: 14px; + color: #333; + background-color: #f7f7f7; + margin-bottom: 10px; /* Spacing between inputs */ +} + +.f_subscribe_two input[type="email"]::placeholder, +.f_subscribe_two textarea::placeholder { + color: #b3b3b3; +} + +.f_subscribe_two textarea { + height: 120px; + resize: none; +} + +/* Button Styling */ +.f_subscribe_two button#butt { + background-color: #5e2ced; + color: white; + padding: 12px 20px; + border: none; + border-radius: 5px; + cursor: pointer; + transition: background-color 0.3s ease; +} + +.f_subscribe_two button#butt:hover { + background-color: #3d1bb0; +} + +/* General Hover Effects */ +a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus { + text-decoration: none; + outline: none; +} + +/* Widget and List Styling */ +.new_footer_top .f_widget.about-widget .f_list li a:hover { + color: #5e2ced; +} +.new_footer_top .f_widget.about-widget .f_list li { + margin-bottom: 11px; +} +.f_widget.about-widget .f_list li:last-child { + margin-bottom: 0px; +} +.f_widget.about-widget .f_list li { + margin-bottom: 15px; +} +.f_widget.about-widget .f_list { + margin-bottom: 0px; +} + +/* Social Icon Styling */ +.new_footer_top .f_social_icon a { + width: 44px; + height: 44px; + line-height: 43px; + background: transparent; + border: 1px solid #e2e2eb; + font-size: 24px; +} +.f_social_icon a { + width: 46px; + height: 46px; + border-radius: 50%; + font-size: 14px; + line-height: 45px; + color: #858da8; + display: inline-block; + background: #ebeef5; + text-align: center; + transition: all 0.2s linear; +} +.new_footer_top .f_social_icon a:hover { + background: #5e2ced; + border-color: #5e2ced; + color: white; +} +.new_footer_top .f_social_icon a + a { + margin-left: 4px; +} + +/* Heading and Title Styling */ +.new_footer_top .f-title { + margin-bottom: 30px; + color: #263b5e; +} +.f_600 { + font-weight: 600; +} +.f_size_18 { + font-size: 18px; +} +h1, h2, h3, h4, h5, h6 { + color: #4b505e; +} +.new_footer_top .f_widget.about-widget .f_list li a { + color: #6a7695; +} + +/* Background Animations */ +.new_footer_top .footer_bg { + position: absolute; + bottom: 0; + /* background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigB8iI5tb8WSVBuVUGc9UjjB8O0708X7Fdic_4O1LT4CmLHoiwhanLXiRhe82yw0R7LgACQ2IhZaTY0hhmGi0gYp_Ynb49CVzfmXtYHUVKgXXpWvJ_oYT8cB4vzsnJLe3iCwuzj-w6PeYq_JaHmy_CoGoa6nw0FBo-2xLdOPvsLTh_fmYH2xhkaZ-OGQ/s16000/footer_bg.png") no-repeat scroll center 0; */ + width: 100%; + height: 266px; +} + +/* Background Animations */ +.new_footer_top .footer_bg { + position: absolute; + bottom: 0; + width: 100%; + height: 266px; + overflow: hidden; /* Ensure animations don't cause scrollbars */ +} + +.new_footer_top .footer_bg .footer_bg_one { + width: 330px; + height: 105px; + background-size: 100%; + position: absolute; + bottom: 0; + right: -330px; /* Start off-screen to the right */ + animation: moveRightToLeft 22s linear infinite; +} + +.new_footer_top .footer_bg .footer_bg_two { + background: url("https://cdn.pixabay.com/animation/2023/02/07/13/30/13-30-08-292_512.gif") no-repeat center center; + width: 330px; + height: 105px; + background-size: 100%; + bottom: 0; + right: -330px; /* Start off-screen to the right */ + position: absolute; + animation: moveRightToLeft 30s linear infinite; +} + +/* Animation Keyframes */ +@keyframes moveRightToLeft { + 0% { + right: -330px; /* Start from right, off-screen */ + } + 100% { + right: 100%; /* End at left side of the container */ + } +} + +.social-icons a { + font-size: 1.2rem; + padding: 8px; + margin: 15px; + text-decoration: none; + color: rgb(255, 255, 255) !important; +} + +.social-icons a:hover { + color: brown; + background-color: hsl(22, 76%, 85%); + border-radius: 100%; + transform: scale(1.5); /* Increase size */ + transition: transform 0.3s ease; /* Smooth transition effect */ +} +.fa-brands.fa-facebook:hover { + color: #3B5998 !important; +} + +.fa-brands.fa-instagram:hover { + color: #D62976 !important; +} + +.fa-brands.fa-x-twitter:hover { + color: #181e20 !important; +} +.fa-brands.fa-youtube:hover { + color: red !important; +} +.fa-brands.fa-snapchat:hover { + color: yellow !important; +} +a { + text-decoration: none; + color: #fff; /* Set default text color */ + border-bottom: 2px solid transparent; /* Transparent border for the underline effect */ + transition: border-bottom-color 0.3s; /* Smooth transition for the underline color */ +} + +a:hover { + border-bottom-color: #ffffff; /* Underline color on hover */ +} + + Retro @@ -916,216 +1268,101 @@

Telephone Operator

- + + +
+

Made with ❤️ by Retro Team

+

© 2024 Retro. All Rights Reserved.

+
+ + +