Skip to content

Commit

Permalink
Change Footer Alignment and Color Contrast (#1245)
Browse files Browse the repository at this point in the history
  • Loading branch information
lovelymahor committed Aug 4, 2024
1 parent cd70d5f commit ae474ac
Show file tree
Hide file tree
Showing 3 changed files with 9 additions and 7 deletions.
2 changes: 1 addition & 1 deletion Image-Gallery/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,7 @@ body {
}

.footer__col h4 {
color: var(--footer-text-color);
color: #123456;
}

.footer__col p {
Expand Down
8 changes: 4 additions & 4 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -1858,7 +1858,7 @@ <h2 class="section__title" data-aos="fade-up">Subscribe to get special prize</h2
<footer class="footer" data-aos="fade-up">
<div class=" footer__container">
<div class="footer__col">
<h3 class="footer-head" class="footer__title" style="cursor: default;">Tourguide<span>.</span></h3>
<h3 class="footer-head" class="footer__title" style="cursor: default;">Tourguide<span></span></h3>
<p>
Ready for your next adventure? Let's make it unforgettable.<br>
</p>
Expand All @@ -1867,7 +1867,7 @@ <h3 class="footer-head" class="footer__title" style="cursor: default;">Tourguide
</p>
</div>
<div class="footer__col">
<h3 class="footer-head" class="footer__title">Places You May Want to Visit<span>.</span></h3>
<h3 class="footer-head" class="footer__title">Places You May Want to Visit<span></span></h3>
<p class="footer__text footer_text">

<a href="Cultural_Exp.html">Cultural Experiences</a>
Expand All @@ -1889,7 +1889,7 @@ <h4 class="footer-head" class="footer__subtitle">Support</h4>
</div>
</div>
<div class="footer__col">
<h4 class="footer-head" style="padding-left: 35px;"> Address</h4>
<h4 class="footer-head" style="padding-left: 35px; color: #123456;"> Address</h4>
<div class="mapouter">
<div class="gmap_canvas"><iframe width="200" height="200" id="gmap_canvas"
src="https://maps.google.com/maps?q=wellington%20street%20kolkata&t=k&z=11&ie=UTF8&iwloc=&output=embed"
Expand Down Expand Up @@ -1968,7 +1968,7 @@ <h4>Contact Us</h4>

</div>
<div style="padding: 32px; background-color: transparent; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
<label for="google_translate_element" style="display: block; font-weight: bold; margin-bottom: 10px; font-size: 20px; color: white;">Select Language:</label>
<label for="google_translate_element" style="display: block; font-weight: bold; margin-bottom: 10px; font-size: 20px; color: #123456;">Select Language:</label>
<div id="google_translate_element" style="display: inline-block; margin-top: 10px; padding: 20px; border: 1px solid #ff9fcf; border-radius: 5px; background-color: #fff;"></div>
</div>
</div>
Expand Down
6 changes: 4 additions & 2 deletions styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -1319,6 +1319,7 @@ body, html {
font-weight: 600;
margin-bottom: 20px;
color: #123456;
font-weight: bold;
}

.footer__col h3 span {
Expand All @@ -1341,9 +1342,9 @@ body, html {

.footer__col h4 {
font-size: 1.5rem;
font-weight: 600;
font-weight: bold;
margin-bottom: 15px;
color: #ff0000;
color: #123456;
}

.footer__bar {
Expand All @@ -1356,6 +1357,7 @@ body, html {
color: var(--extra-light);
padding-top: 1rem;
margin-top: 1rem;
background: linear-gradient(to right, rgba(204, 204, 204, 0), #123456, rgba(204, 204, 204, 0)); /* Gradient effect */
border-top: 2px solid var(--text-light);
}

Expand Down

0 comments on commit ae474ac

Please sign in to comment.