449 lines
25 KiB
HTML
449 lines
25 KiB
HTML
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) |