From dd975d154f6e864bea66d447c52559ff270e7955 Mon Sep 17 00:00:00 2001 From: Abhay Vershwal <abhayvershwal@gmail.com> Date: Wed, 29 May 2024 00:54:30 +0530 Subject: [PATCH 1/3] footer links are now vertically aligned and contact us link is now responsive and redirect the page to the contact us page --- Image-Gallery/style.css | 11 +++++++++++ index.html | 9 +++++---- styles.css | 2 +- 3 files changed, 17 insertions(+), 5 deletions(-) diff --git a/Image-Gallery/style.css b/Image-Gallery/style.css index 2012156e..d3f6966e 100644 --- a/Image-Gallery/style.css +++ b/Image-Gallery/style.css @@ -177,3 +177,14 @@ body { #next { left: 100%; } + +.footer__text{ + font-size: 16px; + transition: color 0.3s ease, font-size 0.3s ease; + display: block; +} + +.footer__text:hover{ + color: red; + font-size: 18px; +} \ No newline at end of file diff --git a/index.html b/index.html index 2a58dc28..55ee0c3d 100644 --- a/index.html +++ b/index.html @@ -599,6 +599,7 @@ <h2 class="section__title" align-items="center" data-aos="slide-right">Contact U </section> --> + <section id="contact"> <div class="container"> <div class="items"> @@ -657,10 +658,10 @@ <h3 class="footer__title">Tourguide<span>.</span></h3> </div> <div class="footer__col"> <h4 class="footer__subtitle">Support</h4> - <a href="./faq.html" class="footer__link">FAQs</a> - <a href="./tnc.html" class="footer__link">Terms & Conditions</a> - <a href="./privacy.html" class="footer__link">Privacy Policy</a> - <p class="footer__text">Contact Us</p> + <a href="./faq.html" class="footer__text">FAQs</a> + <a href="./tnc.html" class="footer__text">Terms & Conditions</a> + <a href="./privacy.html" class="footer__text">Privacy Policy</a> + <a href="http://127.0.0.1:5500/Travel_Website/index.html#contact" class="footer__text">Contact Us</a> </div> <div class="footer__col"> <h4>Address</h4> diff --git a/styles.css b/styles.css index 687f9ce2..a5833fe5 100644 --- a/styles.css +++ b/styles.css @@ -1932,4 +1932,4 @@ body { #toggle:hover i { color: #ffffff80; /* 80% opacity white for hovering effect */ -} +} \ No newline at end of file From fa2dd384329a8cc20238d4edc9fb4e26ed67b0ec Mon Sep 17 00:00:00 2001 From: Abhay Vershwal <abhayvershwal@gmail.com> Date: Wed, 29 May 2024 01:31:04 +0530 Subject: [PATCH 2/3] footer links are now vertically aligned and even the contact us link is responsive and rediret us to the contact us page --- Image-Gallery/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Image-Gallery/style.css b/Image-Gallery/style.css index 80505980..d3f6966e 100644 --- a/Image-Gallery/style.css +++ b/Image-Gallery/style.css @@ -187,4 +187,4 @@ body { .footer__text:hover{ color: red; font-size: 18px; -} +} \ No newline at end of file From e1ccbff6707aec7194731903b8d4ed94956856cc Mon Sep 17 00:00:00 2001 From: Abhay vershwal <93792490+abhayvershwal@users.noreply.github.com> Date: Wed, 29 May 2024 01:49:19 +0530 Subject: [PATCH 3/3] Update styles.css --- styles.css | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/styles.css b/styles.css index ed75a49e..c5e3fc47 100644 --- a/styles.css +++ b/styles.css @@ -1977,8 +1977,6 @@ body { #toggle:hover i { color: #ffffff80; /* 80% opacity white for hovering effect */ -<<<<<<< HEAD -======= } @@ -2085,5 +2083,4 @@ margin-left: 20px; .swiper-container-3d .swiper-slide-shadow-left { background-image: none; ->>>>>>> 6b980ba2505b366c3383d5bd620835513644f34e -} \ No newline at end of file +}