Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Revert "Fix: Improvements for issue #166" #227

Merged
merged 1 commit into from
Oct 6, 2024
Merged

Revert "Fix: Improvements for issue #166" #227

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
83 changes: 3 additions & 80 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1039,7 +1039,7 @@ <h2>Words from Our Clients <span class="highlight">Inspiring Testimonials of Sat
</section>


<!-- <footer>
<footer>
<div id="topbtn" class="topbtn">
<a class="gotopbtn" href="#"><i class="fa-solid fa-angles-up"></i></a>
</div>
Expand All @@ -1049,7 +1049,7 @@ <h2>Words from Our Clients <span class="highlight">Inspiring Testimonials of Sat
<p>Questions? Call 000-080-000-000</p>
</section>

About
<!-- About -->
<section class="about" id="about">

<div class="footer-links">
Expand Down Expand Up @@ -1087,91 +1087,14 @@ <h2>Words from Our Clients <span class="highlight">Inspiring Testimonials of Sat
</div>
</div>

<p>© 2024 CabRental. All rights reserved. | Designed and Developed by Sumit Kumar</p>
<!-- <p>© 2024 CabRental. All rights reserved. | Designed and Developed by Sumit Kumar</p> -->
<p> &copy; <script>document.write(new Date().getFullYear())</script> CabRental. All rights reserved. | Designed and Developed by Sumit Kumar</p>

</div>

</footer> -->

<footer>
<!-- Back to Top Button -->
<div id="topbtn" class="topbtn">
<a class="gotopbtn" href="#"><i class="fa-solid fa-angles-up"></i></a>
</div>

<!-- Footer Container -->
<div class="footer-container">
<!-- Call Us Section -->
<div class="call-us">
<p>Questions? Call <strong>000-080-000-000</strong></p>
</div>

<!-- Footer Links -->
<div class="footer-links">
<div class="footer-column">
<h3>About Us</h3>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Services</a></li>
</ul>
</div>
<div class="footer-column">
<h3>Support</h3>
<ul>
<li><a href="#">Help Center</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Cookies Preferences</a></li>
<li><a href="#">Legal Notices</a></li>
</ul>
</div>
<div class="footer-column">
<h3>Contact</h3>
<ul>
<li><a href="#">Account</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Corporate Information</a></li>
<li><a href="#">Pricing</a></li>
</ul>
</div>
<div class="footer-column">
<h3>Others</h3>
<ul>
<li><a href="#">Media Center</a></li>
<li><a href="#">Terms of Use</a></li>
<li><a href="Contact us/contact.html">Contact Us</a></li>
</ul>
</div>
</div>

<!-- Subscribe Newsletter -->
<div class="subscribe-newsletter">
<h3>Subscribe to Our Newsletter</h3>
<input type="email" placeholder="Enter your email">
<button>Subscribe</button>
</div>

<!-- Social Media -->
<div class="social-media">
<h3>Follow Us</h3>
<a href="#"><i class="fa-brands fa-facebook"></i></a>
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
<a href="#"><i class="fa-brands fa-instagram"></i></a>
</div>



<!-- Copyright Section -->
<div class="footer-copyright">
<p>&copy; <script>document.write(new Date().getFullYear())</script> CabRental. All rights reserved. | Designed and Developed by <a href="#">Sumit Kumar</a></p>
</div>

</footer>



<!-- Link to JS -->
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>

Expand Down
224 changes: 2 additions & 222 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -962,7 +962,7 @@ body {
}
}

/* footer {
footer {
background-color: #e6e7e9;
color: #141414;
padding: 7px 5px;
Expand Down Expand Up @@ -1048,208 +1048,6 @@ body {
margin: 20px 0;
text-align: center;
}
} */

footer {
background-color: rgb(241, 239, 239); /* Updated from #e6e7e9 to wheat */
color: #141414;

}

.footer-container {
max-width: 1500px;
margin: 0 auto;
}

.call-us {
text-align: center;
margin-bottom: 20px;
}

.call-us p {
margin: 0;
}

.footer-links {
display: flex; /* Keep this as flex to allow columns to be in a row */
flex-wrap: wrap; /* Allow wrapping if necessary */
justify-content: space-between; /* Space out columns evenly */
margin-bottom: 20px;
padding-left: 150px;
}

