diff --git a/Css-files/about.css b/Css-files/about.css
index 46e4c152..56cad0d9 100644
--- a/Css-files/about.css
+++ b/Css-files/about.css
@@ -306,6 +306,7 @@
}
/* footer */
+
.foot-panel2{
background-color: transparent;
color:white;
diff --git a/Css-files/content.css b/Css-files/content.css
index e2228ea0..ed6cd014 100644
--- a/Css-files/content.css
+++ b/Css-files/content.css
@@ -386,54 +386,8 @@ div.deals:hover{
color:rgb(58, 58, 66);
}
-/* footer */
-.foot-panel2{
- background-color: transparent;
- color:white;
- display: flex;
- justify-content: space-evenly;
-}
-
-.footer-colums{
- margin-top: 20px;
-}
-
-.footer-colums p{
- font-weight: 700;
-}
-
-.footer-colums a{
- display: block;
- font-size: 0.85rem;
- margin-top: 10px;
- color: #dddddd;
-}
-
-.foot_panel4{
- background-color: transparent;
- color: white;
- height: auto;
- font-size: 0.9rem;
- text-align: center;
-}
-
-.pages{
- padding-top: 25px;
-}
-
-.copyright{
- padding-top: 10px;
-}
-form {
- /*padding-top: 20px;*/
- display: grid;
- /*padding-bottom: 100px;*/
-}
-label {
- font-weight: bold;
-}
input
{
@@ -483,6 +437,7 @@ input
color: #FFFC00;
}
+
.cart-section{
padding: 55px 70px 30px 70px;
background-color: transparent;
diff --git a/Css-files/style.css b/Css-files/style.css
index 8d50e613..3d8f9117 100644
--- a/Css-files/style.css
+++ b/Css-files/style.css
@@ -533,7 +533,7 @@ textarea {
}
#author{
- background-color:#871a7e ;
+
padding: 3px;
border-radius: 3px;
}
diff --git a/Html-files/about.html b/Html-files/about.html
index aeddff7a..265a2815 100644
--- a/Html-files/about.html
+++ b/Html-files/about.html
@@ -16,6 +16,7 @@
+
@@ -248,6 +249,7 @@
.about_container {
max-width: 1200px;
margin: 0 auto;
+ margin-bottom: 40px;
padding: 40px 20px;
background-color: hsl(203, 30%, 96%);
border-radius: 10px;
@@ -328,201 +330,17 @@
}
}
-
+/*Footer Style*/
-.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;
-}
-.new_footer_top .footer_bg .footer_bg_one {
- /* background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia0PYPxwT5ifToyP3SNZeQWfJEWrUENYA5IXM6sN5vLwAKvaJS1pQVu8mOFFUa_ET4JuHNTFAxKURFerJYHDUWXLXl1vDofYXuij45JZelYOjEFoCOn7E6Vxu0fwV7ACPzArcno1rYuVxGB7JY6G7__e4_KZW4lTYIaHSLVaVLzklZBLZnQw047oq5-Q/s16000/volks.gif") no-repeat center center; */
- width: 330px;
- height: 105px;
- background-size: 100%;
- position: absolute;
- bottom: 0;
- left: 30%;
- animation: myfirst 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;
- left: 38%;
- position: absolute;
- animation: myfirst 30s linear infinite;
-}
-/* Animation Keyframes */
-@keyframes myfirst {
- 0% {
- left: -25%;
- }
- 100% {
- left: 100%;
- }
-}
.social-icons a {
@@ -668,110 +486,85 @@ Why Choose Retro?
-