custom1/registration.html

253 lines
13 KiB
HTML
Raw Permalink Normal View History

SafeValue must use [property]=binding:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Registration</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">EventVerse</div><ul class="nav-1-nav-links"><li><a href="home.html">Platform Home</a></li><li><a href="about.html">Our Vision</a></li><li><a href="contact.html">Get In Touch</a></li><li><a href="services.html">Solutions</a></li><li><a href="faq.html">Help Center</a></li><li class="nav-1-dropdown"><a href="#">Resources<i class="fas fa-chevron-down"><i class="fas fa-chevron-down">🔽</i></i></a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Attend Event</button><button class="nav-1-btn nav-1-solid">Host an Event</button></div></nav></div>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Registration Form</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<section class="registration-section" aria-labelledby="registration-heading">
<div class="registration-container">
<div class="registration-info">
<h2 id="registration-heading">Join Our Virtual Conference Platform</h2>
<p>Register now to unlock a world of interactive virtual events, seamless networking, and engaging content.</p>
<ul>
<li>Access to diverse virtual conferences</li>
<li>Participate in dynamic breakout rooms</li>
<li>Engage in real-time live chat</li>
<li>Experience high-quality video streaming</li>
<li>Network with spatial audio or avatar rooms</li>
</ul>
<p>Connect, learn, and grow with industry leaders and peers from anywhere in the world.</p>
</div>
<div class="registration-form-wrapper">
<h3>Create Your Account</h3>
<form class="registration-form" action="#" method="POST">
<div class="form-group">
<label for="full-name">Full Name</label>
<input type="text" id="full-name" name="fullName" placeholder="John Doe" required>
</div>
<div class="form-group">
<label for="email">Email Address</label>
<input type="email" id="email" name="email" placeholder="john.doe@example.com" required>
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" id="password" name="password" placeholder="********" required>
</div>
<div class="form-group">
<label for="confirm-password">Confirm Password</label>
<input type="password" id="confirm-password" name="confirmPassword" placeholder="********" required>
</div>
<div class="form-group">
<label for="user-type">I am a...</label>
<select id="user-type" name="userType">
<option value="">Select an option</option>
<option value="attendee">Attendee</option>
<option value="speaker">Speaker</option>
<option value="organizer">Organizer</option>
<option value="exhibitor">Exhibitor</option>
</select>
</div>
<div class="form-actions">
<button type="submit" class="btn-primary">Register Now</button>
</div>
</form>
<p class="form-login-link">Already have an account? <a href="#login-section">Log In</a></p>
</div>
</div>
</section>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Benefits Section</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css" />
</head>
<body>
<section class="benefits-section" aria-labelledby="benefits-heading">
<div class="container">
<h2 id="benefits-heading">Why Choose Our Platform for Your Events?</h2>
<p class="lead">Discover the unparalleled advantages of hosting your virtual conferences and events with a platform built for engagement, interaction, and seamless execution.</p>
<div class="benefits-grid">
<article class="benefit-card">
<div class="icon-placeholder">🌐</div>
<h3>Immersive Virtual Spaces</h3>
<p>Experience dynamic spatial audio and avatar-based rooms that mimic real-world interactions, fostering genuine connections among attendees.</p>
</article>
<article class="benefit-card">
<div class="icon-placeholder">🗣️</div>
<h3>Real-Time Engagement</h3>
<p>Facilitate vibrant discussions with integrated live chat, Q&A sessions, and interactive polls that keep your audience actively involved.</p>
</article>
<article class="benefit-card">
<div class="icon-placeholder">📺</div>
<h3>High-Quality Streaming</h3>
<p>Deliver crystal-clear video streaming for keynotes and presentations, ensuring a professional and uninterrupted viewing experience for all.</p>
</article>
<article class="benefit-card">
<div class="icon-placeholder">🤝</div>
<h3>Effortless Networking</h3>
<p>Break down virtual barriers with dedicated breakout rooms and intuitive networking features designed to spark meaningful collaborations.</p>
</article>
<article class="benefit-card">
<div class="icon-placeholder">📊</div>
<h3>Actionable Analytics</h3>
<p>Gain insights into attendee behavior, session popularity, and engagement metrics to optimize future events and measure success.</p>
</article>
<article class="benefit-card">
<div class="icon-placeholder">⚙️</div>
<h3>Scalable & Reliable</h3>
<p>Our robust infrastructure supports events of any size, from small meetings to large-scale conferences, ensuring stability and performance.</p>
</article>
</div>
<div class="benefits-cta">
<a href="#demo" class="button">See It In Action</a>
</div>
</div>
</section>
</body>
</html>
<section class="social-signup-section" aria-labelledby="socialSignupHeading">
<div class="container">
<h2 id="socialSignupHeading" class="section-title">Join Our Community</h2>
<p class="section-subtitle">Connect instantly using your preferred social account.</p>
<div class="social-options-wrapper">
<a href="#signup-google" class="social-button google-btn" aria-label="Sign up with Google">
<span class="social-icon">G</span>
<span class="social-text">Sign Up with Google</span>
</a>
<a href="#signup-facebook" class="social-button facebook-btn" aria-label="Sign up with Facebook">
<span class="social-icon">f</span>
<span class="social-text">Sign Up with Facebook</span>
</a>
<a href="#signup-linkedin" class="social-button linkedin-btn" aria-label="Sign up with LinkedIn">
<span class="social-icon">in</span>
<span class="social-text">Sign Up with LinkedIn</span>
</a>
<a href="#signup-apple" class="social-button apple-btn" aria-label="Sign up with Apple">
<span class="social-icon"></span>
<span class="social-text">Sign Up with Apple</span>
</a>
</div>
<div class="divider" role="separator">
<span class="divider-text">OR</span>
</div>
<div class="alternative-signup-options">
<p>
<a href="#signup-email" class="email-signup-link">Continue with Email and Password</a>
</p>
<p class="existing-account">
Already have an account? <a href="#login" class="login-link">Log In</a>
</p>
</div>
</div>
</section>
<section class="footer-section legal-links-section">
<h3 class="section-title">Legal & Policies</h3>
<nav aria-label="Legal and Policy Links">
<ul class="link-list">
<li><a href="#terms-of-service">Terms of Service</a></li>
<li><a href="#privacy-policy">Privacy Policy</a></li>
<li><a href="#cookie-policy">Cookie Policy</a></li>
<li><a href="#community-guidelines">Community Guidelines</a></li>
<li><a href="#accessibility-statement">Accessibility Statement</a></li>
<li><a href="#trust-safety">Trust & Safety</a></li>
</ul>
</nav>
</section>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Privacy Policy Link Section</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- Wireframe Header Placeholder -->
<div class="header-placeholder">
<div class="container">
[Header / Navigation Bar]
</div>
</div>
<!-- Wireframe Main Content Placeholder -->
<div class="content-placeholder">
<div class="container">
[Main Page Content Section]
</div>
</div>
<!-- Privacy Policy Link Section -->
<section class="privacy-link-section" aria-labelledby="privacyHeading">
<div class="container">
<h2 id="privacyHeading">Your Data, Your Control. Learn More.</h2>
<p>
We prioritize the security and privacy of your information on our virtual conference platform.
Understand how we collect, use, and protect your data, ensuring a transparent and secure experience
for all attendees and organizers.
</p>
<div class="privacy-links">
<a href="#privacy-policy" class="button button-primary">Read Our Privacy Policy</a>
<a href="#terms-of-service" class="secondary-link">Terms of Service</a>
<a href="#cookie-policy" class="secondary-link">Cookie Policy</a>
</div>
<p class="wireframe-placeholder">
[Optional: Small print / Copyright text, if not in main footer]
</p>
</div>
</section>
<!-- Wireframe Footer Placeholder -->
<div class="footer-placeholder">
<div class="container">
[Main Footer Section]
</div>
</div>
</body>
</html>
<div class="footer-2-wrapper"><section class="footer-2-section"><div class="footer-2-top"><div class="footer-2-left"><h3 class="logo">VirtuCon</h3><p><strong>Address:</strong><br></br><span>Level 1, 12 Virtual Plaza, Innovation City, CA 90210</span></p><p><strong>Contact:</strong><br></br><span>1-800-CONNECT</span><br></br><a href="mailto:info@relume.io">info@virtucon.com</a></p><div class="footer-2-social-icons"><i class="fab fa-facebook"></i><i class="fab fa-instagram"></i><i class="fab fa-x-twitter"></i><i class="fab fa-linkedin"></i><i class="fab fa-youtube"></i></div></div><div class="footer-2-links-columns"><ul><li><a href="#">Platform Features</a></li><li><a href="#">Pricing Plans</a></li><li><a href="#">Success Stories</a></li><li><a href="#">Event Solutions</a></li><li><a href="#">Resource Hub</a></li></ul><ul><li><a href="#">About VirtuCon</a></li><li><a href="#">Help Center</a></li><li><a href="#">FAQs</a></li><li><a href="#">Join Our Team</a></li><li><a href="#">Get In Touch</a></li></ul></div></div><div class="footer-2-bottom"><p>© 2024 VirtuCon. All rights reserved.</p><ul class="footer-2-links"><li><a href="#">Privacy Policy</a></li><li><a href="#">Terms of Service</a></li><li><a href="#">Cookies Settings</a></li></ul></div></section></div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
document.body.style.display = 'none';
setTimeout(function() { document.body.style.display = ''; }, 10);
});
</script>
</body>
</html> (see https://g.co/ng/security#xss)