193 lines
9.5 KiB
PHP
193 lines
9.5 KiB
PHP
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Conference Schedule</title>
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
|
|
<style> .event-container { background-color: #ccc; padding: 1em; margin:0.25em; border: 1px solid #aaa; }
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>Conference Schedule</h1>
|
|
<div class="row">
|
|
<div class="col">
|
|
<h2>Track 1</h2>
|
|
<div class="event-container">
|
|
<div class="time-slot">12:00 PM</div>
|
|
<div class="event">Event Title 1</div>
|
|
<div class="event-description">Description of Event 1</div>
|
|
</div>
|
|
<div class="event-container">
|
|
<div class="time-slot">1:10 PM</div>
|
|
<div class="event">Event Title 2</div>
|
|
<div class="event-description">Description of Event 2</div>
|
|
</div>
|
|
<!-- Add more time slots and events as needed -->
|
|
<div class="event-container">
|
|
<div class="time-slot">12:00 PM</div>
|
|
<div class="event">Event Title 1</div>
|
|
<div class="event-description">Description of Event 1</div>
|
|
</div>
|
|
<div class="event-container">
|
|
<div class="time-slot">1:10 PM</div>
|
|
<div class="event">Event Title 2</div>
|
|
<div class="event-description">Description of Event 2</div>
|
|
</div>
|
|
<!-- Add more time slots and events as needed -->
|
|
<div class="event-container">
|
|
<div class="time-slot">12:00 PM</div>
|
|
<div class="event">Event Title 1</div>
|
|
<div class="event-description">Description of Event 1</div>
|
|
</div>
|
|
<div class="event-container">
|
|
<div class="time-slot">1:10 PM</div>
|
|
<div class="event">Event Title 2</div>
|
|
<div class="event-description">Description of Event 2</div>
|
|
</div>
|
|
<!-- Add more time slots and events as needed -->
|
|
<div class="event-container">
|
|
<div class="time-slot">12:00 PM</div>
|
|
<div class="event">Event Title 1</div>
|
|
<div class="event-description">Description of Event 1</div>
|
|
</div>
|
|
<div class="event-container">
|
|
<div class="time-slot">1:10 PM</div>
|
|
<div class="event">Event Title 2</div>
|
|
<div class="event-description">Description of Event 2</div>
|
|
</div>
|
|
<!-- Add more time slots and events as needed -->
|
|
<div class="event-container">
|
|
<div class="time-slot">12:00 PM</div>
|
|
<div class="event">Event Title 1</div>
|
|
<div class="event-description">Description of Event 1</div>
|
|
</div>
|
|
<div class="event-container">
|
|
<div class="time-slot">1:10 PM</div>
|
|
<div class="event">Event Title 2</div>
|
|
<div class="event-description">Description of Event 2</div>
|
|
</div>
|
|
<!-- Add more time slots and events as needed -->
|
|
</div>
|
|
<div class="col">
|
|
<h2>Track 2</h2>
|
|
<div class="event-container">
|
|
<div class="time-slot">12:00 PM</div>
|
|
<div class="event">Event Title 1</div>
|
|
<div class="event-description">Description of Event 1</div>
|
|
</div>
|
|
<div class="event-container">
|
|
<div class="time-slot">1:10 PM</div>
|
|
<div class="event">Event Title 2</div>
|
|
<div class="event-description">Description of Event 2</div>
|
|
</div>
|
|
<!-- Add more time slots and events as needed -->
|
|
<div class="event-container">
|
|
<div class="time-slot">12:00 PM</div>
|
|
<div class="event">Event Title 1</div>
|
|
<div class="event-description">Description of Event 1</div>
|
|
</div>
|
|
<div class="event-container">
|
|
<div class="time-slot">1:10 PM</div>
|
|
<div class="event">Event Title 2</div>
|
|
<div class="event-description">Description of Event 2</div>
|
|
</div>
|
|
<!-- Add more time slots and events as needed -->
|
|
<div class="event-container">
|
|
<div class="time-slot">12:00 PM</div>
|
|
<div class="event">Event Title 1</div>
|
|
<div class="event-description">Description of Event 1</div>
|
|
</div>
|
|
<div class="event-container">
|
|
<div class="time-slot">1:10 PM</div>
|
|
<div class="event">Event Title 2</div>
|
|
<div class="event-description">Description of Event 2</div>
|
|
</div>
|
|
<!-- Add more time slots and events as needed -->
|
|
<div class="event-container">
|
|
<div class="time-slot">12:00 PM</div>
|
|
<div class="event">Event Title 1</div>
|
|
<div class="event-description">Description of Event 1</div>
|
|
</div>
|
|
<div class="event-container">
|
|
<div class="time-slot">1:10 PM</div>
|
|
<div class="event">Event Title 2</div>
|
|
<div class="event-description">Description of Event 2</div>
|
|
</div>
|
|
<!-- Add more time slots and events as needed -->
|
|
<div class="event-container">
|
|
<div class="time-slot">12:00 PM</div>
|
|
<div class="event">Event Title 1</div>
|
|
<div class="event-description">Description of Event 1</div>
|
|
</div>
|
|
<div class="event-container">
|
|
<div class="time-slot">1:10 PM</div>
|
|
<div class="event">Event Title 2</div>
|
|
<div class="event-description">Description of Event 2</div>
|
|
</div>
|
|
<!-- Add more time slots and events as needed -->
|
|
</div>
|
|
<!-- Add more columns for additional tracks -->
|
|
<div class="col">
|
|
<h2>Track 3</h2>
|
|
<div class="event-container">
|
|
<div class="time-slot">12:00 PM</div>
|
|
<div class="event">Event Title 1</div>
|
|
<div class="event-description">Description of Event 1</div>
|
|
</div>
|
|
<div class="event-container">
|
|
<div class="time-slot">1:10 PM</div>
|
|
<div class="event">Event Title 2</div>
|
|
<div class="event-description">Description of Event 2</div>
|
|
</div>
|
|
<!-- Add more time slots and events as needed -->
|
|
<div class="event-container">
|
|
<div class="time-slot">12:00 PM</div>
|
|
<div class="event">Event Title 1</div>
|
|
<div class="event-description">Description of Event 1</div>
|
|
</div>
|
|
<div class="event-container">
|
|
<div class="time-slot">1:10 PM</div>
|
|
<div class="event">Event Title 2</div>
|
|
<div class="event-description">Description of Event 2</div>
|
|
</div>
|
|
<!-- Add more time slots and events as needed -->
|
|
<div class="event-container">
|
|
<div class="time-slot">12:00 PM</div>
|
|
<div class="event">Event Title 1</div>
|
|
<div class="event-description">Description of Event 1</div>
|
|
</div>
|
|
<div class="event-container">
|
|
<div class="time-slot">1:10 PM</div>
|
|
<div class="event">Event Title 2</div>
|
|
<div class="event-description">Description of Event 2</div>
|
|
</div>
|
|
<!-- Add more time slots and events as needed -->
|
|
<div class="event-container">
|
|
<div class="time-slot">12:00 PM</div>
|
|
<div class="event">Event Title 1</div>
|
|
<div class="event-description">Description of Event 1</div>
|
|
</div>
|
|
<div class="event-container">
|
|
<div class="time-slot">1:10 PM</div>
|
|
<div class="event">Event Title 2</div>
|
|
<div class="event-description">Description of Event 2</div>
|
|
</div>
|
|
<!-- Add more time slots and events as needed -->
|
|
<div class="event-container">
|
|
<div class="time-slot">12:00 PM</div>
|
|
<div class="event">Event Title 1</div>
|
|
<div class="event-description">Description of Event 1</div>
|
|
</div>
|
|
<div class="event-container">
|
|
<div class="time-slot">1:10 PM</div>
|
|
<div class="event">Event Title 2</div>
|
|
<div class="event-description">Description of Event 2</div>
|
|
</div>
|
|
<!-- Add more time slots and events as needed -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|