Skip to content

Commit

Permalink
Merge pull request #958 from sachinggsingh/feature-branch
Browse files Browse the repository at this point in the history
Footer are different #923 solved
  • Loading branch information
ankit071105 authored Nov 4, 2024
2 parents 7d7f72c + 8233f20 commit 1070b85
Show file tree
Hide file tree
Showing 2 changed files with 91 additions and 149 deletions.
236 changes: 89 additions & 147 deletions contactus.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,8 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Footer section link -->
<link rel="stylesheet" href="footer.css">
<title>Contact Us - Trainline</title>

<style>
Expand Down Expand Up @@ -192,34 +194,34 @@
}

/* Footer */
.footer-container {
/* .footer-container {
background-color: #1f2937;
color: #ffffff;
padding: 40px 0;
font-family: Arial, sans-serif;
}
} */

/* Logo and Tagline */
/* Logo and Tagline
.footer-logo-section {
text-align: center;
margin-bottom: 30px;
}
.footer-logo {
} */
/* .footer-logo {
max-width: 150px;
margin-bottom: 10px;
border-radius: 50px;
}
.footer-logo-section p {
} */
/* .footer-logo-section p {
margin: 5px 0;
font-size: 0.95rem;
}
.follow-us {
margin-top: 10px;
font-weight: bold;
}
} */

/* Social Media Icons */
.social-icons a {
/* .social-icons a {
display: inline-block;
margin: 0 10px;
color: #12e9cc;
Expand All @@ -228,10 +230,10 @@
}
.social-icons a:hover {
color: #76b2ab;
}
} */

/* Footer Link Sections */
.footer-links {
/* .footer-links {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
Expand All @@ -252,18 +254,18 @@
}
.footer-column ul li {
margin-bottom: 8px;
}
.footer-column ul li a {
} */
/* .footer-column ul li a {
color: #ffffff;
text-decoration: none;
font-size: 0.95rem;
}
.footer-column ul li a:hover {
text-decoration: underline;
}
} */

/* Footer Bottom Links */
.footer-bottom {
/* .footer-bottom {
text-align: center;
border-top: 1px solid #ddd;
padding-top: 20px;
Expand All @@ -284,9 +286,9 @@
}
.footer-bottom ul li a:hover {
text-decoration: underline;
}
} */

/* Responsive Adjustments */
/* Responsive Adjustments
@media (max-width: 768px) {
.footer-links {
flex-direction: column;
Expand All @@ -300,7 +302,7 @@

footer ul li a:hover {
color: #fff;
}
} */

/* Animation */
@keyframes fadeIn {
Expand Down Expand Up @@ -373,151 +375,84 @@ <h2>Contact Us</h2>

<!-- Footer Section -->
<footer class="footer-container">
<div class="footer-top">
<footer>

<div class="footer-logo-section">
<a href="#"> <img src="./images/3.jpeg" alt="easyJet holidays logo" class="footer-logo"></a>
<p style="color: #b5fdf4;">Affordable adventures, unforgettable memories—explore with ease.</p>
<p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
<div class="social-icons">
<a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
<a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
<a href="https://www.twitter.com"><i class="fab fa-twitter"></i></a>
<a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
<a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>
</div>
</div>

<div class="footer-container">
<div class="footer-logo-section">
<a href="#"><img src="./images/3.jpeg" alt="easyJet holidays logo" class="footer-logo"></a>
<p style="color: #b5fdf4;">Affordable adventures, unforgettable memories—explore with ease.</p>
<p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
<div class="social-icons">
<a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
<a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
<a href="https://www.twitter.com"><i class="fa-brands fa-x-twitter"></i></a>
<a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
<a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>
<div class="footer-top">

<div class="footer-logo-section">
<a href="#"> <img src="./images/3.jpeg" alt="easyJet holidays logo" class="footer-logo"></a>
<p style="color: #b5fdf4;">Affordable adventures, unforgettable memories—explore with ease.</p>
<p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
<div class="social-icons">
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-x-twitter"></i></a>
<a href="#"><i class="fab fa-linkedin"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
</div>
</div>
</div>


<div class="footer-links">
<div class="footer-column">
<h4>HELPFUL LINKS</h4>
<ul>
<li><a href="#">Help Centre</a></li>
<li><a href="#">Special Assistance</a></li>
<li><a href="#">Download The App</a></li>
<li><a href="#">Booking Conditions</a></li>
</ul>
</div>
<div class="footer-links">
<div class="footer-column">
<h4>HELPFUL LINKS</h4>
<ul>
<li><a href="#">Help Centre</a></li>
<li><a href="#">Special Assistance</a></li>
<li><a href="#">Download The App</a></li>
<li><a href="#">Booking Conditions</a></li>
<li><a href="Faq.html">FAQ</a></li>

<div class="footer-column">
<h4>ABOUT US</h4>
<ul>
<li><a href="#">Media Center</a></li>
<li><a href="#">Investors</a></li>
<li><a href="ModernSlaveryAct.html">Modern Slavery Act</a></li>
<li><a href="terms.html">Terms Of Use</a></li>
</ul>
</div>
</ul>
</div>

<div class="footer-column">
<h4>KEEPING SAFE</h4>
<ul>
<li><a href="#">ATOL Protected</a></li>
<li><a href="./travelawares.html">Travel Aware</a></li>
<li><a href="fcdoTravel.html">FCDO Travel Advice</a></li>
<li><a href="#">ABTA</a></li>
</ul>
</div>
<div class="footer-column">
<h4>ABOUT US</h4>
<ul>
<li><a href="#">Media Center</a></li>
<li><a href="#">Investors</a></li>
<li><a href="ModernSlaveryAct.html">Modern Slavery Act</a></li>
<li><a href="terms.html">Terms Of Use</a></li>
</ul>
</div>

<div class="footer-column">
<h4>KEEPING SAFE</h4>
<ul>
<li><a href="atol.html">ATOL Protected</a></li>
<li><a href="./travelawares.html">Travel Aware</a></li>
<li><a href="fcdoTravel.html">FCDO Travel Advice</a></li>
<li><a href="abta.html">ABTA</a></li>
</ul>
</div>

<div class="footer-column">
<h4>FIND US</h4>
<ul>
<li><a href="contactus.html">Contact Us</a></li>
<li><a href="GroupCookieNotice.html">Group Cookie Notice</a></li>
<li><a href="privacy.html">Privacy And Policy</a></li>
<li><a href="sitemap.html">Sitemap</a></li>
</ul>
<div class="footer-column">
<h4>FIND US</h4>
<ul>

<li><a href="contactus.html">Contact
<li><a href="GroupCookieNotice.html">Group Cookie Notice</a></li>
<li><a href="privacy.html">Privacy And Policy</a></li>
<li><a href="sitemap.html">Sitemap</a></li>
</ul>
</div>
</div>
</div>
</div>


<div class="footer-bottom">
<ul>
<li><a href="#">Holiday Type</a></li>
<li><a href="#">Holiday Deals</a></li>
<li><a href="#">Popular Counters</a></li>
<li><a href="#">Flight Only</a></li>
<li><a href="#">Top Hotels</a></li>
<li><a href="Faq.html">FAQ</a></li>

</ul>
</div>
</div>
</footer>


<div class="footer-links">
<div class="footer-column">
<h4>HELPFUL LINKS</h4>
<ul>
<li><a href="#">Help Centre</a></li>
<li><a href="#">Special Assistance</a></li>
<li><a href="#">Download The App</a></li>
<li><a href="#">Booking Conditions</a></li>
<li><a href="Faq.html">FAQ</a></li>

</ul>
</div>

<div class="footer-column">
<h4>ABOUT US</h4>
<ul>
<li><a href="#">Media Center</a></li>
<li><a href="#">Investors</a></li>
<li><a href="ModernSlaveryAct.html">Modern Slavery Act</a></li>
<li><a href="terms.html">Terms Of Use</a></li>
</ul>
</div>

<div class="footer-column">
<h4>KEEPING SAFE</h4>
<ul>
<li><a href="#">ATOL Protected</a></li>
<li><a href="./travelawares.html">Travel Aware</a></li>
<li><a href="fcdoTravel.html">FCDO Travel Advice</a></li>
<li><a href="#">ABTA</a></li>
</ul>
</div>

<div class="footer-column">
<h4>FIND US</h4>
<ul>

<li><a href="contactus.html">Contact
<li><a href="GroupCookieNotice.html">Group Cookie Notice</a></li>
<li><a href="privacy.html">Privacy And Policy</a></li>
<li><a href="sitemap.html">Sitemap</a></li>
</ul>
</div>
</div>
</div>
</div>


<div class="footer-bottom">
<ul>
<li><a href="#">Holiday Type</a></li>
<li><a href="#">Holiday Deals</a></li>
<li><a href="#">Popular Counters</a></li>
<!-- <li><a href="#">Flight Only</a></li> -->
<li><a href="#">Top Hotels</a></li>
</ul>
</div>
</footer>
</footer>

<style>
<!-- <style>
/* General Footer Styling */
.footer-container {
background-color: #1f2937;
Expand Down Expand Up @@ -731,9 +666,16 @@ <h4>FIND US</h4>
padding: 40px 0;
font-family: Arial, sans-serif;
}
</style>
</style> -->

<!-- <<<<<<< feature-branch -->
<!-- </style> -->


<!-- Scroll to Top Button -->
<button id="scrollToTop" onclick="scrollToTop()"></button>


</style>
<script>
const trustedDomains = [
'gmail.com',
Expand Down
4 changes: 2 additions & 2 deletions styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -212,7 +212,7 @@ p {
}

/* Footer Styles */
/* footer {
footer {
background-color: #1f2937;
color: white;
text-align: center;
Expand All @@ -231,7 +231,7 @@ p {

.footer a:hover {
color: #00a690;
} */
}

/* Form Section */
form {
Expand Down

0 comments on commit 1070b85

Please sign in to comment.