Compare commits
No commits in common. "test7" and "main" have entirely different histories.
1
.gitignore
vendored
1
.gitignore
vendored
@ -1 +0,0 @@
|
||||
Dockerfile
|
||||
517
dashboard.html
517
dashboard.html
@ -1,517 +0,0 @@
|
||||
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>Dashboard</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>User Profile Overview</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@300;400;500;600;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<section class="user-profile-overview">
|
||||
<div class="profile-main-content">
|
||||
<!-- Profile Summary Card -->
|
||||
<div class="profile-card">
|
||||
<div class="profile-header">
|
||||
<div class="profile-avatar">
|
||||
<img src="https://via.placeholder.com/96x96/6a40f2/FFFFFF?text=JP" alt="User Profile Picture">
|
||||
</div>
|
||||
<div class="profile-info">
|
||||
<h1>John P. Doe</h1>
|
||||
<p>Virtual Events Enthusiast | Speaker | Organizer</p>
|
||||
<p>Location: New York, USA</p>
|
||||
</div>
|
||||
<div style="margin-left: auto;">
|
||||
<button class="btn">Edit Profile</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="profile-bio">
|
||||
<p>
|
||||
A passionate advocate for engaging virtual experiences. Specializing in creating interactive
|
||||
environments for large-scale conferences and intimate breakout sessions. Excited by new technologies
|
||||
like spatial audio and avatar-based networking to enhance online interaction.
|
||||
</p>
|
||||
<div class="tags">
|
||||
<span class="tag">Virtual Conferences</span>
|
||||
<span class="tag">Event Tech</span>
|
||||
<span class="tag">Networking</span>
|
||||
<span class="tag">Spatial Audio</span>
|
||||
<span class="tag">Community Building</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Recent Activity Card -->
|
||||
<div class="profile-card">
|
||||
<h2 class="section-header">Recent Activity</h2>
|
||||
<ul class="activity-list">
|
||||
<li class="activity-item">
|
||||
<div class="activity-icon">
|
||||
<!-- Placeholder icon -->
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2l10 10-10 10-10-10z"></path></svg>
|
||||
</div>
|
||||
<div class="activity-text">
|
||||
Attended "Future of Remote Work Summit 2024".
|
||||
</div>
|
||||
<div class="activity-time">5 mins ago</div>
|
||||
</li>
|
||||
<li class="activity-item">
|
||||
<div class="activity-icon">
|
||||
<!-- Placeholder icon -->
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
|
||||
</div>
|
||||
<div class="activity-text">
|
||||
Connected with Sarah Lee.
|
||||
</div>
|
||||
<div class="activity-time">2 hours ago</div>
|
||||
</li>
|
||||
<li class="activity-item">
|
||||
<div class="activity-icon">
|
||||
<!-- Placeholder icon -->
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.5 8.5 0 017.6 4.7z"></path></svg>
|
||||
</div>
|
||||
<div class="activity-text">
|
||||
Posted a comment in "Networking Best Practices" breakout room.
|
||||
</div>
|
||||
<div class="activity-time">1 day ago</div>
|
||||
</li>
|
||||
<li class="activity-item">
|
||||
<div class="activity-icon">
|
||||
<!-- Placeholder icon -->
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><line x1="10" y1="9" x2="10" y2="9"></line></svg>
|
||||
</div>
|
||||
<div class="activity-text">
|
||||
Downloaded "Conference Agenda Q3 2024".
|
||||
</div>
|
||||
<div class="activity-time">3 days ago</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- My Connections Card -->
|
||||
<div class="profile-card">
|
||||
<h2 class="section-header">My Connections (124)</h2>
|
||||
<ul class="connections-list">
|
||||
<li class="connection-item">
|
||||
<div class="connection-avatar">
|
||||
<img src="https://via.placeholder.com/40x40/FF5733/FFFFFF?text=AL" alt="Connection Avatar">
|
||||
</div>
|
||||
<div class="connection-details">
|
||||
<strong>Alice Wonderland</strong>
|
||||
<span>Head of Events, Acme Corp</span>
|
||||
</div>
|
||||
<div class="connection-actions">
|
||||
<button class="btn btn-outline">Message</button>
|
||||
</div>
|
||||
</li>
|
||||
<li class="connection-item">
|
||||
<div class="connection-avatar">
|
||||
<img src="https://via.placeholder.com/40x40/33FF57/FFFFFF?text=BW" alt="Connection Avatar">
|
||||
</div>
|
||||
<div class="connection-details">
|
||||
<strong>Bob Williams</strong>
|
||||
<span>CEO, Event Solutions Inc.</span>
|
||||
</div>
|
||||
<div class="connection-actions">
|
||||
<button class="btn btn-outline">Message</button>
|
||||
</div>
|
||||
</li>
|
||||
<li class="connection-item">
|
||||
<div class="connection-avatar">
|
||||
<img src="https://via.placeholder.com/40x40/3357FF/FFFFFF?text=CC" alt="Connection Avatar">
|
||||
</div>
|
||||
<div class="connection-details">
|
||||
<strong>Carol Chen</strong>
|
||||
<span>Marketing Director, Global Connect</span>
|
||||
</div>
|
||||
<div class="connection-actions">
|
||||
<button class="btn btn-outline">Message</button>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div style="text-align: center; margin-top: var(--spacing-md);">
|
||||
<button class="btn btn-outline">View All Connections</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<aside class="profile-sidebar">
|
||||
<!-- Upcoming Events Card -->
|
||||
<div class="profile-card">
|
||||
<h2 class="section-header">Upcoming Events</h2>
|
||||
<ul class="activity-list">
|
||||
<li class="upcoming-event-item">
|
||||
<div class="event-title">Global Tech Summit 2024</div>
|
||||
<div class="event-details">
|
||||
<span>Oct 26-28, 2024</span> | <span>Virtual Hall 1</span>
|
||||
</div>
|
||||
<div class="event-actions">
|
||||
<button class="btn">Join</button>
|
||||
<button class="btn btn-outline">Details</button>
|
||||
</div>
|
||||
</li>
|
||||
<li class="upcoming-event-item">
|
||||
<div class="event-title">Creative Industries Meetup</div>
|
||||
<div class="event-details">
|
||||
<span>Nov 15, 2024</span> | <span>Avatar Room Beta</span>
|
||||
</div>
|
||||
<div class="event-actions">
|
||||
<button class="btn">Join</button>
|
||||
<button class="btn btn-outline">Details</button>
|
||||
</div>
|
||||
</li>
|
||||
<li class="upcoming-event-item">
|
||||
<div class="event-title">Annual Marketing Conference</div>
|
||||
<div class="event-details">
|
||||
<span>Dec 2-4, 2024</span> | <span>Main Stage</span>
|
||||
</div>
|
||||
<div class="event-actions">
|
||||
<button class="btn">Join</button>
|
||||
<button class="btn btn-outline">Details</button>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links / Resources Card -->
|
||||
<div class="profile-card">
|
||||
<h2 class="section-header">Quick Links</h2>
|
||||
<nav>
|
||||
<ul class="activity-list">
|
||||
<li class="activity-item">
|
||||
<div class="activity-icon">
|
||||
<!-- Placeholder icon -->
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"></path><path d="M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z"></path></svg>
|
||||
</div>
|
||||
<div class="activity-text"><a href="#" style="text-decoration: none; color: inherit;">Manage Subscriptions</a></div>
|
||||
</li>
|
||||
<li class="activity-item">
|
||||
<div class="activity-icon">
|
||||
<!-- Placeholder icon -->
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-3 3a5 5 0 00-1.74 4.3Z"></path><path d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l3-3a5 5 0 001.74-4.3Z"></path></svg>
|
||||
</div>
|
||||
<div class="activity-text"><a href="#" style="text-decoration: none; color: inherit;">My Saved Sessions</a></div>
|
||||
</li>
|
||||
<li class="activity-item">
|
||||
<div class="activity-icon">
|
||||
<!-- Placeholder icon -->
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="3"></line></svg>
|
||||
</div>
|
||||
<div class="activity-text"><a href="#" style="text-decoration: none; color: inherit;">Payment & Billing</a></div>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</aside>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
<section id="my-registered-events" class="py-12 px-4 sm:px-6 lg:px-8 bg-gray-50">
|
||||
<div class="max-w-7xl mx-auto">
|
||||
<h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl mb-8 text-center">My Registered Events</h2>
|
||||
|
||||
<nav class="flex justify-center space-x-4 mb-8" aria-label="Event Categories">
|
||||
<button type="button" class="px-5 py-2 text-sm font-medium rounded-md text-white bg-indigo-600 shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">Upcoming</button>
|
||||
<button type="button" class="px-5 py-2 text-sm font-medium rounded-md text-gray-700 bg-white border border-gray-300 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">Past</button>
|
||||
<button type="button" class="px-5 py-2 text-sm font-medium rounded-md text-gray-700 bg-white border border-gray-300 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">All Events</button>
|
||||
</nav>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
|
||||
<!-- Event Card 1: Upcoming Event -->
|
||||
<article class="bg-white rounded-lg shadow-md overflow-hidden flex flex-col">
|
||||
<div class="aspect-w-16 aspect-h-9 bg-gray-200 flex items-center justify-center text-gray-500 text-sm">
|
||||
<img src="https://via.placeholder.com/400x225?text=Event+Image+1" alt="Placeholder image for AI & Future Tech Summit" class="w-full h-auto object-cover">
|
||||
</div>
|
||||
<div class="p-6 flex flex-col flex-grow">
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-2">AI & Future Tech Summit</h3>
|
||||
<p class="text-gray-600 mb-1"><time datetime="2023-10-26T09:00">October 26, 2023</time> | 9:00 AM - 5:00 PM GMT+1</p>
|
||||
<p class="text-indigo-600 font-medium mb-4">Virtual Conference - Upcoming</p>
|
||||
<div class="mt-auto">
|
||||
<button type="button" class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition duration-150 ease-in-out">
|
||||
Join Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Event Card 2: Upcoming Event -->
|
||||
<article class="bg-white rounded-lg shadow-md overflow-hidden flex flex-col">
|
||||
<div class="aspect-w-16 aspect-h-9 bg-gray-200 flex items-center justify-center text-gray-500 text-sm">
|
||||
<img src="https://via.placeholder.com/400x225?text=Event+Image+2" alt="Placeholder image for Virtual Design Conference" class="w-full h-auto object-cover">
|
||||
</div>
|
||||
<div class="p-6 flex flex-col flex-grow">
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-2">Virtual Design Conference</h3>
|
||||
<p class="text-gray-600 mb-1"><time datetime="2023-11-15T10:00">November 15, 2023</time> | 10:00 AM - 6:00 PM EST</p>
|
||||
<p class="text-indigo-600 font-medium mb-4">Online Workshop - Upcoming</p>
|
||||
<div class="mt-auto">
|
||||
<button type="button" class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition duration-150 ease-in-out">
|
||||
Join Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Event Card 3: Past Event -->
|
||||
<article class="bg-white rounded-lg shadow-md overflow-hidden flex flex-col">
|
||||
<div class="aspect-w-16 aspect-h-9 bg-gray-200 flex items-center justify-center text-gray-500 text-sm">
|
||||
<img src="https://via.placeholder.com/400x225?text=Event+Image+3" alt="Placeholder image for Global Climate Change Forum" class="w-full h-auto object-cover">
|
||||
</div>
|
||||
<div class="p-6 flex flex-col flex-grow">
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-2">Global Climate Change Forum</h3>
|
||||
<p class="text-gray-600 mb-1"><time datetime="2023-09-01T14:00">September 01, 2023</time> | 2:00 PM - 7:00 PM CET</p>
|
||||
<p class="text-gray-500 font-medium mb-4">Virtual Summit - Completed</p>
|
||||
<div class="mt-auto">
|
||||
<button type="button" class="w-full bg-gray-200 hover:bg-gray-300 text-gray-800 font-bold py-2 px-4 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 transition duration-150 ease-in-out">
|
||||
Watch Replay
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Event Card 4: Upcoming Event -->
|
||||
<article class="bg-white rounded-lg shadow-md overflow-hidden flex flex-col">
|
||||
<div class="aspect-w-16 aspect-h-9 bg-gray-200 flex items-center justify-center text-gray-500 text-sm">
|
||||
<img src="https://via.placeholder.com/400x225?text=Event+Image+4" alt="Placeholder image for Web Development Bootcamp" class="w-full h-auto object-cover">
|
||||
</div>
|
||||
<div class="p-6 flex flex-col flex-grow">
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-2">Web Development Bootcamp</h3>
|
||||
<p class="text-gray-600 mb-1"><time datetime="2023-12-05T09:30">December 05, 2023</time> | 9:30 AM - 4:30 PM PT</p>
|
||||
<p class="text-indigo-600 font-medium mb-4">Online Course - Upcoming</p>
|
||||
<div class="mt-auto">
|
||||
<button type="button" class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition duration-150 ease-in-out">
|
||||
Join Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Event Card 5: Past Event -->
|
||||
<article class="bg-white rounded-lg shadow-md overflow-hidden flex flex-col">
|
||||
<div class="aspect-w-16 aspect-h-9 bg-gray-200 flex items-center justify-center text-gray-500 text-sm">
|
||||
<img src="https://via.placeholder.com/400x225?text=Event+Image+5" alt="Placeholder image for Digital Marketing Summit" class="w-full h-auto object-cover">
|
||||
</div>
|
||||
<div class="p-6 flex flex-col flex-grow">
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-2">Digital Marketing Summit</h3>
|
||||
<p class="text-gray-600 mb-1"><time datetime="2023-08-10T11:00">August 10, 2023</time> | 11:00 AM - 6:00 PM BST</p>
|
||||
<p class="text-gray-500 font-medium mb-4">Virtual Conference - Completed</p>
|
||||
<div class="mt-auto">
|
||||
<button type="button" class="w-full bg-gray-200 hover:bg-gray-300 text-gray-800 font-bold py-2 px-4 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 transition duration-150 ease-in-out">
|
||||
Watch Replay
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Event Card 6: Upcoming Event -->
|
||||
<article class="bg-white rounded-lg shadow-md overflow-hidden flex flex-col">
|
||||
<div class="aspect-w-16 aspect-h-9 bg-gray-200 flex items-center justify-center text-gray-500 text-sm">
|
||||
<img src="https://via.placeholder.com/400x225?text=Event+Image+6" alt="Placeholder image for Future of Work Symposium" class="w-full h-auto object-cover">
|
||||
</div>
|
||||
<div class="p-6 flex flex-col flex-grow">
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-2">Future of Work Symposium</h3>
|
||||
<p class="text-gray-600 mb-1"><time datetime="2023-11-28T13:00">November 28, 2023</time> | 1:00 PM - 5:00 PM AEST</p>
|
||||
<p class="text-indigo-600 font-medium mb-4">Virtual Summit - Upcoming</p>
|
||||
<div class="mt-auto">
|
||||
<button type="button" class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition duration-150 ease-in-out">
|
||||
Join Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="upcoming-sessions">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Upcoming Sessions</h2>
|
||||
<div class="session-filters">
|
||||
<button class="filter-btn active" data-filter="all">All Sessions</button>
|
||||
<button class="filter-btn" data-filter="keynotes">Keynotes</button>
|
||||
<button class="filter-btn" data-filter="breakouts">Breakouts</button>
|
||||
<button class="filter-btn" data-filter="workshops">Workshops</button>
|
||||
</div>
|
||||
<div class="sessions-grid">
|
||||
<article class="session-card">
|
||||
<div class="session-meta">
|
||||
<time datetime="2024-10-26T10:00:00-08:00">Oct 26 | 10:00 AM - 11:00 AM PST</time>
|
||||
<span class="session-type">Keynote</span>
|
||||
</div>
|
||||
<h3 class="session-title">The Future of Virtual Collaboration: A Paradigm Shift</h3>
|
||||
<div class="speaker-info">
|
||||
<img src="https://via.placeholder.com/40" alt="Speaker Avatar" class="speaker-avatar">
|
||||
<span class="speaker-name">Dr. Alex Johnson</span>
|
||||
<span class="speaker-title">CEO, Innovate Corp.</span>
|
||||
</div>
|
||||
<p class="session-description">An insightful discussion on the evolving landscape of digital interaction and networking platforms. Discover new trends.</p>
|
||||
<a href="#session-details-1" class="btn-primary">View Details</a>
|
||||
</article>
|
||||
|
||||
<article class="session-card">
|
||||
<div class="session-meta">
|
||||
<time datetime="2024-10-26T11:30:00-08:00">Oct 26 | 11:30 AM - 12:15 PM PST</time>
|
||||
<span class="session-type">Breakout</span>
|
||||
</div>
|
||||
<h3 class="session-title">Designing Engaging Breakout Rooms for Interactive Learning</h3>
|
||||
<div class="speaker-info">
|
||||
<img src="https://via.placeholder.com/40" alt="Speaker Avatar" class="speaker-avatar">
|
||||
<span class="speaker-name">Maria Rodriguez</span>
|
||||
<span class="speaker-title">UX Lead, Connectify</span>
|
||||
</div>
|
||||
<p class="session-description">Explore best practices for creating dynamic and productive small group interactions within virtual environments.</p>
|
||||
<a href="#session-details-2" class="btn-primary">View Details</a>
|
||||
</article>
|
||||
|
||||
<article class="session-card">
|
||||
<div class="session-meta">
|
||||
<time datetime="2024-10-26T13:00:00-08:00">Oct 26 | 01:00 PM - 02:00 PM PST</time>
|
||||
<span class="session-type">Workshop</span>
|
||||
</div>
|
||||
<h3 class="session-title">Mastering Spatial Audio for Immersive Networking</h3>
|
||||
<div class="speaker-info">
|
||||
<img src="https://via.placeholder.com/40" alt="Speaker Avatar" class="speaker-avatar">
|
||||
<span class="speaker-name">David Chen</span>
|
||||
<span class="speaker-title">Audio Engineer, SoundSphere</span>
|
||||
</div>
|
||||
<p class="session-description">A hands-on workshop to understand and implement spatial audio techniques for realistic virtual networking experiences.</p>
|
||||
<a href="#session-details-3" class="btn-primary">View Details</a>
|
||||
</article>
|
||||
|
||||
<article class="session-card">
|
||||
<div class="session-meta">
|
||||
<time datetime="2024-10-26T14:30:00-08:00">Oct 26 | 02:30 PM - 03:15 PM PST</time>
|
||||
<span class="session-type">Breakout</span>
|
||||
</div>
|
||||
<h3 class="session-title">Leveraging AI for Personalized Attendee Experiences</h3>
|
||||
<div class="speaker-info">
|
||||
<img src="https://via.placeholder.com/40" alt="Speaker Avatar" class="speaker-avatar">
|
||||
<span class="speaker-name">Sarah Miller</span>
|
||||
<span class="speaker-title">AI Strategist, DataStream</span>
|
||||
</div>
|
||||
<p class="session-description">Discover how artificial intelligence can enhance attendee engagement, recommendations, and real-time support.</p>
|
||||
<a href="#session-details-4" class="btn-primary">View Details</a>
|
||||
</article>
|
||||
|
||||
<article class="session-card">
|
||||
<div class="session-meta">
|
||||
<time datetime="2024-10-27T09:00:00-08:00">Oct 27 | 09:00 AM - 10:00 AM PST</time>
|
||||
<span class="session-type">Keynote</span>
|
||||
</div>
|
||||
<h3 class="session-title">The Metaverse & Events: Beyond the Hype</h3>
|
||||
<div class="speaker-info">
|
||||
<img src="https://via.placeholder.com/40" alt="Speaker Avatar" class="speaker-avatar">
|
||||
<span class="speaker-name">Ethan Brooks</span>
|
||||
<span class="speaker-title">Futurist, NexGen Lab</span>
|
||||
</div>
|
||||
<p class="session-description">An exploration into the practical applications and future potential of metaverse technologies for virtual conferences.</p>
|
||||
<a href="#session-details-5" class="btn-primary">View Details</a>
|
||||
</article>
|
||||
|
||||
<article class="session-card">
|
||||
<div class="session-meta">
|
||||
<time datetime="2024-10-27T10:30:00-08:00">Oct 27 | 10:30 AM - 11:15 AM PST</time>
|
||||
<span class="session-type">Breakout</span>
|
||||
</div>
|
||||
<h3 class="session-title">Optimizing Video Streaming for Large-Scale Virtual Events</h3>
|
||||
<div class="speaker-info">
|
||||
<img src="https://via.placeholder.com/40" alt="Speaker Avatar" class="speaker-avatar">
|
||||
<span class="speaker-name">Jessica Lee</span>
|
||||
<span class="speaker-title">Solutions Architect, VideoStream Inc.</span>
|
||||
</div>
|
||||
<p class="session-description">Technical deep dive into video encoding, CDN strategies, and latency reduction for seamless live event delivery.</p>
|
||||
<a href="#session-details-6" class="btn-primary">View Details</a>
|
||||
</article>
|
||||
</div>
|
||||
<div class="view-all-cta">
|
||||
<a href="#all-sessions-page" class="btn-secondary">View All Sessions</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Networking Connections</title>
|
||||
<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>
|
||||
<section id="networking-connections" class="networking-connections">
|
||||
<div class="container">
|
||||
<header>
|
||||
<h2>Forge Meaningful Connections</h2>
|
||||
<p class="lead">Our platform goes beyond just presentations, offering robust tools for real-time attendee networking, mirroring the best aspects of in-person events.</p>
|
||||
</header>
|
||||
|
||||
<div class="features-grid">
|
||||
<article class="feature-card">
|
||||
<div class="icon" role="img" aria-label="Avatar Icon">👤</div> <!-- Placeholder for avatar icon -->
|
||||
<h3>Avatar-Based Rooms</h3>
|
||||
<p>Navigate vibrant, interactive virtual spaces where attendees can create personalized avatars and engage in natural, spatial conversations.</p>
|
||||
</article>
|
||||
|
||||
<article class="feature-card">
|
||||
<div class="icon" role="img" aria-label="Audio Wave Icon">🎥</div> <!-- Placeholder for audio wave icon -->
|
||||
<h3>Spatial Audio</h3>
|
||||
<p>Experience realistic audio environments where sound fades as you move away from speakers, making group conversations intuitive and engaging.</p>
|
||||
</article>
|
||||
|
||||
<article class="feature-card">
|
||||
<div class="icon" role="img" aria-label="Speech Bubble Icon">💬</div> <!-- Placeholder for speech bubble icon -->
|
||||
<h3>Live Chat & Q&A</h3>
|
||||
<p>Facilitate real-time text conversations, public and private chats, and structured Q&A sessions within any room or breakout.</p>
|
||||
</article>
|
||||
|
||||
<article class="feature-card">
|
||||
<div class="icon" role="img" aria-label="Video Camera Icon">📺</div> <!-- Placeholder for video camera icon -->
|
||||
<h3>Video Calling & Screen Share</h3>
|
||||
<p>Seamlessly transition from spatial audio to direct video calls or screen sharing for more in-depth, personal interactions.</p>
|
||||
</article>
|
||||
|
||||
<article class="feature-card">
|
||||
<div class="icon" role="img" aria-label="Users Icon">👥</div> <!-- Placeholder for users icon -->
|
||||
<h3>Attendee Directory & Matching</h3>
|
||||
<p>Discover relevant connections with a searchable directory, interest-based matching, and one-click meeting scheduling.</p>
|
||||
</article>
|
||||
|
||||
<article class="feature-card">
|
||||
<div class="icon" role="img" aria-label="Breakout Room Icon">🏪</div> <!-- Placeholder for breakout room icon -->
|
||||
<h3>Dynamic Breakout Rooms</h3>
|
||||
<p>Create and manage ad-hoc or pre-defined breakout rooms for focused discussions, networking rounds, or private meetings.</p>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<a href="#demo" class="cta-button">Explore Networking Features</a>
|
||||
</footer>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
<div class="support-wrapper"><section class="support-section"><h2 class="support-heading">Dedicated Support & Assistance</h2><p class="support-subtext">Get the assistance you need to make your virtual event a resounding success. Our dedicated team is here to help you every step of the way.</p><div class="support-item"><div class="support-icon">?</div><div class="support-content"><h3>Comprehensive Knowledge Base</h3><p>Find instant answers, tutorials, and best practices for all platform features.</p></div></div><div class="support-item"><div class="support-icon">💬</div><div class="support-content"><h3>Real-time Chat Support</h3><p>Connect with our expert team instantly for immediate assistance during your event.</p></div></div><div class="support-item"><div class="support-icon">✉️</div><div class="support-content"><h3>Direct Email & Phone Support</h3><p>Reach out for personalized assistance, technical issues, or custom inquiries.</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)
|
||||
@ -1,361 +0,0 @@
|
||||
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>Event Detail 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">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="text-2-wrapper"><section class="text-2-section"><p class="text-2-tagline">Connect. Engage. Innovate.</p><h2 class="text-2-heading">Revolutionize Your Virtual Conferences</h2><p class="text-2-description">Go beyond traditional online events. Our platform redefines virtual engagement with immersive video streaming, interactive breakout rooms, live chat, and cutting-edge spatial audio or avatar-based networking for unparalleled attendee connections.</p><div class="text-2-button-group"><button class="text-2-btn text-2-solid">Request a Demo</button><button class="text-2-btn text-2-outline">Explore Features</button></div></section></div>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Event Description Section</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<section class="event-description-section" aria-labelledby="event-title">
|
||||
<div class="event-description-main">
|
||||
<h2 id="event-title">Unleash the Future of Connectivity: Global Tech Summit 2024</h2>
|
||||
<p>Join us for the premier virtual gathering of innovators, leaders, and enthusiasts in the tech industry. The Global Tech Summit 2024 is an immersive online experience designed to push the boundaries of what's possible, connecting you with groundbreaking ideas and invaluable networking opportunities.</p>
|
||||
<p>Our platform redefines virtual engagement, offering a seamless and interactive environment that mimics the energy of in-person events. From cutting-edge presentations to intimate discussions, every moment is crafted for maximum impact.</p>
|
||||
<h3>What to Expect:</h3>
|
||||
<ul>
|
||||
<li><strong>Dynamic Virtual Conference Stages:</strong> High-definition streaming of keynotes and panel discussions.</li>
|
||||
<li><strong>Interactive Breakout Rooms:</strong> Facilitate smaller, focused group discussions and workshops.</li>
|
||||
<li><strong>Live Chat & Q&A:</strong> Engage directly with speakers and attendees in real-time.</li>
|
||||
<li><strong>Real-time Attendee Networking:</strong> Utilize spatial audio for organic conversations or explore avatar-based social spaces.</li>
|
||||
<li><strong>Resource Hub:</strong> Access speaker slides, whitepapers, and exclusive content post-event.</li>
|
||||
<li><strong>Exhibitor Booths:</strong> Explore virtual booths from leading tech companies and startups.</li>
|
||||
</ul>
|
||||
<p>Whether you're a startup founder, an industry veteran, or a curious learner, this summit offers unparalleled insights into the trends shaping tomorrow's world. Discover new technologies, forge meaningful connections, and be part of a community driving innovation forward.</p>
|
||||
</div>
|
||||
<aside class="event-description-sidebar">
|
||||
<h3>Key Highlights & Details</h3>
|
||||
<div class="event-details-card">
|
||||
<h4>Event Dates</h4>
|
||||
<p><strong>Starts:</strong> October 26, 2024, 09:00 AM PST</p>
|
||||
<p><strong>Ends:</strong> October 28, 2024, 05:00 PM PST</p>
|
||||
</div>
|
||||
<div class="event-details-card">
|
||||
<h4>Virtual Venue Access</h4>
|
||||
<p>Access details will be sent to registered attendees 48 hours prior to the event start.</p>
|
||||
<p>Platform: <strong>Our Custom Interactive Platform</strong> (Similar to Hopin/Airmeet)</p>
|
||||
</div>
|
||||
<div class="event-details-card">
|
||||
<h4>Who Should Attend?</h4>
|
||||
<p>Innovators, Developers, Entrepreneurs, Investors, Researchers, Students, and anyone passionate about technology and its future applications.</p>
|
||||
</div>
|
||||
<a href="#" class="cta-button" aria-label="Register for the Global Tech Summit 2024">Register Now to Secure Your Spot</a>
|
||||
</aside>
|
||||
</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>Speakers & Presenters</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<section class="speaker-section" id="speakers">
|
||||
<header class="speaker-section-header">
|
||||
<h2>Meet Our Esteemed Speakers & Presenters</h2>
|
||||
<p>Engage with industry leaders, innovators, and experts who will share invaluable insights, cutting-edge research, and practical strategies across various tracks. Get ready to be inspired!</p>
|
||||
</header>
|
||||
|
||||
<div class="speaker-grid">
|
||||
<article class="speaker-card">
|
||||
<div class="speaker-card-avatar" aria-label="Speaker's photo placeholder">AB</div>
|
||||
<h3>Alice Black</h3>
|
||||
<p class="speaker-title">CEO, Tech Innovators Inc.</p>
|
||||
<p class="speaker-description">A visionary leader in AI and machine learning, driving transformative change in the tech landscape. Specializes in scalable solutions.</p>
|
||||
<div class="speaker-social-links">
|
||||
<a href="#" aria-label="LinkedIn profile">
|
||||
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-linkedin"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg>
|
||||
</a>
|
||||
<a href="#" aria-label="Twitter profile">
|
||||
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="speaker-card">
|
||||
<div class="speaker-card-avatar" aria-label="Speaker's photo placeholder">CB</div>
|
||||
<h3>Charles Brown</h3>
|
||||
<p class="speaker-title">Lead VR Architect, FutureScape Studios</p>
|
||||
<p class="speaker-description">Pioneering immersive virtual realities and spatial audio experiences for next-gen platforms. Passionate about interactive design.</p>
|
||||
<div class="speaker-social-links">
|
||||
<a href="#" aria-label="LinkedIn profile">
|
||||
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-linkedin"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg>
|
||||
</a>
|
||||
<a href="#" aria-label="Twitter profile">
|
||||
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="speaker-card">
|
||||
<div class="speaker-card-avatar" aria-label="Speaker's photo placeholder">DL</div>
|
||||
<h3>Diana Lee</h3>
|
||||
<p class="speaker-title">Chief Product Officer, Global Connect</p>
|
||||
<p class="speaker-description">Expert in developing intuitive networking solutions for large-scale virtual events. Focuses on user experience and scalability.</p>
|
||||
<div class="speaker-social-links">
|
||||
<a href="#" aria-label="LinkedIn profile">
|
||||
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-linkedin"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg>
|
||||
</a>
|
||||
<a href="#" aria-label="Twitter profile">
|
||||
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="speaker-card">
|
||||
<div class="speaker-card-avatar" aria-label="Speaker's photo placeholder">EJ</div>
|
||||
<h3>Ethan Jones</h3>
|
||||
<p class="speaker-title">Founder, Immersive Audio Solutions</p>
|
||||
<p class="speaker-description">A pioneer in spatial audio technologies, enabling realistic and engaging soundscapes for virtual environments and conferences.</p>
|
||||
<div class="speaker-social-links">
|
||||
<a href="#" aria-label="LinkedIn profile">
|
||||
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-linkedin"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg>
|
||||
</a>
|
||||
<a href="#" aria-label="Twitter profile">
|
||||
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="speaker-card">
|
||||
<div class="speaker-card-avatar" aria-label="Speaker's photo placeholder">FG</div>
|
||||
<h3>Fiona Green</h3>
|
||||
<p class="speaker-title">Head of UX/UI, Virtual Spaces Co.</p>
|
||||
<p class="speaker-description">Designs intuitive and engaging user interfaces for avatar-based virtual meeting rooms, ensuring seamless attendee experiences.</p>
|
||||
<div class="speaker-social-links">
|
||||
<a href="#" aria-label="LinkedIn profile">
|
||||
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-linkedin"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg>
|
||||
</a>
|
||||
<a href="#" aria-label="Twitter profile">
|
||||
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="speaker-card">
|
||||
<div class="speaker-card-avatar" aria-label="Speaker's photo placeholder">JK</div>
|
||||
<h3>John Kim</h3>
|
||||
<p class="speaker-title">VP of Engineering, StreamFlow Solutions</p>
|
||||
<p class="speaker-description">Leads the development of robust video streaming and live chat infrastructures for high-demand virtual events.</p>
|
||||
<div class="speaker-social-links">
|
||||
<a href="#" aria-label="LinkedIn profile">
|
||||
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-linkedin"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg>
|
||||
</a>
|
||||
<a href="#" aria-label="Twitter profile">
|
||||
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
</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>Sponsor/Exhibitor Section</title>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<section class="section-sponsor-exhibitor">
|
||||
<div class="container">
|
||||
<h2>Partner With Us: Sponsor & Exhibit</h2>
|
||||
<p class="section-description">
|
||||
Elevate your brand's presence and connect directly with a highly engaged audience.
|
||||
Our platform offers unique opportunities for sponsors and exhibitors to showcase their innovations,
|
||||
generate leads, and build meaningful relationships within a dynamic virtual environment.
|
||||
</p>
|
||||
|
||||
<div class="sponsor-tiers">
|
||||
<div class="tier-card platinum">
|
||||
<h3>Platinum Sponsor</h3>
|
||||
<ul>
|
||||
<li><span class="visually-hidden">Checkmark: </span>Exclusive branding on main stage</li>
|
||||
<li><span class="visually-hidden">Checkmark: </span>Dedicated virtual booth with premium features</li>
|
||||
<li><span class="visually-hidden">Checkmark: </span>Keynote speaking slot opportunity</li>
|
||||
<li><span class="visually-hidden">Checkmark: </span>Lead capture & detailed analytics</li>
|
||||
<li><span class="visually-hidden">Checkmark: </span>Full-page ad in event program</li>
|
||||
<li><span class="visually-hidden">Checkmark: </span>Priority attendee networking access</li>
|
||||
</ul>
|
||||
<a href="#" class="btn">Inquire Platinum</a>
|
||||
</div>
|
||||
|
||||
<div class="tier-card gold">
|
||||
<h3>Gold Sponsor</h3>
|
||||
<ul>
|
||||
<li><span class="visually-hidden">Checkmark: </span>Prominent logo placement throughout platform</li>
|
||||
<li><span class="visually-hidden">Checkmark: </span>Enhanced virtual booth with video & chat</li>
|
||||
<li><span class="visually-hidden">Checkmark: </span>Speaking opportunity in a breakout room</li>
|
||||
<li><span class="visually-hidden">Checkmark: </span>Targeted lead generation tools</li>
|
||||
<li><span class="visually-hidden">Checkmark: </span>Half-page ad in event program</li>
|
||||
<li><span class="visually-hidden">Checkmark: </span>Advanced attendee engagement features</li>
|
||||
</ul>
|
||||
<a href="#" class="btn">Inquire Gold</a>
|
||||
</div>
|
||||
|
||||
<div class="tier-card silver">
|
||||
<h3>Silver Sponsor</h3>
|
||||
<ul>
|
||||
<li><span class="visually-hidden">Checkmark: </span>Logo visibility on event pages</li>
|
||||
<li><span class="visually-hidden">Checkmark: </span>Standard virtual booth with media uploads</li>
|
||||
<li><span class="visually-hidden">Checkmark: </span>Access to attendee chat & Q&A</li>
|
||||
<li><span class="visually-hidden">Checkmark: </span>Basic lead reporting</li>
|
||||
<li><span class="visually-hidden">Checkmark: </span>Quarter-page ad in event program</li>
|
||||
<li><span class="visually-hidden">Checkmark: </span>Standard networking opportunities</li>
|
||||
</ul>
|
||||
<a href="#" class="btn">Inquire Silver</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cta-sponsorship">
|
||||
<h3>Ready to Amplify Your Reach?</h3>
|
||||
<p>
|
||||
Join a growing community of innovators and thought leaders.
|
||||
Our team is here to help you select the perfect partnership package
|
||||
to meet your marketing and business development goals.
|
||||
</p>
|
||||
<a href="#" class="btn-secondary">Download Sponsorship Prospectus</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="exhibitor-expo">
|
||||
<div class="container">
|
||||
<h2>The Virtual Expo Experience</h2>
|
||||
<p class="section-description">
|
||||
Our innovative virtual expo hall recreates the energy and interactivity of a physical event,
|
||||
providing exhibitors with powerful tools to engage visitors and generate qualified leads.
|
||||
</p>
|
||||
|
||||
<div class="expo-features">
|
||||
<div class="feature-card">
|
||||
<span class="icon" aria-hidden="true">★</span> <!-- Star icon -->
|
||||
<h3>Interactive Booths</h3>
|
||||
<p>Customize your virtual booth with videos, brochures, product demos, and direct links to your sales team.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<span class="icon" aria-hidden="true">✉</span> <!-- Mail icon -->
|
||||
<h3>Live Chat & Video Meetings</h3>
|
||||
<p>Engage visitors in real-time through text chat, one-on-one video calls, or group discussions.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<span class="icon" aria-hidden="true">📈</span> <!-- Chart icon -->
|
||||
<h3>Robust Analytics</h3>
|
||||
<p>Gain insights into booth visits, content downloads, lead captures, and attendee interactions to measure ROI.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<span class="icon" aria-hidden="true">👤</span> <!-- Person icon -->
|
||||
<h3>Spatial Networking</h3>
|
||||
<p>Utilize our spatial audio or avatar-based rooms for organic, free-flowing networking within your booth or the expo hall.</p>
|
||||
</div>
|
||||
</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>Related Events Section</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<section class="section-container" aria-labelledby="related-events-heading">
|
||||
<header class="section-header">
|
||||
<h2 id="related-events-heading">More Events You Might Like</h2>
|
||||
<p>Explore a curated selection of upcoming virtual conferences, workshops, and networking sessions tailored to your interests.</p>
|
||||
</header>
|
||||
|
||||
<div class="events-grid">
|
||||
<article class="event-card">
|
||||
<div class="event-card-image" aria-hidden="true">
|
||||
<!-- Placeholder for Event Image -->
|
||||
<img src="https://via.placeholder.com/400x200/007bff/FFFFFF?text=Event+Image+1" alt="Placeholder image for Global Tech Summit">
|
||||
</div>
|
||||
<div class="event-card-content">
|
||||
<span class="event-card-date">Oct 26-28, 2023 | Virtual</span>
|
||||
<h3>Global Tech Summit 2023</h3>
|
||||
<p>Dive into the future of AI, blockchain, and cloud computing. Network with industry leaders and innovators.</p>
|
||||
<a href="#" class="event-card-link" aria-label="View details for Global Tech Summit 2023">Learn More</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="event-card">
|
||||
<div class="event-card-image" aria-hidden="true">
|
||||
<!-- Placeholder for Event Image -->
|
||||
<img src="https://via.placeholder.com/400x200/28a745/FFFFFF?text=Event+Image+2" alt="Placeholder image for Digital Marketing Conference">
|
||||
</div>
|
||||
<div class="event-card-content">
|
||||
<span class="event-card-date">Nov 15-16, 2023 | Online</span>
|
||||
<h3>Digital Marketing Conference 2023</h3>
|
||||
<p>Uncover the latest strategies in SEO, content marketing, and social media. Expert-led workshops included.</p>
|
||||
<a href="#" class="event-card-link" aria-label="View details for Digital Marketing Conference 2023">Learn More</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="event-card">
|
||||
<div class="event-card-image" aria-hidden="true">
|
||||
<!-- Placeholder for Event Image -->
|
||||
<img src="https://via.placeholder.com/400x200/ffc107/333333?text=Event+Image+3" alt="Placeholder image for Startup Pitch Fest">
|
||||
</div>
|
||||
<div class="event-card-content">
|
||||
<span class="event-card-date">Dec 01, 2023 | Virtual Arena</span>
|
||||
<h3>Startup Pitch Fest: Winter Edition</h3>
|
||||
<p>Witness groundbreaking innovations from emerging startups. Investors and mentors will be present.</p>
|
||||
<a href="#" class="event-card-link" aria-label="View details for Startup Pitch Fest: Winter Edition">Learn More</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="event-card">
|
||||
<div class="event-card-image" aria-hidden="true">
|
||||
<!-- Placeholder for Event Image -->
|
||||
<img src="https://via.placeholder.com/400x200/17a2b8/FFFFFF?text=Event+Image+4" alt="Placeholder image for Future of Work Summit">
|
||||
</div>
|
||||
<div class="event-card-content">
|
||||
<span class="event-card-date">Jan 10-12, 2024 | Global Virtual</span>
|
||||
<h3>Future of Work Summit 2024</h3>
|
||||
<p>Explore trends in remote work, hybrid models, and workplace innovation. Keynotes from HR leaders.</p>
|
||||
<a href="#" class="event-card-link" aria-label="View details for Future of Work Summit 2024">Learn More</a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<footer class="section-footer">
|
||||
<a href="#" class="all-events-button">View All Events</a>
|
||||
</footer>
|
||||
</section>
|
||||
</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)
|
||||
@ -1,449 +0,0 @@
|
||||
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>Explore Events</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>Event Search & Filter</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<section class="event-filter-section" aria-labelledby="event-search-heading">
|
||||
<h2 id="event-search-heading">Discover & Filter Events</h2>
|
||||
|
||||
<form class="filter-controls" role="search" aria-label="Event Search Filters">
|
||||
<div class="form-group">
|
||||
<label for="search-keyword">Keyword Search</label>
|
||||
<input type="text" id="search-keyword" name="keyword" placeholder="e.g., AI Summit, Design Expo">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="event-type">Event Type</label>
|
||||
<select id="event-type" name="type">
|
||||
<option value="">All Types</option>
|
||||
<option value="conference">Conference</option>
|
||||
<option value="webinar">Webinar</option>
|
||||
<option value="workshop">Workshop</option>
|
||||
<option value="networking">Networking Event</option>
|
||||
<option value="expo">Exposition</option>
|
||||
<option value="concert">Concert</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="event-date">Date</label>
|
||||
<input type="date" id="event-date" name="date">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="location">Location (Virtual/Physical)</label>
|
||||
<input type="text" id="location" name="location" placeholder="e.g., Online, New York, Asia">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="industry">Industry</label>
|
||||
<select id="industry" name="industry">
|
||||
<option value="">All Industries</option>
|
||||
<option value="tech">Technology</option>
|
||||
<option value="healthcare">Healthcare</option>
|
||||
<option value="finance">Finance</option>
|
||||
<option value="education">Education</option>
|
||||
<option value="art">Arts & Culture</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="price-range">Price Range</label>
|
||||
<select id="price-range" name="price">
|
||||
<option value="">Any Price</option>
|
||||
<option value="free">Free</option>
|
||||
<option value="paid-under-50">$1 - $50</option>
|
||||
<option value="paid-50-200">$51 - $200</option>
|
||||
<option value="paid-over-200">$200+</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<button type="submit">Search Events</button>
|
||||
</form>
|
||||
|
||||
<div class="applied-filters" aria-live="polite" aria-atomic="true">
|
||||
<h3>Applied Filters:</h3>
|
||||
<div class="filter-tags">
|
||||
<div class="filter-tag" role="status" aria-label="Filter applied: Conference">
|
||||
<span>Conference</span>
|
||||
<button aria-label="Remove Conference filter">×</button>
|
||||
</div>
|
||||
<div class="filter-tag" role="status" aria-label="Filter applied: Tech Industry">
|
||||
<span>Tech Industry</span>
|
||||
<button aria-label="Remove Tech Industry filter">×</button>
|
||||
</div>
|
||||
<!-- More filter tags would be dynamically added here -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="event-results" role="region" aria-live="polite" aria-labelledby="event-results-heading">
|
||||
<h3 id="event-results-heading">Search Results</h3>
|
||||
<div class="results-placeholder">
|
||||
<p>No events found for your current filters.</p>
|
||||
<p>Adjust your search criteria or try broadening your filters to see more events.</p>
|
||||
<!-- This area would be dynamically populated with event cards/listings -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
<section class="event-cards-grid-section">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Upcoming Virtual Events</h2>
|
||||
<p class="section-description">Discover and join our exciting array of online conferences, workshops, and networking sessions designed for remote participation.</p>
|
||||
|
||||
<div class="event-cards-grid">
|
||||
<article class="event-card">
|
||||
<div class="event-card-image-placeholder" aria-label="Event banner image">
|
||||
<!-- Placeholder for event image -->
|
||||
</div>
|
||||
<div class="event-card-content">
|
||||
<h3 class="event-card-title">Global Tech Summit 2024</h3>
|
||||
<p class="event-card-date-time"><time datetime="2024-10-26T09:00:00">October 26, 2024 | 9:00 AM - 5:00 PM EST</time></p>
|
||||
<p class="event-card-format">Virtual Conference | Main Stage, Breakout Rooms</p>
|
||||
<p class="event-card-description">Explore the future of technology with industry leaders, featuring tracks on AI, Web3, and sustainable tech.</p>
|
||||
<a href="#" class="event-card-link">View Details</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="event-card">
|
||||
<div class="event-card-image-placeholder" aria-label="Event banner image">
|
||||
<!-- Placeholder for event image -->
|
||||
</div>
|
||||
<div class="event-card-content">
|
||||
<h3 class="event-card-title">Innovator's Workshop Series</h3>
|
||||
<p class="event-card-date-time"><time datetime="2024-11-15T14:00:00">November 15, 2024 | 2:00 PM - 4:00 PM EST</time></p>
|
||||
<p class="event-card-format">Interactive Workshop | Hands-on Labs</p>
|
||||
<p class="event-card-description">A practical session on design thinking and rapid prototyping for new product development and ideation.</p>
|
||||
<a href="#" class="event-card-link">Register Now</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="event-card">
|
||||
<div class="event-card-image-placeholder" aria-label="Event banner image">
|
||||
<!-- Placeholder for event image -->
|
||||
</div>
|
||||
<div class="event-card-content">
|
||||
<h3 class="event-card-title">Future of Remote Work Panel</h3>
|
||||
<p class="event-card-date-time"><time datetime="2024-12-05T10:00:00">December 5, 2024 | 10:00 AM - 11:30 AM EST</time></p>
|
||||
<p class="event-card-format">Live Panel Discussion | Q&A Session</p>
|
||||
<p class="event-card-description">Experts discuss the evolving landscape of remote collaboration, essential tools, and company culture shifts.</p>
|
||||
<a href="#" class="event-card-link">Join Us</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="event-card">
|
||||
<div class="event-card-image-placeholder" aria-label="Event banner image">
|
||||
<!-- Placeholder for event image -->
|
||||
</div>
|
||||
<div class="event-card-content">
|
||||
<h3 class="event-card-title">Digital Marketing Masterclass</h3>
|
||||
<p class="event-card-date-time"><time datetime="2025-01-20T13:00:00">January 20, 2025 | 1:00 PM - 5:00 PM EST</time></p>
|
||||
<p class="event-card-format">Deep Dive Webinar | Case Studies</p>
|
||||
<p class="event-card-description">Learn advanced strategies in SEO, content marketing, and social media advertising from top marketers.</p>
|
||||
<a href="#" class="event-card-link">Explore Course</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="event-card">
|
||||
<div class="event-card-image-placeholder" aria-label="Event banner image">
|
||||
<!-- Placeholder for event image -->
|
||||
</div>
|
||||
<div class="event-card-content">
|
||||
<h3 class="event-card-title">AI & Ethics Forum</h3>
|
||||
<p class="event-card-date-time"><time datetime="2025-02-10T09:30:00">February 10, 2025 | 9:30 AM - 12:00 PM EST</time></p>
|
||||
<p class="event-card-format">Discussion Forum | Expert Breakouts</p>
|
||||
<p class="event-card-description">Engage in critical conversations about the ethical implications and societal impact of artificial intelligence.</p>
|
||||
<a href="#" class="event-card-link">Learn More</a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Upcoming Events - Modern Platform</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>
|
||||
<section id="upcoming-events" class="container">
|
||||
<header class="section-header">
|
||||
<h2>Upcoming Events</h2>
|
||||
<p>Don't miss out on the next big thing! Explore our curated list of virtual conferences, workshops, and networking sessions.</p>
|
||||
</header>
|
||||
|
||||
<div class="events-grid">
|
||||
<!-- Event Card 1 -->
|
||||
<article class="event-card">
|
||||
<div class="event-card-image" style="background-image: url('https://via.placeholder.com/600x400/ECEFF1/90A4AE?text=Tech+Summit+2024');">
|
||||
<!-- Wireframe-friendly placeholder -->
|
||||
</div>
|
||||
<div class="event-card-content">
|
||||
<p class="event-card-date">Oct 26, 2024 - Oct 28, 2024</p>
|
||||
<h3>Global Tech Innovation Summit 2024</h3>
|
||||
<p>Join industry leaders and innovators to explore the future of AI, blockchain, and sustainable technology.</p>
|
||||
<div class="event-card-meta">
|
||||
<span class="location">Virtual</span>
|
||||
<span class="attendees">1,250+ attendees</span>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Event Card 2 -->
|
||||
<article class="event-card">
|
||||
<div class="event-card-image" style="background-image: url('https://via.placeholder.com/600x400/ECEFF1/90A4AE?text=Digital+Marketing');">
|
||||
<!-- Wireframe-friendly placeholder -->
|
||||
</div>
|
||||
<div class="event-card-content">
|
||||
<p class="event-card-date">Nov 15, 2024</p>
|
||||
<h3>Digital Marketing Trends & Strategy Workshop</h3>
|
||||
<p>Learn the latest SEO, social media, and content marketing strategies from top experts in the field.</p>
|
||||
<div class="event-card-meta">
|
||||
<span class="location">Online</span>
|
||||
<span class="attendees">480+ attendees</span>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Event Card 3 -->
|
||||
<article class="event-card">
|
||||
<div class="event-card-image" style="background-image: url('https://via.placeholder.com/600x400/ECEFF1/90A4AE?text=Healthcare+Innovation');">
|
||||
<!-- Wireframe-friendly placeholder -->
|
||||
</div>
|
||||
<div class="event-card-content">
|
||||
<p class="event-card-date">Dec 01, 2024 - Dec 03, 2024</p>
|
||||
<h3>Future of Healthcare: AI & Biotech Conference</h3>
|
||||
<p>Discover groundbreaking advancements in medical technology, AI diagnostics, and personalized medicine.</p>
|
||||
<div class="event-card-meta">
|
||||
<span class="location">Virtual Venue</span>
|
||||
<span class="attendees">900+ attendees</span>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Event Card 4 -->
|
||||
<article class="event-card">
|
||||
<div class="event-card-image" style="background-image: url('https://via.placeholder.com/600x400/ECEFF1/90A4AE?text=Startup+Pitch');">
|
||||
<!-- Wireframe-friendly placeholder -->
|
||||
</div>
|
||||
<div class="event-card-content">
|
||||
<p class="event-card-date">Jan 10, 2025</p>
|
||||
<h3>Startup Pitch Competition & Investor Forum</h3>
|
||||
<p>Witness innovative startups present their ideas to a panel of venture capitalists and angel investors.</p>
|
||||
<div class="event-card-meta">
|
||||
<span class="location">Online Auditorium</span>
|
||||
<span class="attendees">750+ attendees</span>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Event Card 5 -->
|
||||
<article class="event-card">
|
||||
<div class="event-card-image" style="background-image: url('https://via.placeholder.com/600x400/ECEFF1/90A4AE?text=Creative+Arts');">
|
||||
<!-- Wireframe-friendly placeholder -->
|
||||
</div>
|
||||
<div class="event-card-content">
|
||||
<p class="event-card-date">Feb 20, 2025 - Feb 22, 2025</p>
|
||||
<h3>Creative Arts & Design Festival</h3>
|
||||
<p>A celebration of digital art, animation, graphic design, and interactive media. Featuring live demos.</p>
|
||||
<div class="event-card-meta">
|
||||
<span class="location">Virtual Exhibition</span>
|
||||
<span class="attendees">600+ attendees</span>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Event Card 6 -->
|
||||
<article class="event-card">
|
||||
<div class="event-card-image" style="background-image: url('https://via.placeholder.com/600x400/ECEFF1/90A4AE?text=Future+of+Work');">
|
||||
<!-- Wireframe-friendly placeholder -->
|
||||
</div>
|
||||
<div class="event-card-content">
|
||||
<p class="event-card-date">Mar 05, 2025</p>
|
||||
<h3>The Future of Work: Remote & Hybrid Models</h3>
|
||||
<p>Explore strategies for building effective remote teams, fostering culture, and leveraging collaboration tools.</p>
|
||||
<div class="event-card-meta">
|
||||
<span class="location">Virtual Conference Room</span>
|
||||
<span class="attendees">550+ attendees</span>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div class="view-all-events">
|
||||
<a href="#events-page" class="button">View All Events</a>
|
||||
</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>Featured Organizers</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<section class="featured-organizers-section" aria-labelledby="featuredOrganizersHeading">
|
||||
<div class="container">
|
||||
<h2 id="featuredOrganizersHeading">Our Featured Event Organizers</h2>
|
||||
<p class="lead">Discover the innovative organizations and communities bringing exceptional virtual conferences and networking experiences to our platform.</p>
|
||||
|
||||
<div class="organizers-grid">
|
||||
<article class="organizer-card">
|
||||
<div class="logo-placeholder" aria-label="Logo for Tech Innovators Inc.">
|
||||
<!-- Replace with <img src="path/to/tech-innovators-logo.png" alt="Tech Innovators Inc. Logo"> -->
|
||||
<span>TI</span>
|
||||
</div>
|
||||
<h3>Tech Innovators Inc.</h3>
|
||||
<p>Pioneering virtual summits for cutting-edge technology and software development. Known for interactive workshops and expert-led discussions.</p>
|
||||
<a href="#" class="btn-learn-more" aria-label="Learn more about Tech Innovators Inc.">Learn More</a>
|
||||
</article>
|
||||
|
||||
<article class="organizer-card">
|
||||
<div class="logo-placeholder" aria-label="Logo for Global Marketing Alliance">
|
||||
<!-- Replace with <img src="path/to/global-marketing-logo.png" alt="Global Marketing Alliance Logo"> -->
|
||||
<span>GMA</span>
|
||||
</div>
|
||||
<h3>Global Marketing Alliance</h3>
|
||||
<p>Connecting marketers worldwide through virtual conferences on digital trends, branding, and consumer insights. Excellent networking opportunities.</p>
|
||||
<a href="#" class="btn-learn-more" aria-label="Learn more about Global Marketing Alliance">Learn More</a>
|
||||
</article>
|
||||
|
||||
<article class="organizer-card">
|
||||
<div class="logo-placeholder" aria-label="Logo for Health & Wellness Summit">
|
||||
<!-- Replace with <img src="path/to/health-wellness-logo.png" alt="Health & Wellness Summit Logo"> -->
|
||||
<span>HWS</span>
|
||||
</div>
|
||||
<h3>Health & Wellness Summit</h3>
|
||||
<p>Dedicated to promoting holistic well-being with virtual sessions on fitness, nutrition, and mental health. Features renowned speakers.</p>
|
||||
<a href="#" class="btn-learn-more" aria-label="Learn more about Health & Wellness Summit">Learn More</a>
|
||||
</article>
|
||||
|
||||
<article class="organizer-card">
|
||||
<div class="logo-placeholder" aria-label="Logo for Creative Arts Collective">
|
||||
<!-- Replace with <img src="path/to/creative-arts-logo.png" alt="Creative Arts Collective Logo"> -->
|
||||
<span>CAC</span>
|
||||
</div>
|
||||
<h3>Creative Arts Collective</h3>
|
||||
<p>Showcasing the latest in art, design, and performance through immersive virtual galleries and live demonstrations. A hub for artists.</p>
|
||||
<a href="#" class="btn-learn-more" aria-label="Learn more about Creative Arts Collective">Learn More</a>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div class="call-to-action">
|
||||
<h3>Want to Host Your Next Virtual Event?</h3>
|
||||
<p>Join our growing community of successful event organizers and leverage our cutting-edge platform for seamless virtual experiences.</p>
|
||||
<a href="#" class="btn-primary" aria-label="Start organizing your event today">Become an Organizer</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<section class="pagination-load-more-section">
|
||||
<h2 class="section-title">Discover Virtual Conference Sessions</h2>
|
||||
|
||||
<div class="items-grid">
|
||||
<div class="session-card">
|
||||
<div class="session-image-placeholder"></div>
|
||||
<h3 class="session-title">Keynote: The Future of Remote Collaboration</h3>
|
||||
<p class="session-meta">Live Stream | Oct 26, 2023 | 10:00 AM EDT</p>
|
||||
<p class="session-description">Dive into insights on emerging tools and strategies for effective global teamwork.</p>
|
||||
</div>
|
||||
<div class="session-card">
|
||||
<div class="session-image-placeholder"></div>
|
||||
<h3 class="session-title">Breakout: Mastering Spatial Audio Networking</h3>
|
||||
<p class="session-meta">Breakout Room 1 | Oct 26, 2023 | 11:30 AM EDT</p>
|
||||
<p class="session-description">Practical workshop on leveraging spatial audio for immersive attendee interactions.</p>
|
||||
</div>
|
||||
<div class="session-card">
|
||||
<div class="session-image-placeholder"></div>
|
||||
<h3 class="session-title">Panel: Avatar-Based Experiences & Engagement</h3>
|
||||
<p class="session-meta">Main Stage | Oct 26, 2023 | 01:00 PM EDT</p>
|
||||
<p class="session-description">Industry leaders discuss the impact of avatar technology on virtual events.</p>
|
||||
</div>
|
||||
<div class="session-card">
|
||||
<div class="session-image-placeholder"></div>
|
||||
<h3 class="session-title">Workshop: Building Your Virtual Event Strategy</h3>
|
||||
<p class="session-meta">Workshop Room | Oct 26, 2023 | 02:30 PM EDT</p>
|
||||
<p class="session-description">Interactive session on planning and executing successful virtual conferences.</p>
|
||||
</div>
|
||||
<div class="session-card">
|
||||
<div class="session-image-placeholder"></div>
|
||||
<h3 class="session-title">Fireside Chat: Monetization in Virtual Events</h3>
|
||||
<p class="session-meta">Live Stream | Oct 26, 2023 | 04:00 PM EDT</p>
|
||||
<p class="session-description">Explore various revenue models for virtual and hybrid event platforms.</p>
|
||||
</div>
|
||||
<div class="session-card">
|
||||
<div class="session-image-placeholder"></div>
|
||||
<h3 class="session-title">Networking Mixer: AI-Powered Connections</h3>
|
||||
<p class="session-meta">Networking Zone | Oct 26, 2023 | 05:30 PM EDT</p>
|
||||
<p class="session-description">Connect with peers using intelligent matching algorithms in an avatar environment.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pagination-load-more-controls">
|
||||
<nav class="pagination-nav" aria-label="Pagination for conference sessions">
|
||||
<ul class="pagination-list">
|
||||
<li class="pagination-item">
|
||||
<a href="#" class="pagination-link pagination-prev" aria-label="Previous Page">Prev</a>
|
||||
</li>
|
||||
<li class="pagination-item">
|
||||
<a href="#" class="pagination-link" aria-label="Page 1">1</a>
|
||||
</li>
|
||||
<li class="pagination-item">
|
||||
<a href="#" class="pagination-link pagination-active" aria-label="Page 2, Current Page">2</a>
|
||||
</li>
|
||||
<li class="pagination-item">
|
||||
<a href="#" class="pagination-link" aria-label="Page 3">3</a>
|
||||
</li>
|
||||
<li class="pagination-item">
|
||||
<span class="pagination-ellipsis">...</span>
|
||||
</li>
|
||||
<li class="pagination-item">
|
||||
<a href="#" class="pagination-link" aria-label="Page 10">10</a>
|
||||
</li>
|
||||
<li class="pagination-item">
|
||||
<a href="#" class="pagination-link pagination-next" aria-label="Next Page">Next</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<button type="button" class="load-more-button">Load More Sessions</button>
|
||||
</div>
|
||||
</section>
|
||||
<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)
|
||||
28
index.html
28
index.html
@ -1,28 +0,0 @@
|
||||
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>
|
||||
<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>
|
||||
<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)
|
||||
@ -1,588 +0,0 @@
|
||||
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>Live Event Room</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>
|
||||
<div class="video-tutorial-container"><div class="logo-circle">CONNECT</div><div class="play-icon"></div><h1 class="video-title">Experience Seamless Virtual Events</h1><button class="cta-button">Watch How It Works</button></div>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Chat Panel Section</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<section class="chat-panel-section" aria-labelledby="chatPanelHeader">
|
||||
<header class="chat-header">
|
||||
<h2 id="chatPanelHeader">Live Chat</h2>
|
||||
<div class="chat-options">
|
||||
<button aria-label="Search messages">🔍</button>
|
||||
<button aria-label="Chat settings">⚙️</button>
|
||||
<button aria-label="Close chat">❌</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="chat-messages" role="log" aria-live="polite" aria-atomic="false">
|
||||
<div class="chat-message other">
|
||||
<div class="avatar" aria-hidden="true">
|
||||
<img src="https://via.placeholder.com/32/FF5733/FFFFFF?text=A" alt="Avatar for Alice">
|
||||
</div>
|
||||
<div class="message-content">
|
||||
<span class="message-author">Alice Johnson</span>
|
||||
<div class="message-bubble">
|
||||
<p>Welcome everyone to the main stage discussion!</p>
|
||||
</div>
|
||||
<time class="message-time" datetime="2024-07-20T10:05">10:05 AM</time>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="chat-message self">
|
||||
<div class="message-content">
|
||||
<div class="message-bubble">
|
||||
<p>Hi Alice! Excited for the session.</p>
|
||||
</div>
|
||||
<time class="message-time" datetime="2024-07-20T10:06">10:06 AM</time>
|
||||
</div>
|
||||
<div class="avatar" aria-hidden="true">
|
||||
<img src="https://via.placeholder.com/32/007bff/FFFFFF?text=Y" alt="Your Avatar">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="chat-message other">
|
||||
<div class="avatar" aria-hidden="true">
|
||||
<img src="https://via.placeholder.com/32/33FF57/FFFFFF?text=B" alt="Avatar for Bob">
|
||||
</div>
|
||||
<div class="message-content">
|
||||
<span class="message-author">Bob Williams</span>
|
||||
<div class="message-bubble">
|
||||
<p>Is there a Q&A section planned after the main presentation?</p>
|
||||
<p>Looking forward to hearing from the speakers.</p>
|
||||
</div>
|
||||
<time class="message-time" datetime="2024-07-20T10:08">10:08 AM</time>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="chat-message self">
|
||||
<div class="message-content">
|
||||
<div class="message-bubble">
|
||||
<p>Yes, Bob, there will be a dedicated Q&A session. Feel free to submit your questions in the "Questions" tab!</p>
|
||||
</div>
|
||||
<time class="message-time" datetime="2024-07-20T10:10">10:10 AM</time>
|
||||
</div>
|
||||
<div class="avatar" aria-hidden="true">
|
||||
<img src="https://via.placeholder.com/32/007bff/FFFFFF?text=Y" alt="Your Avatar">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="chat-message other">
|
||||
<div class="avatar" aria-hidden="true">
|
||||
<img src="https://via.placeholder.com/32/FF33E9/FFFFFF?text=C" alt="Avatar for Carol">
|
||||
</div>
|
||||
<div class="message-content">
|
||||
<span class="message-author">Carol White</span>
|
||||
<div class="message-bubble">
|
||||
<p>Having a great time so far!</p>
|
||||
</div>
|
||||
<time class="message-time" datetime="2024-07-20T10:12">10:12 AM</time>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="chat-message other">
|
||||
<div class="avatar" aria-hidden="true">
|
||||
<img src="https://via.placeholder.com/32/5733FF/FFFFFF?text=D" alt="Avatar for David">
|
||||
</div>
|
||||
<div class="message-content">
|
||||
<span class="message-author">David Green</span>
|
||||
<div class="message-bubble">
|
||||
<p>The video quality is excellent!</p>
|
||||
</div>
|
||||
<time class="message-time" datetime="2024-07-20T10:15">10:15 AM</time>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form class="chat-input-area" aria-label="Send a new message">
|
||||
<label for="chatMessageInput" class="sr-only">Type your message</label>
|
||||
<textarea id="chatMessageInput" placeholder="Type your message..." rows="1" aria-label="Message input"></textarea>
|
||||
<button type="submit" aria-label="Send message">➡️</button>
|
||||
</form>
|
||||
</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>Attendee List / Networking</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>
|
||||
<section class="networking-section">
|
||||
<header class="networking-header">
|
||||
<h2>Attendee List & Networking Zone</h2>
|
||||
<div class="networking-controls">
|
||||
<div class="search-bar" role="search">
|
||||
<label for="attendee-search" class="sr-only">Search Attendees</label>
|
||||
<input type="search" id="attendee-search" placeholder="Search attendees by name or role...">
|
||||
</div>
|
||||
<button class="filter-button" aria-controls="filter-menu" aria-expanded="false">
|
||||
⚙️ Filters
|
||||
</button>
|
||||
<div class="view-toggle" role="group" aria-label="Toggle View">
|
||||
<button class="active" aria-label="Grid View">🗂️ Grid</button>
|
||||
<button aria-label="List View">📄 List</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="networking-content">
|
||||
<aside class="attendee-list-container" aria-label="Attendee List">
|
||||
<h3>Attendees (123)</h3>
|
||||
<div class="attendee-grid">
|
||||
<article class="attendee-card">
|
||||
<div class="attendee-avatar">
|
||||
<img src="https://via.placeholder.com/80/6B4EE8/FFFFFF?text=AA" alt="Avatar of Alex Johnson">
|
||||
</div>
|
||||
<h4 class="attendee-name">Alex Johnson</h4>
|
||||
<p class="attendee-role">Software Engineer</p>
|
||||
<p class="attendee-company">Tech Solutions Inc.</p>
|
||||
<div class="attendee-tags">
|
||||
<span class="tag">AI</span>
|
||||
<span class="tag">Cloud</span>
|
||||
<span class="tag">VR</span>
|
||||
</div>
|
||||
<button class="connect-button">Connect</button>
|
||||
</article>
|
||||
|
||||
<article class="attendee-card">
|
||||
<div class="attendee-avatar">
|
||||
<img src="https://via.placeholder.com/80/4A90E2/FFFFFF?text=BM" alt="Avatar of Ben Miller">
|
||||
</div>
|
||||
<h4 class="attendee-name">Ben Miller</h4>
|
||||
<p class="attendee-role">Product Manager</p>
|
||||
<p class="attendee-company">Innovate Co.</p>
|
||||
<div class="attendee-tags">
|
||||
<span class="tag">UX/UI</span>
|
||||
<span class="tag">Marketing</span>
|
||||
</div>
|
||||
<button class="connect-button">Connect</button>
|
||||
</article>
|
||||
|
||||
<article class="attendee-card">
|
||||
<div class="attendee-avatar">
|
||||
<img src="https://via.placeholder.com/80/28A745/FFFFFF?text=CS" alt="Avatar of Chloe Smith">
|
||||
</div>
|
||||
<h4 class="attendee-name">Chloe Smith</h4>
|
||||
<p class="attendee-role">Data Scientist</p>
|
||||
<p class="attendee-company">Analytics Hub</p>
|
||||
<div class="attendee-tags">
|
||||
<span class="tag">Big Data</span>
|
||||
<span class="tag">Machine Learning</span>
|
||||
</div>
|
||||
<button class="connect-button">Connect</button>
|
||||
</article>
|
||||
|
||||
<article class="attendee-card">
|
||||
<div class="attendee-avatar">
|
||||
<img src="https://via.placeholder.com/80/F0F2F5/6B4EE8?text=DW" alt="Avatar of David Wilson">
|
||||
</div>
|
||||
<h4 class="attendee-name">David Wilson</h4>
|
||||
<p class="attendee-role">UI/UX Designer</p>
|
||||
<p class="attendee-company">Creative Labs</p>
|
||||
<div class="attendee-tags">
|
||||
<span class="tag">Design</span>
|
||||
<span class="tag">Figma</span>
|
||||
</div>
|
||||
<button class="connect-button">Connect</button>
|
||||
</article>
|
||||
|
||||
<article class="attendee-card">
|
||||
<div class="attendee-avatar">
|
||||
<img src="https://via.placeholder.com/80/6B4EE8/FFFFFF?text=EA" alt="Avatar of Emily Adams">
|
||||
</div>
|
||||
<h4 class="attendee-name">Emily Adams</h4>
|
||||
<p class="attendee-role">Marketing Specialist</p>
|
||||
<p class="attendee-company">Global Reach</p>
|
||||
<div class="attendee-tags">
|
||||
<span class="tag">SEO</span>
|
||||
<span class="tag">Content</span>
|
||||
</div>
|
||||
<button class="connect-button">Connect</button>
|
||||
</article>
|
||||
|
||||
<article class="attendee-card">
|
||||
<div class="attendee-avatar">
|
||||
<img src="https://via.placeholder.com/80/4A90E2/FFFFFF?text=FJ" alt="Avatar of Frank Jones">
|
||||
</div>
|
||||
<h4 class="attendee-name">Frank Jones</h4>
|
||||
<p class="attendee-role">Backend Developer</p>
|
||||
<p class="attendee-company">Web Innovations</p>
|
||||
<div class="attendee-tags">
|
||||
<span class="tag">Node.js</span>
|
||||
<span class="tag">Databases</span>
|
||||
</div>
|
||||
<button class="connect-button">Connect</button>
|
||||
</article>
|
||||
|
||||
<article class="attendee-card">
|
||||
<div class="attendee-avatar">
|
||||
<img src="https://via.placeholder.com/80/28A745/FFFFFF?text=GR" alt="Avatar of Grace Riley">
|
||||
</div>
|
||||
<h4 class="attendee-name">Grace Riley</h4>
|
||||
<p class="attendee-role">HR Manager</p>
|
||||
<p class="attendee-company">People Solutions</p>
|
||||
<div class="attendee-tags">
|
||||
<span class="tag">Recruitment</span>
|
||||
</div>
|
||||
<button class="connect-button">Connect</button>
|
||||
</article>
|
||||
|
||||
<article class="attendee-card">
|
||||
<div class="attendee-avatar">
|
||||
<img src="https://via.placeholder.com/80/F0F2F5/6B4EE8?text=HL" alt="Avatar of Henry Lee">
|
||||
</div>
|
||||
<h4 class="attendee-name">Henry Lee</h4>
|
||||
<p class="attendee-role">Cybersecurity Analyst</p>
|
||||
<p class="attendee-company">SecureNet</p>
|
||||
<div class="attendee-tags">
|
||||
<span class="tag">Security</span>
|
||||
<span class="tag">Network</span>
|
||||
</div>
|
||||
<button class="connect-button">Connect</button>
|
||||
</article>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<section class="networking-zone" aria-label="Networking Rooms">
|
||||
<h3>Networking Rooms</h3>
|
||||
|
||||
<article class="spatial-audio-room">
|
||||
<div class="room-header">
|
||||
<h4>"Future of AI" Spatial Audio Room</h4>
|
||||
<span class="live-indicator">LIVE</span>
|
||||
</div>
|
||||
<p class="room-description">Join a discussion on the latest advancements and ethical considerations in Artificial Intelligence. Walk around and talk to others as if you're in the same physical space.</p>
|
||||
<div class="room-attendees">
|
||||
<div class="attendee-thumbnails">
|
||||
<div class="thumbnail-avatar"><img src="https://via.placeholder.com/30/6B4EE8/FFFFFF?text=A" alt="Attendee A"></div>
|
||||
<div class="thumbnail-avatar"><img src="https://via.placeholder.com/30/4A90E2/FFFFFF?text=B" alt="Attendee B"></div>
|
||||
<div class="thumbnail-avatar"><img src="https://via.placeholder.com/30/28A745/FFFFFF?text=C" alt="Attendee C"></div>
|
||||
<div class="thumbnail-avatar"><img src="https://via.placeholder.com/30/F0F2F5/6B4EE8?text=D" alt="Attendee D"></div>
|
||||
<div class="thumbnail-avatar more-count">+8</div>
|
||||
</div>
|
||||
<span class="attendee-count">12 people currently in room</span>
|
||||
</div>
|
||||
<button class="join-button">Join Spatial Audio</button>
|
||||
</article>
|
||||
|
||||
<article class="avatar-room">
|
||||
<div class="room-header">
|
||||
<h4>"Web3 & Blockchain" Avatar Room</h4>
|
||||
<span class="live-indicator">LIVE</span>
|
||||
</div>
|
||||
<p class="room-description">Explore the decentralized web in our interactive avatar-based room. Choose your avatar and mingle with peers interested in blockchain, NFTs, and dApps.</p>
|
||||
<div class="room-attendees">
|
||||
<div class="attendee-thumbnails">
|
||||
<div class="thumbnail-avatar"><img src="https://via.placeholder.com/30/2C3E50/FFFFFF?text=E" alt="Attendee E"></div>
|
||||
<div class="thumbnail-avatar"><img src="https://via.placeholder.com/30/6B4EE8/FFFFFF?text=F" alt="Attendee F"></div>
|
||||
<div class="thumbnail-avatar"><img src="https://via.placeholder.com/30/4A90E2/FFFFFF?text=G" alt="Attendee G"></div>
|
||||
<div class="thumbnail-avatar more-count">+5</div>
|
||||
</div>
|
||||
<span class="attendee-count">8 people currently in room</span>
|
||||
</div>
|
||||
<button class="join-button">Enter Avatar Room</button>
|
||||
</article>
|
||||
|
||||
<div class="upcoming-sessions">
|
||||
<h3>Upcoming Networking Sessions</h3>
|
||||
<div class="session-card">
|
||||
<h4>Fireside Chat: Building Startups</h4>
|
||||
<p><span class="time">10:00 AM - 10:45 AM PDT</span></p>
|
||||
<p>With John Doe, CEO of Startup XYZ</p>
|
||||
</div>
|
||||
<div class="session-card">
|
||||
<h4>Topic Table: Sustainable Tech</h4>
|
||||
<p><span class="time">11:00 AM - 12:00 PM PDT</span></p>
|
||||
<p>Moderated by Jane Smith</p>
|
||||
</div>
|
||||
<div class="session-card">
|
||||
<h4>Coffee Break & Open Networking</h4>
|
||||
<p><span class="time">12:30 PM - 01:00 PM PDT</span></p>
|
||||
<p>Casual chats in the main lobby.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
<section id="breakout-rooms-section">
|
||||
<div class="section-container">
|
||||
<h2 class="section-title">Explore Breakout Rooms & Sessions</h2>
|
||||
|
||||
<div class="session-filters">
|
||||
<div class="search-bar">
|
||||
<input type="search" placeholder="Search sessions..." aria-label="Search sessions">
|
||||
<svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"></path></svg>
|
||||
</div>
|
||||
<div class="filter-controls">
|
||||
<select aria-label="Filter by category">
|
||||
<option value="">All Categories</option>
|
||||
<option value="tech">Technology</option>
|
||||
<option value="marketing">Marketing</option>
|
||||
<option value="networking">Networking</option>
|
||||
<option value="qa">Q&A</option>
|
||||
</select>
|
||||
<button>Apply Filters</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="session-grid">
|
||||
<article class="session-card">
|
||||
<h3 class="session-title">Deep Dive into Web3 & Metaverse</h3>
|
||||
<p class="session-host">Hosted by: Jane Doe & John Smith</p>
|
||||
<p class="session-description">Explore the foundational concepts of Web3, blockchain technology, and the evolving metaverse landscape. Interactive discussion.</p>
|
||||
<div class="session-meta">
|
||||
<span class="session-participants">
|
||||
<svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3zM544 144a160 160 0 1 0 0 320 160 160 0 1 0 0-320z"></path></svg>
|
||||
35 attendees
|
||||
</span>
|
||||
<span class="session-status status-live">Live Now</span>
|
||||
</div>
|
||||
<button class="session-join-button">Join Room</button>
|
||||
</article>
|
||||
|
||||
<article class="session-card">
|
||||
<h3 class="session-title">Networking: Spatial Audio Lounge</h3>
|
||||
<p class="session-host">Hosted by: Conference Organizers</p>
|
||||
<p class="session-description">Mingle with fellow attendees in an immersive spatial audio environment. Discover new connections.</p>
|
||||
<div class="session-meta">
|
||||
<span class="session-participants">
|
||||
<svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3zM544 144a160 160 0 1 0 0 320 160 160 0 1 0 0-320z"></path></svg>
|
||||
20 attendees
|
||||
</span>
|
||||
<span class="session-status status-soon">Starting Soon</span>
|
||||
</div>
|
||||
<button class="session-join-button">Join Room</button>
|
||||
</article>
|
||||
|
||||
<article class="session-card">
|
||||
<h3 class="session-title">AI in Business: Case Studies</h3>
|
||||
<p class="session-host">Hosted by: Dr. Sarah Chen</p>
|
||||
<p class="session-description">Real-world applications of AI, discussing successes, challenges, and future trends across various industries.</p>
|
||||
<div class="session-meta">
|
||||
<span class="session-participants">
|
||||
<svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3zM544 144a160 160 0 1 0 0 320 160 160 0 1 0 0-320z"></path></svg>
|
||||
48 attendees
|
||||
</span>
|
||||
<span class="session-status status-ended">Ended</span>
|
||||
</div>
|
||||
<button class="session-button-disabled" disabled>View Summary</button>
|
||||
</article>
|
||||
|
||||
<article class="session-card">
|
||||
<h3 class="session-title">Fireside Chat: Future of Remote Work</h3>
|
||||
<p class="session-host">Hosted by: Tech Innovators Panel</p>
|
||||
<p class="session-description">An open discussion on the evolution of remote work, hybrid models, and digital collaboration tools.</p>
|
||||
<div class="session-meta">
|
||||
<span class="session-participants">
|
||||
<svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3zM544 144a160 160 0 1 0 0 320 160 160 0 1 0 0-320z"></path></svg>
|
||||
15 attendees
|
||||
</span>
|
||||
<span class="session-status status-upcoming">Upcoming (14:00 GMT)</span>
|
||||
</div>
|
||||
<button class="session-action-button">Add to Calendar</button>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Resources & Downloads - [Platform Name]</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@300;400;500;600;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<section id="resources-downloads" class="resources-downloads">
|
||||
<div class="container">
|
||||
<header class="section-header">
|
||||
<h1>Unlock the Power of Virtual Events</h1>
|
||||
<p>Dive into our extensive library of resources including guides, case studies, whitepapers, and templates designed to help you master our platform and elevate your virtual events.</p>
|
||||
</header>
|
||||
|
||||
<div class="resource-filters">
|
||||
<button type="button" class="active" data-filter="all">All Resources</button>
|
||||
<button type="button" data-filter="guides">Guides & Tutorials</button>
|
||||
<button type="button" data-filter="webinars">Webinars</button>
|
||||
<button type="button" data-filter="case-studies">Case Studies</button>
|
||||
<button type="button" data-filter="whitepapers">Whitepapers</button>
|
||||
<button type="button" data-filter="templates">Templates</button>
|
||||
</div>
|
||||
|
||||
<div class="resource-grid">
|
||||
<article class="resource-card" data-category="guides">
|
||||
<div class="resource-card__image" aria-hidden="true">
|
||||
<img src="https://via.placeholder.com/400x200/F0F2F5/A3A9B3?text=Setup+Guide" alt="Thumbnail for 'Quick Start Guide: Hosting Your First Event'">
|
||||
</div>
|
||||
<div class="resource-card__content">
|
||||
<span class="resource-card__type">Guide</span>
|
||||
<h3>Quick Start Guide: Hosting Your First Event</h3>
|
||||
<p>Learn how to set up your virtual conference, add attendees, and go live in under 30 minutes.</p>
|
||||
<a href="/downloads/quick-start-guide.pdf" class="resource-card__link" download>
|
||||
Download Guide
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0l-3.75 3.75M21 3L16.5 7.5" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="resource-card" data-category="webinars">
|
||||
<div class="resource-card__image" aria-hidden="true">
|
||||
<img src="https://via.placeholder.com/400x200/EAF2F6/9CA4B1?text=Webinar+Replay" alt="Thumbnail for 'Webinar Replay: Maximizing Attendee Engagement'">
|
||||
</div>
|
||||
<div class="resource-card__content">
|
||||
<span class="resource-card__type">Webinar</span>
|
||||
<h3>Webinar Replay: Maximizing Attendee Engagement</h3>
|
||||
<p>Discover advanced tips and tricks for leveraging interactive features like Q&A, polls, and breakout rooms.</p>
|
||||
<a href="/webinars/engagement-replay" class="resource-card__link">
|
||||
Watch Replay
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0l-3.75 3.75M21 3L16.5 7.5" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="resource-card" data-category="case-studies">
|
||||
<div class="resource-card__image" aria-hidden="true">
|
||||
<img src="https://via.placeholder.com/400x200/F0F2F5/A3A9B3?text=Case+Study" alt="Thumbnail for 'Case Study: Global Tech Summit Achieves 95% Attendee Satisfaction'">
|
||||
</div>
|
||||
<div class="resource-card__content">
|
||||
<span class="resource-card__type">Case Study</span>
|
||||
<h3>Case Study: Global Tech Summit Achieves 95% Attendee Satisfaction</h3>
|
||||
<p>Read how a leading tech company used our platform to host a successful 5-day virtual summit.</p>
|
||||
<a href="/downloads/tech-summit-case-study.pdf" class="resource-card__link" download>
|
||||
Download Study
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0l-3.75 3.75M21 3L16.5 7.5" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="resource-card" data-category="whitepapers">
|
||||
<div class="resource-card__image" aria-hidden="true">
|
||||
<img src="https://via.placeholder.com/400x200/EAF2F6/9CA4B1?text=Whitepaper" alt="Thumbnail for 'Whitepaper: The Future of Virtual Networking with Spatial Audio'">
|
||||
</div>
|
||||
<div class="resource-card__content">
|
||||
<span class="resource-card__type">Whitepaper</span>
|
||||
<h3>Whitepaper: The Future of Virtual Networking with Spatial Audio</h3>
|
||||
<p>Explore the benefits and implementation of spatial audio for immersive virtual interactions.</p>
|
||||
<a href="/downloads/spatial-audio-whitepaper.pdf" class="resource-card__link" download>
|
||||
Download Paper
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0l-3.75 3.75M21 3L16.5 7.5" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="resource-card" data-category="templates">
|
||||
<div class="resource-card__image" aria-hidden="true">
|
||||
<img src="https://via.placeholder.com/400x200/F0F2F5/A3A9B3?text=Agenda+Template" alt="Thumbnail for 'Event Agenda Planning Template'">
|
||||
</div>
|
||||
<div class="resource-card__content">
|
||||
<span class="resource-card__type">Template</span>
|
||||
<h3>Event Agenda Planning Template</h3>
|
||||
<p>A customizable template to help you plan and organize your virtual event schedule efficiently.</p>
|
||||
<a href="/downloads/agenda-template.xlsx" class="resource-card__link" download>
|
||||
Download Template
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0l-3.75 3.75M21 3L16.5 7.5" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="resource-card" data-category="guides">
|
||||
<div class="resource-card__image" aria-hidden="true">
|
||||
<img src="https://via.placeholder.com/400x200/EAF2F6/9CA4B1?text=Speaker+Guide" alt="Thumbnail for 'Speaker Onboarding Guide'">
|
||||
</div>
|
||||
<div class="resource-card__content">
|
||||
<span class="resource-card__type">Guide</span>
|
||||
<h3>Speaker Onboarding & Best Practices Guide</h3>
|
||||
<p>Essential tips for speakers to deliver engaging presentations and utilize platform features effectively.</p>
|
||||
<a href="/downloads/speaker-guide.pdf" class="resource-card__link" download>
|
||||
Download Guide
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0l-3.75 3.75M21 3L16.5 7.5" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<aside class="call-to-action">
|
||||
<h2>Ready to Host Your Next Unforgettable Event?</h2>
|
||||
<p>Experience the full potential of our platform. Schedule a personalized demo and see how our features can transform your virtual conferences.</p>
|
||||
<a href="/request-demo" class="btn-primary">Request a Demo</a>
|
||||
</aside>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const filterButtons = document.querySelectorAll('.resource-filters button');
|
||||
const resourceCards = document.querySelectorAll('.resource-card');
|
||||
|
||||
filterButtons.forEach(button => {
|
||||
button.addEventListener('click', () => {
|
||||
// Remove active class from all buttons
|
||||
filterButtons.forEach(btn => btn.classList.remove('active'));
|
||||
// Add active class to the clicked button
|
||||
button.classList.add('active');
|
||||
|
||||
const filter = button.dataset.filter;
|
||||
|
||||
resourceCards.forEach(card => {
|
||||
const category = card.dataset.category;
|
||||
if (filter === 'all' || category === filter) {
|
||||
card.style.display = 'flex'; // Show card
|
||||
} else {
|
||||
card.style.display = 'none'; // Hide card
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</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)
|
||||
151
login.html
151
login.html
@ -1,151 +0,0 @@
|
||||
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>
|
||||
<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>
|
||||
<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>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</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">
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</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">
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</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)
|
||||
@ -1,253 +0,0 @@
|
||||
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)
|
||||
Loading…
x
Reference in New Issue
Block a user