risadmin_prod/myapprepo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Build_Site

Browse Source
This commit is contained in:
risadmin_prod 2025-07-11 03:56:09 +00:00
parent 8ee101902c
commit c31903823b
7 changed files with 8511 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1242
dashboard.html Normal file
View File

File diff suppressed because it is too large Load Diff

1432
event_detail_page.html Normal file
View File

File diff suppressed because it is too large Load Diff

1333
explore_events.html Normal file
View File

File diff suppressed because it is too large Load Diff

712
index.html
View File

@ -5,16 +5,704 @@
</head>
<body>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>home</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="hero-2-wrapper"><section class="hero-2-centered-hero"><h2 class="hero-2-heading">Revolutionize Student Data Management with iCard</h2><p class="hero-2-description">Effortlessly create personalized student ID cards. Upload your data, choose a template, and generate customized cards in minutes. Save time and streamline your workflow.</p><div class="hero-2-button-group"><button class="hero-2-btn hero-2-solid">Get Started</button><button class="hero-2-btn hero-2-outline">Learn More</button></div><div class="hero-2-image"><img class="hero-2-placeholder" src="https://images.unsplash.com/photo-1685599504130-9ee12eef06eb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3NjE3ODR8MHwxfHNlYXJjaHwxfHxzdHVkZW50JTI1MjBpZCUyNTIwY2FyZHMlMkMlMjUyMGRhdGElMjUyMG1hbmFnZW1lbnQlMkMlMjUyMGV4Y2VsJTI1MjBpbnRlZ3JhdGlvbiUyQyUyNTIwdGVtcGxhdGUlMjUyMGN1c3RvbWl6YXRpb258ZW58MHx8fHwxNzUxMjU3NjUyfDA&ixlib=rb-4.1.0&q=80&w=1080" /></div></section></div>
</body>
</html></body>
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>Home</title>
<style id="page-styles">
.nav-1-wrapper {
margin: 0;
font-family: sans-serif;
}
.nav-1-navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 40px;
border-bottom: 1px solid #eee;
}
.nav-1-logo {
font-family: cursive;
font-size: 24px;
font-weight: bold;
}
.nav-1-nav-links {
list-style: none;
display: flex;
gap: 20px;
margin: 0;
padding: 0;
}
.nav-1-nav-links li a {
text-decoration: none;
color: #111;
font-size: 14px;
}
.nav-1-dropdown i {
font-size: 10px;
margin-left: 5px;
}
.nav-1-nav-actions {
display: flex;
gap: 10px;
}
.nav-1-btn {
padding: 6px 14px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
border: 2px solid #111;
}
.nav-1-outline {
background-color: transparent;
color: #111;
}
.nav-1-solid {
background-color: #111;
color: #fff;
}
.hero-2-wrapper {
margin: 0;
font-family: sans-serif;
background: #fff;
}
.hero-2-centered-hero {
text-align: center;
padding: 60px 20px;
}
.hero-2-heading {
font-size: 28px;
font-weight: bold;
margin-bottom: 16px;
}
.hero-2-description {
font-size: 14px;
color: #555;
margin-bottom: 24px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.hero-2-button-group {
display: flex;
gap: 16px;
justify-content: center;
margin-bottom: 40px;
}
.hero-2-btn {
padding: 10px 20px;
font-size: 14px;
font-weight: bold;
border-radius: 4px;
cursor: pointer;
}
.hero-2-solid {
background: #000;
color: #fff;
border: 1px solid #000;
}
.hero-2-outline {
background: transparent;
border: 1px solid #000;
color: #000;
}
.hero-2-image {
display: flex;
justify-content: center;
margin-top: 20px;
}
.hero-2-placeholder {
background: #ccc;
width: 100%;
max-width: 800px;
height: 300px;
border-radius: 6px;
overflow: hidden;
/* ensures image doesn't overflow */
}
.hero-2-placeholder img {
width: 100%;
height: 100%;
object-fit: cover;
/* makes sure the image fills without distortion */
display: block;
border-radius: 6px;
}
.grid-12-wrapper {
margin: 0;
font-family: sans-serif;
background: #f5f5f5;
}
.grid-12-section {
padding: 60px 20px;
text-align: center;
background: #fff;
}
.grid-12-heading {
font-size: 26px;
font-weight: bold;
margin-bottom: 40px;
}
.grid-12-grid {
display: flex;
gap: 24px;
flex-wrap: wrap;
justify-content: center;
}
.grid-12-card {
max-width: 280px;
text-align: left;
}
.grid-12-icon {
font-size: 24px;
margin-bottom: 16px;
color: #000;
}
.grid-12-title {
font-size: 16px;
font-weight: bold;
margin-bottom: 12px;
}
.grid-12-desc {
font-size: 14px;
color: #555;
margin-bottom: 16px;
}
.grid-12-btn {
font-size: 14px;
font-weight: bold;
cursor: pointer;
background: transparent;
border: none;
color: #000;
}
.grid-12-arrow {
font-size: 14px;
font-weight: bold;
cursor: pointer;
background: transparent;
border: none;
color: #000;
}
.testimonial-1-wrapper * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.testimonial-1-wrapper {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
background-color: #ffffff;
padding: 80px 20px;
}
.testimonial-1-container {
max-width: 600px;
width: 100%;
margin: 0 auto;
text-align: center;
}
.testimonial-1-logo {
height: 24px;
margin-bottom: 30px;
}
.testimonial-1-text {
font-size: 18px;
line-height: 1.6;
color: #666666;
font-weight: 400;
margin-bottom: 30px;
}
.testimonial-1-author {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
}
.testimonial-1-author-image {
width: 60px;
height: 60px;
border-radius: 50%;
object-fit: cover;
border: 1px solid #e0e0e0;
}
.testimonial-1-author-name {
font-size: 16px;
font-weight: 600;
color: #000000;
margin-bottom: 4px;
text-align: left;
}
.testimonial-1-author-position {
font-size: 14px;
color: #666666;
font-weight: 400;
text-align: left;
}
/* Responsive Design */
@media (max-width: 768px) {
.testimonial-1-text {
font-size: 16px;
}
.testimonial-1-author-name {
font-size: 14px;
}
.testimonial-1-author-position {
font-size: 12px;
}
.testimonial-1-wrapper {
padding: 40px 16px;
}
}
.logo-section {
padding: 40px;
background-color: #fff;
border-radius: 12px;
font-family: sans-serif;
}
.container {
max-width: 1000px;
margin: auto;
}
.section-title {
font-size: 24px;
font-weight: bold;
margin-bottom: 30px;
}
.logo-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
gap: 20px;
}
.logo-item {
font-size: 16px;
font-weight: 500;
text-align: center;
padding: 10px 0;
color: #111;
}
.pricing-2-wrapper {
font-family: sans-serif;
background: #fff;
padding: 40px 20px;
text-align: center;
}
.pricing-2-section {
max-width: 1000px;
margin: auto;
}
.pricing-2-tagline {
font-size: 12px;
font-weight: bold;
margin-bottom: 8px;
}
.pricing-2-heading {
font-size: 32px;
font-weight: bold;
margin-bottom: 8px;
}
.pricing-2-subheading {
font-size: 14px;
color: #555;
margin-bottom: 24px;
}
.pricing-2-toggle {
margin-bottom: 40px;
}
.pricing-2-btn {
border: 1px solid #000;
background: transparent;
padding: 10px 20px;
font-weight: bold;
cursor: pointer;
margin: 0 5px;
}
.pricing-2-btn-active {
background: #000;
color: #fff;
}
.pricing-2-grid {
display: flex;
justify-content: center;
gap: 24px;
flex-wrap: wrap;
}
.pricing-2-card {
border: 1px solid #ccc;
padding: 24px;
max-width: 320px;
text-align: left;
}
.pricing-2-icon {
font-size: 24px;
margin-bottom: 16px;
}
.pricing-2-plan-title {
font-size: 18px;
font-weight: bold;
margin: 8px 0;
}
.pricing-2-plan-subtitle {
font-size: 14px;
color: #666;
margin-bottom: 16px;
}
.pricing-2-price {
font-size: 24px;
font-weight: bold;
margin: 8px 0;
}
.pricing-2-price-small {
font-size: 14px;
font-weight: normal;
}
.pricing-2-divider {
margin: 16px 0;
border: none;
border-top: 1px solid #ddd;
}
.pricing-2-includes {
font-weight: bold;
margin-bottom: 8px;
}
.pricing-2-feature-list {
list-style: none;
padding: 0;
font-size: 14px;
line-height: 1.8;
color: #333;
margin-bottom: 24px;
}
.pricing-2-cta {
width: 100%;
background: #000;
color: #fff;
border: none;
padding: 12px;
font-weight: bold;
cursor: pointer;
}
.newsletter-2-wrapper {
font-family: sans-serif;
margin: 0;
padding: 0;
background: #f5f3f0;
}
.newsletter-2-section {
background: #fff;
padding: 60px 40px;
}
.newsletter-2-container {
max-width: 1200px;
margin: auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
gap: 40px;
}
.newsletter-2-left {
flex: 1;
min-width: 300px;
}
.newsletter-2-heading {
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
}
.newsletter-2-description {
font-size: 14px;
color: #666;
}
.newsletter-2-right {
flex: 1;
min-width: 280px;
}
.newsletter-2-signup-form {
display: flex;
gap: 10px;
margin-bottom: 10px;
}
.newsletter-2-email-input {
flex: 1;
padding: 10px;
font-size: 14px;
border: 1px solid #aaa;
border-radius: 4px;
}
.newsletter-2-submit-btn {
padding: 10px 16px;
background: #000;
color: #fff;
border: none;
font-weight: bold;
cursor: pointer;
border-radius: 4px;
}
.newsletter-2-disclaimer {
font-size: 12px;
color: #888;
}
.newsletter-2-disclaimer a {
color: #000;
text-decoration: underline;
}
.footer-1-wrapper {
background: #F8F8F8;
font-family: sans-serif;
margin: 0;
padding:20px;
}
.footer-1-section {
background: #fff;
padding: 40px 30px 20px;
border-top: 1px solid #eee;
}
.footer-1-top {
display: flex;
flex-wrap: wrap;
gap: 40px;
justify-content: space-between;
margin-bottom: 40px;
}
.footer-1-brand {
flex: 1 1 300px;
max-width: 350px;
}
.footer-1-logo {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
.footer-1-newsletter-text {
font-size: 14px;
color: #333;
margin-bottom: 16px;
}
.footer-1-newsletter-form {
display: flex;
gap: 10px;
margin-bottom: 12px;
}
.footer-1-newsletter-form input[type="email"] {
padding: 10px;
flex: 1;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 4px;
}
.footer-1-subscribe-btn {
padding: 10px 16px;
font-size: 14px;
border: 1px solid #000;
background: #000;
color: #fff;
border-radius: 4px;
cursor: pointer;
}
.footer-1-privacy-note {
font-size: 12px;
color: #666;
}
.footer-1-privacy-note a {
text-decoration: underline;
color: #000;
}
.footer-1-columns {
display: flex;
gap: 40px;
flex-wrap: wrap;
flex: 2 1 500px;
justify-content: space-between;
}
.footer-1-column {
min-width: 150px;
}
.footer-1-column h4 {
font-size: 14px;
font-weight: bold;
margin-bottom: 12px;
}
.footer-1-column ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-1-column ul li {
margin-bottom: 8px;
font-size: 14px;
}
.footer-1-column ul li a {
color: #000;
text-decoration: none;
}
.footer-1-social ul li {
display: flex;
align-items: center;
gap: 8px;
}
.footer-1-social ul li i {
width: 18px;
}
.footer-1-bottom {
border-top: 1px solid #eee;
padding-top: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 13px;
color: #777;
}
.footer-1-links {
display: flex;
gap: 20px;
list-style: none;
padding: 0;
margin: 0;
}
.footer-1-links li a {
text-decoration: none;
color: #555;
}
body {
margin: 0 !important;
padding: 0 !important;
font-family: 'Segoe UI', sans-serif !important;
}
.page-wrapper {
width: 100%;
max-width: 100%;
overflow-x: hidden;
}
.section-content {
position: relative;
width: 100%;
}
</style>
</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>
<div class="hero-2-wrapper"><section class="hero-2-centered-hero"><h2 class="hero-2-heading">Host Unforgettable Virtual Experiences</h2><p class="hero-2-description">Seamlessly host dynamic virtual conferences, interactive breakout rooms, and engaging live chats. Deliver crystal-clear video streaming and foster real-time attendee networking with innovative spatial audio and immersive avatar-based rooms.</p><div class="hero-2-button-group"><button class="hero-2-btn hero-2-solid">Request a Demo</button><button class="hero-2-btn hero-2-outline">Explore Features</button></div><div class="hero-2-image"><img class="hero-2-placeholder" src="https://images.unsplash.com/photo-1701170645257-8345722edf47?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3NjE3ODR8MHwxfHNlYXJjaHwxfHx2aXJ0dWFsJTI1MjBjb25mZXJlbmNlcyUyQyUyNTIwb25saW5lJTI1MjBldmVudHMlMkMlMjUyMG5ldHdvcmtpbmclMkMlMjUyMGltbWVyc2l2ZSUyNTIwZXhwZXJpZW5jZXMlMkMlMjUyMGV2ZW50JTI1MjB0ZWNobm9sb2d5fGVufDB8fHx8MTc1MjIwNTU2Mnww&ixlib=rb-4.1.0&q=80&w=1080" /></div></section></div>
<div class="grid-12-wrapper"><section class="grid-12-section"><h2 class="grid-12-heading">Unleash Engaging Virtual Experiences for Any Scale</h2><div class="grid-12-grid"><div class="grid-12-card"><i class="fas fa-cube grid-12-icon"></i><h3 class="grid-12-title">Immersive Virtual Conference Main Stages</h3><p class="grid-12-desc">Host captivating keynotes and live video streams with crystal-clear quality. Our platform ensures your main stage events are dynamic, professional, and accessible to thousands.</p><button class="grid-12-btn grid-12-arrow">Button →</button></div><div class="grid-12-card"><i class="fas fa-cube grid-12-icon"></i><h3 class="grid-12-title">Breakthrough Real-time Attendee Networking</h3><p class="grid-12-desc">Foster genuine connections with innovative spatial audio or avatar-based rooms. Attendees can move freely, engage in live chat, and network just like in person.</p><button class="grid-12-btn grid-12-arrow">Button →</button></div><div class="grid-12-card"><i class="fas fa-cube grid-12-icon"></i><h3 class="grid-12-title">Dynamic Breakout Sessions & Collaborative Rooms</h3><p class="grid-12-desc">Seamlessly transition to smaller, focused discussions. Our breakout rooms facilitate workshops, Q&A sessions, and group activities, enhancing engagement and learning.</p><button class="grid-12-btn grid-12-arrow">Button →</button></div></div></section></div>
<div class="testimonial-1-wrapper"><div class="testimonial-1-container"><img class="testimonial-1-logo" src="webflow-logo.svg" alt="Webflow"></img><p class="testimonial-1-text">Our virtual conference exceeded all expectations with this platform! The breakout rooms fostered incredible discussions, and the real-time networking with spatial audio made it feel truly immersive. Our attendees loved the seamless experience and powerful engagement tools.</p><div class="testimonial-1-author"><img class="testimonial-1-author-image" src="author-avatar.jpg" alt="Author Avatar"></img><div class="testimonial-1-author-info"><p class="testimonial-1-author-name">Dr. Anya Sharma</p><p class="testimonial-1-author-position">Head of Events, Global Tech Summit</p></div></div></div></div>
⚠️ HTML API call failed.
<div class="pricing-2-wrapper"><section class="pricing-2-section"><p class="pricing-2-tagline">Your Gateway to Unforgettable Virtual Experiences</p><h2 class="pricing-2-heading">Flexible Plans for Every Virtual Event</h2><p class="pricing-2-subheading">From intimate gatherings to large-scale conferences, find the perfect solution to power your next virtual event with our comprehensive features and robust support.</p><div class="pricing-2-toggle"><button class="pricing-2-btn pricing-2-btn-active">Monthly billing</button><button class="pricing-2-btn">Annual billing</button></div><div class="pricing-2-grid"><div class="pricing-2-card"><i class="fas fa-cube pricing-2-icon"></i><h3 class="pricing-2-plan-title">Starter Event</h3><p class="pricing-2-plan-subtitle">Ideal for small to medium-sized virtual gatherings.</p><p class="pricing-2-price">$299/mo</p><hr class="pricing-2-divider"></hr><p class="pricing-2-includes">Includes:</p><ul class="pricing-2-feature-list"><li>✓ Up to 250 concurrent attendees</li><li>✓ High-definition video streaming</li><li>✓ Integrated live chat & Q&A</li><li>✓ Basic networking features</li><li>✓ Standard analytics dashboard</li><li>✓ Email & community support</li></ul><button class="pricing-2-cta">Choose Starter</button></div><div class="pricing-2-card"><i class="fas fa-cube pricing-2-icon"></i><h3 class="pricing-2-plan-title">Pro Conference</h3><p class="pricing-2-plan-subtitle">Full-suite solution for large conferences and immersive experiences.</p><p class="pricing-2-price">$799/mo</p><hr class="pricing-2-divider"></hr><p class="pricing-2-includes">Includes:</p><ul class="pricing-2-feature-list"><li>✓ Up to 1000 concurrent attendees</li><li>✓ Multi-stage & simultaneous sessions</li><li>✓ Advanced breakout rooms</li><li>✓ Real-time networking with spatial audio</li><li>✓ Avatar-based social rooms</li><li>✓ Dedicated account manager & priority support</li></ul><button class="pricing-2-cta">Go Pro</button></div></div></section></div>
<div class="newsletter-2-wrapper"><section class="newsletter-2-section"><div class="newsletter-2-container"><div class="newsletter-2-left"><h2 class="newsletter-2-heading">Elevate Your Virtual Events Now</h2><p class="newsletter-2-description">Experience immersive virtual conferences, dynamic breakout rooms, and unparalleled attendee networking on our innovative platform.</p></div><div class="newsletter-2-right"><form class="newsletter-2-signup-form"><input class="newsletter-2-email-input" type="email" placeholder="Enter your email"></input><button class="newsletter-2-submit-btn" type="submit">Request a Demo</button></form><p class="newsletter-2-disclaimer">By requesting a demo, you confirm that you agree with our <a href="#">Terms and Conditions</a><span>.</span></p></div></div></section></div>
<div class="footer-1-wrapper"><section class="footer-1-section"><div class="footer-1-top"><div class="footer-1-brand"><h3 class="footer-1-logo">EventSphere</h3><p class="footer-1-newsletter-text">Stay connected with EventSphere! Join our newsletter for the latest features, event tips, and platform updates.</p><div class="footer-1-newsletter-form"><input type="email" placeholder="Enter your email"></input><button class="footer-1-subscribe-btn">Get Updates</button></div><p class="footer-1-privacy-note"><span>By subscribing, you agree to EventSphere's </span><a href="#">Privacy Policy</a><span> and provide consent to receive insightful updates and offers.</span></p></div><div class="footer-1-columns"><div class="footer-1-column"><h4>Platform</h4><ul><li><a href="#">Virtual Conferences</a></li><li><a href="#">Breakout Rooms</a></li><li><a href="#">Live Streaming</a></li><li><a href="#">Networking Tools</a></li><li><a href="#">Spatial Audio</a></li></ul></div><div class="footer-1-column"><h4>Solutions</h4><ul><li><a href="#">Enterprise Events</a></li><li><a href="#">Educational Webinars</a></li><li><a href="#">Product Launches</a></li><li><a href="#">Event Hosting Guide</a></li><li><a href="#">API & Integrations</a></li></ul></div><div class="footer-1-column footer-1-social"><h4>Follow us</h4><ul><li><i class="fab fa-facebook"></i><span>Facebook</span></li><li><i class="fab fa-instagram"></i><span>Instagram</span></li><li><i class="fab fa-x-twitter"></i><span>X</span></li><li><i class="fab fa-linkedin"></i><span>LinkedIn</span></li><li><i class="fab fa-youtube"></i><span>Youtube</span></li></ul></div></div></div><div class="footer-1-bottom"><p>© 2024 EventSphere. All rights reserved.</p><ul class="footer-1-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)</body>
</html>

1888
live_event_room.html Normal file
View File

File diff suppressed because it is too large Load Diff

877
login.html Normal file
View File

@ -0,0 +1,877 @@
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>Login</title>
<style id="page-styles">
.nav-1-wrapper {
margin: 0;
font-family: sans-serif;
}
.nav-1-navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 40px;
border-bottom: 1px solid #eee;
}
.nav-1-logo {
font-family: cursive;
font-size: 24px;
font-weight: bold;
}
.nav-1-nav-links {
list-style: none;
display: flex;
gap: 20px;
margin: 0;
padding: 0;
}
.nav-1-nav-links li a {
text-decoration: none;
color: #111;
font-size: 14px;
}
.nav-1-dropdown i {
font-size: 10px;
margin-left: 5px;
}
.nav-1-nav-actions {
display: flex;
gap: 10px;
}
.nav-1-btn {
padding: 6px 14px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
border: 2px solid #111;
}
.nav-1-outline {
background-color: transparent;
color: #111;
}
.nav-1-solid {
background-color: #111;
color: #fff;
}
.app-form {
max-width: 400px;
margin: 0 auto;
font-family: Arial, sans-serif;
}
.app-form h1 {
font-size: 24px;
margin-bottom: 20px;
}
.app-form h2 {
font-size: 16px;
margin-top: 20px;
margin-bottom: 5px;
}
.form-row {
display: flex;
gap: 10px;
}
.form-group {
flex: 1;
display: flex;
flex-direction: column;
}
.full-width {
width: 100%;
margin-top: 10px;
}
label {
font-size: 12px;
margin-bottom: 4px;
}
input, textarea {
padding: 8px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 14px;
width: 100%;
box-sizing: border-box;
}
textarea {
resize: vertical;
min-height: 100px;
}
button {
background-color: #333;
color: #fff;
padding: 10px;
width: 100%;
font-size: 16px;
margin-top: 20px;
border: none;
border-radius: 6px;
cursor: pointer;
}
.footer-1-wrapper {
background: #F8F8F8;
font-family: sans-serif;
margin: 0;
padding:20px;
}
.footer-1-section {
background: #fff;
padding: 40px 30px 20px;
border-top: 1px solid #eee;
}
.footer-1-top {
display: flex;
flex-wrap: wrap;
gap: 40px;
justify-content: space-between;
margin-bottom: 40px;
}
.footer-1-brand {
flex: 1 1 300px;
max-width: 350px;
}
.footer-1-logo {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
.footer-1-newsletter-text {
font-size: 14px;
color: #333;
margin-bottom: 16px;
}
.footer-1-newsletter-form {
display: flex;
gap: 10px;
margin-bottom: 12px;
}
.footer-1-newsletter-form input[type="email"] {
padding: 10px;
flex: 1;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 4px;
}
.footer-1-subscribe-btn {
padding: 10px 16px;
font-size: 14px;
border: 1px solid #000;
background: #000;
color: #fff;
border-radius: 4px;
cursor: pointer;
}
.footer-1-privacy-note {
font-size: 12px;
color: #666;
}
.footer-1-privacy-note a {
text-decoration: underline;
color: #000;
}
.footer-1-columns {
display: flex;
gap: 40px;
flex-wrap: wrap;
flex: 2 1 500px;
justify-content: space-between;
}
.footer-1-column {
min-width: 150px;
}
.footer-1-column h4 {
font-size: 14px;
font-weight: bold;
margin-bottom: 12px;
}
.footer-1-column ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-1-column ul li {
margin-bottom: 8px;
font-size: 14px;
}
.footer-1-column ul li a {
color: #000;
text-decoration: none;
}
.footer-1-social ul li {
display: flex;
align-items: center;
gap: 8px;
}
.footer-1-social ul li i {
width: 18px;
}
.footer-1-bottom {
border-top: 1px solid #eee;
padding-top: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 13px;
color: #777;
}
.footer-1-links {
display: flex;
gap: 20px;
list-style: none;
padding: 0;
margin: 0;
}
.footer-1-links li a {
text-decoration: none;
color: #555;
}
body {
margin: 0 !important;
padding: 0 !important;
font-family: 'Segoe UI', sans-serif !important;
}
.page-wrapper {
width: 100%;
max-width: 100%;
overflow-x: hidden;
}
.section-content {
position: relative;
width: 100%;
}
</style>
</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>
<div class="app-form"><h1>Join Our Vision: Your Application</h1><h2>Your Identity in Innovation</h2><div class="form-row"><div class="form-group"><label>First Name</label><input id="first-name" type="text" placeholder="Enter your first name"></input></div><div class="form-group"><label>Last Name</label><input id="last-name" type="text" placeholder="Enter your last name"></input></div></div><div class="form-group full-width"><label>Professional Email</label><input id="email" type="email" placeholder="e.g., yourname@example.com"></input></div><h2>Connecting with You</h2><div class="form-group full-width"><label>Your Best Contact Number</label><input id="phone" type="tel" placeholder="e.g., (123) 456-7890"></input></div><h2>Share Your Passion</h2><div class="form-group full-width"><textarea id="cover-letter" placeholder="Tell us what drives you to innovate in virtual events and how you envision contributing to our dynamic platform. Share your unique perspective!"></textarea></div><button type="submit">Submit Your Visionary Application</button></div>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Forgot Password</title>
<style>
:root {
--primary-color: #6a00ff; /* Deep purple, inspired by virtual event platforms */
--secondary-color: #00bcd4; /* Cyan/Turquoise, for accents */
--text-color: #333;
--background-color: #f0f2f5; /* Light grey for body background */
--card-background: #ffffff; /* White for form cards */
--border-color: #e0e0e0;
--focus-ring-color: rgba(106, 0, 255, 0.4);
--font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
--border-radius: 8px;
--shadow-light: 0 4px 10px rgba(0, 0, 0, 0.05);
--shadow-medium: 0 8px 20px rgba(0, 0, 0, 0.1);
}
body {
font-family: var(--font-family);
background-color: var(--background-color);
margin: 0;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
color: var(--text-color);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 20px;
box-sizing: border-box;
}
.forgot-password-container {
background-color: var(--card-background);
padding: 40px;
border-radius: var(--border-radius);
box-shadow: var(--shadow-medium);
max-width: 450px;
width: 100%;
text-align: center;
border: 1px solid var(--border-color);
}
.forgot-password-container header {
margin-bottom: 30px;
}
.forgot-password-container h1 {
color: var(--primary-color);
font-size: 2.2em;
margin-bottom: 10px;
font-weight: 700;
}
.forgot-password-container p {
font-size: 1.1em;
color: #666;
line-height: 1.5;
margin-bottom: 25px;
}
.form-group {
margin-bottom: 25px;
text-align: left;
}
.form-group label {
display: block;
margin-bottom: 8px;
font-weight: 600;
color: var(--text-color);
font-size: 0.95em;
}
.form-group input[type="email"] {
width: calc(100% - 24px); /* Account for padding */
padding: 14px 12px;
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
font-size: 1em;
color: var(--text-color);
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.form-group input[type="email"]::placeholder {
color: #a0a0a0;
}
.form-group input[type="email"]:focus {
outline: none;
border-color: var(--primary-color);
box-shadow: 0 0 0 3px var(--focus-ring-color);
}
.submit-button {
width: 100%;
padding: 15px 20px;
background-color: var(--primary-color);
color: white;
border: none;
border-radius: var(--border-radius);
font-size: 1.1em;
font-weight: 600;
cursor: pointer;
transition: background-color 0.2s ease, transform 0.1s ease;
}
.submit-button:hover {
background-color: #5500cc; /* Slightly darker primary */
transform: translateY(-1px);
}
.submit-button:active {
transform: translateY(0);
background-color: #4400aa;
}
.back-to-login {
display: block;
margin-top: 30px;
font-size: 0.95em;
color: var(--primary-color);
text-decoration: none;
transition: color 0.2s ease;
font-weight: 500;
}
.back-to-login:hover {
color: #5500cc;
text-decoration: underline;
}
/* Responsive adjustments */
@media (max-width: 500px) {
.forgot-password-container {
padding: 30px 20px;
margin: 15px;
}
.forgot-password-container h1 {
font-size: 1.8em;
}
.forgot-password-container p {
font-size: 1em;
}
.form-group input[type="email"],
.submit-button {
padding: 12px 10px;
font-size: 1em;
}
}
</style>
</head>
<body>
<div class="forgot-password-container" role="region" aria-labelledby="forgotPasswordHeading">
<header>
<h1 id="forgotPasswordHeading">Forgot Your Password?</h1>
<p>Enter your email address below and we'll send you a link to reset your password.</p>
</header>
<form action="/reset-password" method="POST">
<div class="form-group">
<label for="email">Email Address</label>
<input type="email" id="email" name="email" placeholder="e.g., your.email@example.com" required autocomplete="email">
</div>
<button type="submit" class="submit-button">Send Reset Link</button>
</form>
<a href="/login" class="back-to-login">Back to Login</a>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Call to Action Section</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
<style>
:root {
--primary-color: #6366F1; /* Indigo-500 */
--secondary-color: #8B5CF6; /* Violet-500 */
--text-color-dark: #1F2937; /* Gray-900 */
--text-color-light: #4B5563; /* Gray-600 */
--background-color: #F9FAFB; /* Gray-50 */
--white: #FFFFFF;
--border-color: #E5E7EB; /* Gray-200 */
--focus-ring: rgba(99, 102, 241, 0.5); /* Primary with transparency */
}
body {
font-family: 'Inter', sans-serif;
margin: 0;
padding: 0;
background-color: var(--background-color);
color: var(--text-color-dark);
}
.cta-section {
background-image: linear-gradient(to right bottom, var(--primary-color), var(--secondary-color));
color: var(--white);
padding: 4rem 1rem;
text-align: center;
overflow: hidden; /* For potential background patterns/shapes */
position: relative;
}
.cta-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.1) 100%);
pointer-events: none;
z-index: 0;
}
.cta-container {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
position: relative; /* To bring content above the pseudo-element */
z-index: 1;
}
.cta-heading {
font-size: clamp(2rem, 5vw, 3.5rem);
font-weight: 700;
line-height: 1.1;
margin-bottom: 1rem;
letter-spacing: -0.025em;
}
.cta-description {
font-size: clamp(1rem, 2vw, 1.25rem);
line-height: 1.6;
margin-bottom: 2.5rem;
max-width: 700px;
opacity: 0.9;
}
.cta-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 1rem 2.5rem;
border-radius: 0.5rem;
background-color: var(--white);
color: var(--primary-color);
text-decoration: none;
font-weight: 600;
font-size: 1.125rem;
transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
border: 2px solid transparent;
}
.cta-button:hover {
background-color: var(--background-color); /* Lighter gray on hover */
color: var(--secondary-color);
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.cta-button:focus-visible {
outline: none;
border-color: var(--secondary-color);
box-shadow: 0 0 0 4px var(--focus-ring);
}
/* Responsive adjustments */
@media (min-width: 768px) {
.cta-section {
padding: 6rem 2rem;
}
.cta-container {
flex-direction: row;
text-align: left;
justify-content: space-between;
align-items: center;
gap: 4rem;
}
.cta-content {
max-width: 60%;
text-align: left;
}
.cta-button-wrapper {
flex-shrink: 0;
}
.cta-heading {
margin-bottom: 1.5rem;
}
.cta-description {
margin-bottom: 0; /* Button is now beside content */
}
}
@media (min-width: 1024px) {
.cta-section {
padding: 8rem 2rem;
}
}
</style>
</head>
<body>
<section class="cta-section" aria-labelledby="cta-heading">
<div class="cta-container">
<div class="cta-content">
<h2 id="cta-heading" class="cta-heading">
Ready to Host Your Next Unforgettable Virtual Event?
</h2>
<p class="cta-description">
Join leading organizers who are transforming their events with immersive virtual experiences, interactive networking, and seamless streaming.
</p>
</div>
<div class="cta-button-wrapper">
<a href="#register" class="cta-button">
Register Your Interest Today
</a>
</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>Guest Access Section</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
:root {
--primary-color: #6F48FF; /* A vibrant purple often used in modern tech UI */
--secondary-color: #5C40D3; /* A slightly darker shade for interaction */
--text-dark: #1A202C; /* Dark charcoal for main text */
--text-light: #4A5568; /* Muted gray for secondary text */
--bg-light: #F7FAFC; /* Light background for sections */
--border-color: #EDF2F7; /* Light gray for borders */
--white: #FFFFFF;
--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
body {
font-family: 'Inter', sans-serif;
margin: 0;
padding: 0;
background-color: var(--bg-light);
color: var(--text-dark);
line-height: 1.6;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
}
.guest-access-section {
background-color: var(--white);
border-radius: 0.75rem;
box-shadow: var(--shadow-md);
padding: 3rem;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 2rem;
margin-top: 4rem;
margin-bottom: 4rem;
}
.guest-access-section__header {
max-width: 700px;
}
.guest-access-section__header h2 {
font-size: 2.5rem;
font-weight: 700;
color: var(--primary-color);
margin-bottom: 1rem;
line-height: 1.2;
}
.guest-access-section__header p {
font-size: 1.125rem;
color: var(--text-light);
margin-bottom: 2rem;
}
.guest-access-section__actions {
display: flex;
flex-direction: column;
gap: 1.5rem;
width: 100%;
max-width: 400px; /* Constrain width of action buttons */
}
.guest-access-section__link,
.guest-access-section__button {
display: block;
width: 100%;
padding: 1rem 1.5rem;
font-size: 1.125rem;
font-weight: 600;
text-decoration: none;
border-radius: 0.5rem;
transition: all 0.2s ease-in-out;
box-sizing: border-box; /* Include padding in width calculation */
}
.guest-access-section__button--primary {
background-color: var(--primary-color);
color: var(--white);
border: 2px solid var(--primary-color);
}
.guest-access-section__button--primary:hover {
background-color: var(--secondary-color);
border-color: var(--secondary-color);
transform: translateY(-2px);
}
.guest-access-section__link--secondary {
background-color: var(--white);
color: var(--primary-color);
border: 2px solid var(--primary-color);
}
.guest-access-section__link--secondary:hover {
background-color: var(--bg-light);
color: var(--secondary-color);
border-color: var(--secondary-color);
transform: translateY(-2px);
}
.guest-access-section__info {
margin-top: 1rem;
font-size: 0.95rem;
color: var(--text-light);
max-width: 400px;
}
.guest-access-section__info a {
color: var(--primary-color);
text-decoration: none;
font-weight: 500;
}
.guest-access-section__info a:hover {
text-decoration: underline;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.guest-access-section {
padding: 2rem;
margin-left: 1rem;
margin-right: 1rem;
}
.guest-access-section__header h2 {
font-size: 2rem;
}
.guest-access-section__header p {
font-size: 1rem;
}
.guest-access-section__button,
.guest-access-section__link {
padding: 0.8rem 1rem;
font-size: 1rem;
}
}
@media (max-width: 480px) {
.guest-access-section {
padding: 1.5rem;
}
.guest-access-section__header h2 {
font-size: 1.75rem;
}
.guest-access-section__header p {
font-size: 0.9rem;
}
}
</style>
</head>
<body>
<div class="container">
<section class="guest-access-section" aria-labelledby="guestAccessHeading">
<header class="guest-access-section__header">
<h2 id="guestAccessHeading">Join as a Guest or Log In</h2>
<p>Access the event quickly and easily. Choose how you'd like to enter the virtual conference platform.</p>
</header>
<div class="guest-access-section__actions">
<button type="button" class="guest-access-section__button guest-access-section__button--primary">
Join Event as a Guest
</button>
<a href="#login" class="guest-access-section__link guest-access-section__link--secondary">
Already have an account? Log In
</a>
</div>
<p class="guest-access-section__info">
By joining, you agree to our <a href="#terms">Terms of Service</a> and <a href="#privacy">Privacy Policy</a>.
Guest access may have limited features.
</p>
</section>
</div>
</body>
</html>
<section id="security-message">
<div class="security-content-wrapper">
<h2 class="section-title">Your Security, Our Priority</h2>
<p class="section-description">At [Platform Name], we are committed to providing a secure and private environment for all your virtual conferences, live events, and networking. Our platform is engineered with robust measures to protect your data and interactions.</p>
<div class="security-features-grid">
<div class="feature-item">
<h3 class="feature-title">End-to-End Encryption</h3>
<p class="feature-description">All video streams, chat messages, and shared files are encrypted using industry-leading standards, protecting your communications from interception.</p>
</div>
<div class="feature-item">
<h3 class="feature-title">Granular Privacy Controls</h3>
<p class="feature-description">You have full control over your profile visibility, data sharing preferences, and interaction settings within breakout rooms and networking sessions.</p>
</div>
<div class="feature-item">
<h3 class="feature-title">Robust Data Protection</h3>
<p class="feature-description">Your personal information and event data are stored on secure servers with continuous monitoring and strict access protocols, compliant with global regulations.</p>
</div>
<div class="feature-item">
<h3 class="feature-title">Secure Authentication</h3>
<p class="feature-description">Implement multi-factor authentication (MFA) and strong password policies to safeguard your account from unauthorized access.</p>
</div>
<div class="feature-item">
<h3 class="feature-title">Regular Security Audits</h3>
<p class="feature-description">Our platform undergoes routine security assessments and penetration testing by independent experts to identify and address potential vulnerabilities.</p>
</div>
<div class="feature-item">
<h3 class="feature-title">Compliance & Trust</h3>
<p class="feature-description">We adhere to key data privacy regulations like GDPR, CCPA, and more, ensuring transparency and trust in how your data is managed.</p>
</div>
</div>
<div class="security-cta">
<p class="cta-text">Have questions or want to learn more about our commitment to your security?</p>
<a href="#security-policy" class="cta-button">View Full Security Policy</a>
</div>
</div>
</section>
<div class="footer-1-wrapper"><section class="footer-1-section"><div class="footer-1-top"><div class="footer-1-brand"><h3 class="footer-1-logo">EventSphere</h3><p class="footer-1-newsletter-text">Stay connected with EventSphere! Join our newsletter for the latest features, event tips, and platform updates.</p><div class="footer-1-newsletter-form"><input type="email" placeholder="Enter your email"></input><button class="footer-1-subscribe-btn">Get Updates</button></div><p class="footer-1-privacy-note"><span>By subscribing, you agree to EventSphere's </span><a href="#">Privacy Policy</a><span> and provide consent to receive insightful updates and offers.</span></p></div><div class="footer-1-columns"><div class="footer-1-column"><h4>Platform</h4><ul><li><a href="#">Virtual Conferences</a></li><li><a href="#">Breakout Rooms</a></li><li><a href="#">Live Streaming</a></li><li><a href="#">Networking Tools</a></li><li><a href="#">Spatial Audio</a></li></ul></div><div class="footer-1-column"><h4>Solutions</h4><ul><li><a href="#">Enterprise Events</a></li><li><a href="#">Educational Webinars</a></li><li><a href="#">Product Launches</a></li><li><a href="#">Event Hosting Guide</a></li><li><a href="#">API & Integrations</a></li></ul></div><div class="footer-1-column footer-1-social"><h4>Follow us</h4><ul><li><i class="fab fa-facebook"></i><span>Facebook</span></li><li><i class="fab fa-instagram"></i><span>Instagram</span></li><li><i class="fab fa-x-twitter"></i><span>X</span></li><li><i class="fab fa-linkedin"></i><span>LinkedIn</span></li><li><i class="fab fa-youtube"></i><span>Youtube</span></li></ul></div></div></div><div class="footer-1-bottom"><p>© 2024 EventSphere. All rights reserved.</p><ul class="footer-1-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)

1039
registration.html Normal file
View File

File diff suppressed because it is too large Load Diff