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

Fixed wrong page opening for bus ticket buying #941

Closed
wants to merge 4 commits into from
Closed

Fixed wrong page opening for bus ticket buying #941

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
a4e086c
Merge branch 'main' into main
saatvika07 Nov 5, 2024
0c1fd0f
Merge branch 'main' into main
saatvika07 Nov 6, 2024
ecd1957
Updated contactus.html for footer
saatvika07 Nov 7, 2024
82995f9
Merge branch 'main' into main
saatvika07 Nov 7, 2024
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
106 changes: 87 additions & 19 deletions contactus.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -150,6 +150,89 @@
text-align: center;
font-weight: bold;
}
/*new form form-cont css*/
.form-cont {
display: flex;
width: 100%;
align-items: center;
text-align: left;
}
.form-cont textarea {
width: 100%;
padding: 16px 12px;
font-size: 16px;
color: #3a506b;
background: #e6f0fa;
border: 1px solid #b3c7d6;
border-radius: 5px;
outline: none;
transition: 0.3s border-color ease-in-out;
}
form label {
font-weight: 600;
color: #333;
width: 100%;
}

form input,
form select {
width: 100%;
align-self: center;

border: 1px solid #ccc;
border-radius: 0px;
border: none;
border-bottom: 2px solid #ccc;
font-size: 1rem;
background-color: transparent;
transition: all 0.3s ease-in-out;
}

form input[type="text"]:focus,
form input[type="date"]:focus,
form input[type="time"]:focus,
form input[type="email"]:focus,
form select:focus {
outline: none;
background-color: transparent;
border-bottom: 2px solid #ff4d4d;
/* White bottom border on focus */
}

form .btn {
background-color: #ff4d4d;
border: 2px solid #ff4d4d;
color: white;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
padding: 25px;
width: 100%;
border-radius: 4px;
cursor: pointer;
font-size: 1.25rem;
margin-top: 30px;
}


form .btn:hover {
background-color: transparent;
color: #ff4d4d;
}
/* Floating label effect */
.form-group input:focus + label,
.form-group textarea:focus + label,
.form-group input:not(:placeholder-shown) + label,
.form-group textarea:not(:placeholder-shown) + label {
top: -8px;
left: 8px;
font-size: 12px;
background-color: #f0f4f8;
color: #5c91ad;
padding: 0 5px;
border-radius: 3px;
}

/*new form-cont css*/
.form-cont {
Expand Down Expand Up @@ -444,38 +527,23 @@ <h1>Contact Us</h1>
<label for="name">Message:</label>
<textarea id="message" name="message" rows="5" required placeholder=" "></textarea>
</div>
<button type="submit" class="btn">Submit Ticket</button>
<button type="submit" class="btn">Send Message</button

</form>
<!--</div>-->
</section>

<!-- Footer -->
<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.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>
Expand Down Expand Up @@ -536,7 +604,6 @@ <h4>FIND US</h4>
</footer>



<!-- <style>
/* General Footer Styling */
.footer-container {
Expand Down Expand Up @@ -1063,6 +1130,7 @@ <h4>FIND US</h4>


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

<style>
Expand Down
5 changes: 2 additions & 3 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -566,9 +566,8 @@ <h2>What type of transportation do you prefer for your travels?</h2>
<a href="contactus.html" style="text-decoration: none;"><i class="fas fa-envelope"></i> Contact</a>
<a href="contributor.html" style="text-decoration: none;"><i class="fas fa-users"></i> Contributors</a>
<a href="register.html" style="text-decoration: none;"><i class="fas fa-sign-in-alt"></i> Login</a>


</div>

</div>


<!-- Profile Icon -->
Expand Down