121 lines
8.5 KiB
HTML
121 lines
8.5 KiB
HTML
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Signup Page</title>
|
|
<link rel="stylesheet" href="style.css" />
|
|
</head>
|
|
<body>
|
|
<div class="page-wrapper">
|
|
<div class="nav-1-wrapper"><nav class="nav-1-navbar"><div class="nav-1-logo">Flipkart</div><ul class="nav-1-nav-links"><li><a href="index.html">Home</a></li><li><a href="product_listing_page.html">Product Listing Page</a></li><li><a href="cart_page.html">Cart Page</a></li><li><a href="login_page.html">Login Page</a></li><li><a href="dashboard_page.html">Dashboard Page</a></li><li><a href="signup_page.html">Signup Page</a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Join</button><button class="nav-1-btn nav-1-solid">Start</button></div></nav></div>
|
|
<section id="registration-form" class="registration-section">
|
|
<div class="container">
|
|
<div class="registration-card">
|
|
<h2 class="registration-heading">Create Your Account</h2>
|
|
<form action="#" method="POST" class="registration-form-content">
|
|
<div class="form-group">
|
|
<label for="fullName" class="form-label">Full Name</label>
|
|
<input type="text" id="fullName" name="fullName" placeholder="Enter your full name" required="" class="form-input">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="email" class="form-label">Email Address</label>
|
|
<input type="email" id="email" name="email" placeholder="Enter your email address" required="" class="form-input">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="password" class="form-label">Password</label>
|
|
<input type="password" id="password" name="password" placeholder="Create a password" required="" class="form-input">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="confirmPassword" class="form-label">Confirm Password</label>
|
|
<input type="password" id="confirmPassword" name="confirmPassword" placeholder="Confirm your password" required="" class="form-input">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="mobile" class="form-label">Mobile Number (Optional)</label>
|
|
<input type="tel" id="mobile" name="mobile" placeholder="Enter your mobile number" class="form-input">
|
|
</div>
|
|
<button type="submit" class="register-button">Register Account</button>
|
|
</form>
|
|
<div class="login-link-container">
|
|
<p>Already have an account? <a href="#" class="login-link">Log In here</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="terms-conditions-section">
|
|
<div class="terms-conditions-container">
|
|
<h2 class="terms-conditions-heading">Review Terms and Conditions</h2>
|
|
|
|
<div class="terms-content-wrapper">
|
|
<h3 class="terms-content-title">Website Usage Agreement</h3>
|
|
<p class="terms-content-paragraph">Welcome to [Your Website Name]. By accessing or using our website, you agree to be bound by these Terms and Conditions and our Privacy Policy. Please read them carefully.</p>
|
|
<h4 class="terms-content-subtitle">1. Acceptance of Terms</h4>
|
|
<p class="terms-content-paragraph">By accessing and using this website ([Your Website Name]), you accept and agree to be bound by the terms and provisions of this agreement. If you do not agree to abide by the above, please do not use this website.</p>
|
|
<h4 class="terms-content-subtitle">2. Intellectual Property</h4>
|
|
<p class="terms-content-paragraph">All content on this website, including text, graphics, logos, images, and software, is the property of [Your Company Name] or its content suppliers and is protected by international copyright laws.</p>
|
|
<h4 class="terms-content-subtitle">3. User Conduct</h4>
|
|
<p class="terms-content-paragraph">You agree to use this website only for lawful purposes and in a way that does not infringe the rights of, restrict or inhibit anyone else's use and enjoyment of the website. Prohibited behavior includes harassing or causing distress or inconvenience to any other user, transmitting obscene or offensive content, or disrupting the normal flow of dialogue within this website.</p>
|
|
<h4 class="terms-content-subtitle">4. Disclaimer of Warranties</h4>
|
|
<p class="terms-content-paragraph">This website and its content are provided "as is" without any representations or warranties, express or implied. [Your Company Name] makes no representations or warranties in relation to this website or the information and materials provided on this website.</p>
|
|
<h4 class="terms-content-subtitle">5. Limitation of Liability</h4>
|
|
<p class="terms-content-paragraph">In no event will [Your Company Name] be liable for any incidental, direct, indirect, consequential, special, or exemplary damages of any kind, including, without limitation, those resulting from loss of profit, loss of contracts, goodwill, data, information, income, anticipated savings or business relationships, whether or not advised of the possibility of such damage, arising out of or in connection with the use of this website or any linked websites.</p>
|
|
<h4 class="terms-content-subtitle">6. Changes to Terms</h4>
|
|
<p class="terms-content-paragraph">We reserve the right to revise these Terms and Conditions at any time by updating this posting. You should visit this page periodically to review the current Terms and Conditions.</p>
|
|
<h4 class="terms-content-subtitle">7. Governing Law</h4>
|
|
<p class="terms-content-paragraph">These Terms and Conditions are governed by and construed in accordance with the laws of [Your Country/State] and you irrevocably submit to the exclusive jurisdiction of the courts in that State or location.</p>
|
|
</div>
|
|
|
|
<div class="terms-agree-checkbox-group">
|
|
<input type="checkbox" id="terms-agree" name="terms-agree" class="terms-agree-checkbox">
|
|
<label for="terms-agree" class="terms-agree-label">
|
|
I have read and agree to the <a href="#terms-content-wrapper" class="terms-link" aria-label="Read full Terms and Conditions">Terms and Conditions</a>.
|
|
</label>
|
|
</div>
|
|
|
|
<p class="terms-validation-message" aria-live="polite" aria-atomic="true">Please accept the Terms and Conditions to proceed.</p>
|
|
</div>
|
|
</section>
|
|
<section class="signup-section">
|
|
<div class="signup-container">
|
|
<div class="signup-content">
|
|
<h2 class="signup-heading">Join Our Community Today!</h2>
|
|
<p class="signup-description">Sign up for free to access exclusive deals, track your orders, and personalize your shopping experience.</p>
|
|
<a href="#signup" class="signup-button">Sign Up Now</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="social-signup-options">
|
|
<h2 class="social-signup-title">Sign up with your social account</h2>
|
|
<div class="social-options-container">
|
|
<a href="#" class="social-option social-option-google">
|
|
<span class="social-icon social-icon-google"></span>
|
|
<span class="social-text">Continue with Google</span>
|
|
</a>
|
|
<a href="#" class="social-option social-option-facebook">
|
|
<span class="social-icon social-icon-facebook"></span>
|
|
<span class="social-text">Continue with Facebook</span>
|
|
</a>
|
|
<a href="#" class="social-option social-option-apple">
|
|
<span class="social-icon social-icon-apple"></span>
|
|
<span class="social-text">Continue with Apple</span>
|
|
</a>
|
|
<a href="#" class="social-option social-option-twitter">
|
|
<span class="social-icon social-icon-twitter"></span>
|
|
<span class="social-text">Continue with Twitter</span>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
<div class="account-prompt-section">
|
|
<p class="account-prompt-text">Already have an account?</p>
|
|
<a href="/login" class="account-prompt-link">Login</a>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
document.body.style.display = 'none';
|
|
setTimeout(function() { document.body.style.display = ''; }, 10);
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |