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

Help page ui arranged properly. #950

Closed
wants to merge 3 commits into from
Closed

Help page ui arranged properly. #950

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
d3d3158
Merge branch 'main' into help
sayanp607 Nov 4, 2024
3ce1333
Merge branch 'main' into help
sayanp607 Nov 4, 2024
10ed600
Merge branch 'main' into help
sayanp607 Nov 6, 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
2 changes: 2 additions & 0 deletions buy.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -315,6 +315,7 @@

<nav class="navbar">
<img src="https://ticket-booking-blue.vercel.app/images/4.jpeg" alt="" style="border-radius: 50%; height: 35px; width: 35px;">
<div class="logo" style="font-size: 20px;">Ticket Marketplace</div>
<div class="logo">Ticket Marketplace</div>

<!-- Toggle Button (Visible on Small Screens) -->
Expand All @@ -332,6 +333,7 @@
</div>

<!-- Dark Mode Button -->
<button id="darkModeToggle" style="width: 40px; height: 40px;">🌙</button>
<button id="darkModeToggle">🌙</button>
</nav>

Expand Down
55 changes: 55 additions & 0 deletions contactus.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -562,6 +562,61 @@ <h4>HELPFUL LINKS</h4>
<li><a href="book_condition.html">Booking Conditions</a></li>
</ul>
</div>


<div class="footer-links">
<div class="footer-column">
<h4>HELPFUL LINKS</h4>
<ul>
<li><a href="help.html">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>

</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
<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 class="footer-column">
<h4>ABOUT US</h4>
Expand Down
9 changes: 9 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -580,6 +580,15 @@ <h2>What type of transportation do you prefer for your travels?</h2>
</a>
<div>

<a href="about.html"><i class="fas fa-info-circle"></i> About</a>
<a href="buy.html"><i class="fas fa-ticket-alt"></i> Buy Ticket</a>
<a href="sell.html"><i class="fas fa-tags"></i> Sell</a>
<a href="contactus.html"><i class="fas fa-envelope"></i> Contact</a>
<a href="contributor.html"><i class="fas fa-users"></i> Contributors</a>
<a href="login.html"><i class="fas fa-sign-in-alt"></i> Login</a>

<a href="register.html"><i class="fas fa-sign-in-alt"></i> Login</a>

<a href="index.html" style="text-decoration: none;"><i class="fas fa-home"></i> Home</a>
<a href="about.html" style="text-decoration: none;"><i class="fas fa-info-circle"></i> About</a>
<a href="buy.html" style="text-decoration: none;"><i class="fas fa-ticket-alt"></i> Buy Ticket</a>
Expand Down
83 changes: 83 additions & 0 deletions register.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -86,6 +86,8 @@
<header>
<nav class="navbar">
<img src="https://ticket-booking-blue.vercel.app/images/4.jpeg" alt="" style="border-radius: 50%; height: 35px; width: 35px;">
<div class="logo" style="margin-right: 200px; font-size: 20px;">Ticket Marketplace</div>
<div>
<div class="logo" style="font-size: 20px;">Ticket Marketplace</div>

<!-- Toggle Button (Visible on Small Screens) -->
Expand All @@ -99,6 +101,7 @@
<a href="sell.html"><i class="fas fa-tags"></i> Sell</a>
<a href="contactus.html"><i class="fas fa-envelope"></i> Contact</a>
<a href="contributor.html"><i class="fas fa-users"></i> Contributors</a>
<a href="register.html"><i class="fas fa-sign-in-alt"></i> Login</a>
<a href="login.html"><i class="fas fa-sign-in-alt"></i> Login</a>
</div>

Expand Down Expand Up @@ -244,7 +247,87 @@ <h4>FIND US</h4>
</ul>
</div>
</div>
<button id="darkModeToggle" style="width: 40px; height: 40px;">🌙</button>
</nav>
</header>
<body>
<div class="registration-form">
<h2>Register</h2>
<div class="form-field">
<label for="email">Email</label>
<input type="email" id="email" placeholder="Enter your email" required>
</div>
<div class="form-field">
<label for="username">Username</label>
<input type="text" id="username" placeholder="Enter your username" required>
</div>
<div class="form-field">
<label for="mobile">Mobile</label>
<input type="text" id="mobile" placeholder="Enter your mobile number" required>
</div>
<div class="form-field">
<label for="password">Password</label>
<input type="password" id="password" placeholder="Enter your password" required>
</div>
<div class="form-field">
<button onclick="registerUser()">Register</button>
<a href="./index.html">Back to Home</a>
</div>
<div id="message" class="message"></div>
</div>

<script>
// JavaScript for registration logic and validation
function registerUser() {
const email = document.getElementById('email').value.trim();
const username = document.getElementById('username').value.trim();
const mobile = document.getElementById('mobile').value.trim();
const password = document.getElementById('password').value.trim();
const messageElement = document.getElementById('message');

// Basic validation
if (!email || !username || !mobile || !password) {
showMessage('All fields are required!', 'error');
return;
}

// Email validation
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!emailRegex.test(email)) {
showMessage('Invalid email format!', 'error');
return;
}

// Username validation
if (username.length < 3) {
showMessage('Username must be at least 3 characters long!', 'error');
return;
}

// Mobile number validation
if (!/^\d{10}$/.test(mobile)) {
showMessage('Mobile number must be 10 digits!', 'error');
return;
}

// Password validation
if (password.length < 6) {
showMessage('Password must be at least 6 characters long!', 'error');
return;
}

// If all validations pass, display success message
showMessage('Registration successful!', 'success');
}

// Function to display messages
function showMessage(message, type) {
const messageElement = document.getElementById('message');
messageElement.textContent = message;
messageElement.className = `message ${type}`;
}
</script>

</div>


Expand Down