.footer-column {
flex: 1; /* Allow flexible width */
margin: 10px; /* Margin for spacing between columns */
min-width: 150px; /* Optional: Set a minimum width for the columns */
}

.footer-column h3 {
margin-bottom: 10px;
color: #e15151; /* Changed color */
font-size: 18px;
}

.footer-column ul {
list-style: none;
padding: 0;
}

.footer-column ul li {
margin-bottom: 10px;
}

.footer-column ul li a {
color: #141414;
text-decoration: none;
transition: color 0.3s;
}

.footer-column ul li a:hover {
color: #e15151; /* Changed hover color */
}

.subscribe-newsletter {
flex-basis: 35%; /* Flex basis for the newsletter section */
display: flex;
flex-direction: column;
align-items: center; /* Align items to start */
margin: 20px 0; /* Add margin for spacing */
}

.subscribe-newsletter h3 {
font-size: 28px;
margin-bottom: 20px;
color: #e15151; /* Changed color */
}

.subscribe-newsletter input {
padding: 10px;
width: 420px !important;
margin-bottom: 15px;
border: 2px solid #ccc;
border-radius: 25px;
}

.subscribe-newsletter button {
padding: 10px 20px;
background-color: #e15151; /* Button background color */
color: #fff;
border: none;
cursor: pointer;
transition: background-color 0.3s;
}

.subscribe-newsletter button:hover {
background-color: #333; /* Hover color */
}

/* Social Media */
.social-media {
text-align: center;
margin-bottom: 20px;
}

.social-media h3 {
font-size: 18px;
margin-bottom: 10px;
color: #e15151; /* Changed color */
}

.social-media a {
margin: 0 10px;
color: #141414;
font-size: 20px;
text-decoration: none;
transition: color 0.3s;
}

.social-media a:hover {
color: #e15151; /* Hover color */
}

.language-selector {
text-align: center;
margin-bottom: 20px;
}

.language-selector button {
background-color: #141414;
border: 1px solid #333;
color: #999;
padding: 10px 20px;
cursor: pointer;
transition: background-color 0.3s, color 0.3s;
display: flex;
align-items: center;
justify-content: center;
}

.language-selector button img {
margin-left: 10px;
}

.language-selector button:hover {
background-color: #333;
color: #fff;
}

p {
text-align: center;
margin-top: 20px;
font-size: 14px;
}


.footer-copyright {
text-align: center;
background-color: rgb(179, 171, 174);
color: black;
padding: 25px;
width: 100%; /* Use 100% for better responsiveness */
font-size: 14px;
font-family: Arial, sans-serif;
margin-top: 20px;
}

.footer-copyright p {
margin: 0;
line-height: 1.6;
background-color: transparent;
}

.footer-copyright a {
color: black;
text-decoration: none;
font-weight: bold;
padding: 0;
margin: 0;
background-color: transparent;
transition: color 0.3s;
}

.footer-copyright a:hover {
color: #e15151;
}


/* Responsive Design */
@media (max-width: 768px) {
.footer-links {
flex-direction: column; /* Stack items vertically on small screens */
align-items: center; /* Center items */
}

.footer-column {
margin: 20px 0; /* Add margin for spacing */
text-align: center; /* Center text */
width: 100%; /* Full width on smaller screens */
}

.subscribe-newsletter {
align-items: center; /* Center align */
margin: 20px 0; /* Margin for spacing */
}
}

/* review */
Expand Down Expand Up @@ -1535,24 +1333,6 @@ footer p {
.dark-mode .testimonial {
box-shadow: -1px -1px 20px 5px rgb(255 80 80);
}
.dark-mode .footer-copyright {
background-color: rgb(50, 50, 50); /* Dark background for copyright section */
color: white; /* Make text white for better visibility */
}

.dark-mode .footer-copyright a {
color: #e6e6e6; /* Light gray link text for better contrast */
}

.dark-mode .footer-copyright a:hover {
color: #e15151; /* Highlight color for hover in dark mode */
}

/* Dark Mode Styles for Footer Links */
.dark-mode .footer-column ul li a {
color: #fff; /* Change link text color to white for visibility */
}

.dark-mode .footer-column ul li a:hover {
color: #e15151; /* Highlight color for hover in dark mode */
color: #fff6f6;
}
Loading