Splash@UCLA - Volunteer

Information at a Glance

Day of Event	April 20, 2024
Location	UCLA
Registration Deadline	April 6, 2024

Introduction

You can help teachers and students find their way around campus, get lunch, check in, and other technical and logistical work to make Splash happen!

Volunteering is low time commitment—you decide how long and when you want to volunteer. Each shift is only 2 hours.

Training

Volunteer training details are coming soon!

Benefits

Free lunch!
And of course, the opportunity to give back to the community and help students explore.

Day-Of Information

Below is a tentative schedule for Splash 2024.

8am	Check-in opens
9am	Classes begin
12pm - 1pm	Lunch
4pm	Check-in closes
5pm	Classes end

Contact

As always, for queries, please contact us at splasheventatucla@gmail.com for any questions!

<div id="content-container">
    <div id="banner">
        <div id="banner-title">
            <img id="banner-img-basic" src="/media/images/logo/splash_logo_basic.png" height="80px" style="height:80px;">
            <div id="banner-title-text">Volunteer Information</div>
        </div><br>
        <div id="volunteer-info-button" class="__banner-button __button-deactivated">
            <a class="__banner-link" href="https://splashatucla.learningu.org/volunteer/Splash/2024_Spring/signup">Register Here</a>
        </div>
        <p id="volunteer-info-text" class="__banner-text"><strong>Splash is coming to 2024!!</strong></p>
    </div>
    <h2>Information at a Glance</h2>
    <table class="__info-table">
        <tbody>
            <tr>
                <td>Day of Event</td>
                <td>April 20, 2024</td>
            </tr>
            <tr>
                <td>Location</td>
                <td>UCLA</td>
            </tr>
            <tr>
                <td>Registration Deadline</td>
                <td>April 6, 2024</td>
            </tr>
        </tbody>
    </table>
    <h2>
        Introduction
    </h2>
    <p>
        You can help teachers and students find their way around campus, get lunch, check in, and other technical and logistical work to make Splash happen!
    </p>
    <p>
        Volunteering is low time commitment—you decide how long and when you want to volunteer. Each shift is only 2 hours.
    </p>
    <h2>
        Training
    </h2>
    <p>
        Volunteer training details are coming soon!</p>
    <h2>Benefits</h2>
    <ol>
        <li>Free lunch!</li>
        
        <li>And of course, the opportunity to give back to the community and help students explore.</li>
    </ol>
    <h2>Day-Of Information</h2>
    <p>
        Below is a tentative schedule for Splash 2024.
    </p>

<table class="__info-table">
        <tbody>
            <tr>
                <td>8am</td>
                <td>Check-in opens</td>
            </tr>
            <tr>
                <td>9am</td>
                <td>Classes begin</td>
            </tr>
            <tr>
                <td>12pm - 1pm</td>
                <td>Lunch</td>
            </tr>
            <tr>
                <td>4pm</td>
                <td>Check-in closes</td>
            </tr>
            <tr>
                <td>5pm</td>
                <td>Classes end</td>
            </tr>
        </tbody>
    </table>
    <h2>
        Contact
    </h2>
    <p>
        As always, for queries, please contact us at splasheventatucla@gmail.com for any questions!
    </p>
</div>
<style>
    @import url('https://fonts.googleapis.com/css?family=Lato:400,700|Rubik&display=swap');

#content-container {
        font-family: Lato, sans-serif;
        color: #222222;
    }

#content-container img {
        max-width: 100%;
    }

#content-container h2 {
        font-family: Rubik, Lato, sans-serif;
        font-weight: 400;
        font-size: 24px;
        margin-block-start: 20px;
        margin-block-end: 20px;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        line-height: 115%;
    }

#content-container p {
        font-family: Lato, sans-serif;
        font-size: 16px;
        margin-block-start: 8px;
        margin-block-end: 16px;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        line-height: 115%;
    }

#content-container div {
        font-family: Lato, sans-serif;
        font-size: 16px;
    }

#content-container a:link {
        color: #2067AA;
        text-decoration: none;
    }

#content-container a:active {
        color: #1e3d6c;
        text-decoration: none;
    }

#content-container a:visited {
        color: #2067AA;
        text-decoration: none;
    }

#content-container #banner .__banner-link {
        color: inherit;
        text-decoration: inherit;
    }

#content-container #banner {
        text-align: center;
    }

#content-container #banner-img-bkg {
        border-radius: 15px 15px 0px 0px;
        background-color: #1e3d6c;
        height: 167px;
    }

#content-container #banner-date {
        border-radius: 0px 0px 15px 15px;
        background-color: #2067AA;
        color: white;
        font-size: 24px;
        text-align: center;
        line-height: 50px;
        height: 50px;
    }

#content-container #banner-title {
        border-radius: 15px;
        background-color: #1e3d6c;
        text-align: left;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

#content-container #banner-title-text {
        display: inline-block;
        color: white;
        font-size: 28px;
        font-family: Rubik, sans-serif;
        margin-left: 20px;
    }

#content-container .__banner-button {
        padding: 10px;
        color: white;
        background-color: #1e3d6c;
        display: inline-block;
        border-radius: 6px;
    }

#content-container .__banner-button:hover {
        background-color: #5aa5d1;
        cursor: pointer;
    }

#content-container #banner-img-blank {
        position: absolute;
        margin: auto;
        margin-left: -200px;
    }

#content-container .__slideshow-img {
        position: absolute;
        margin: auto;
        margin-left: -200px;
        opacity: 0;
        transition: opacity 1s ease-in-out;
    }

#content-container .__slideshow-active {
        opacity: 1;
    }

#content-container .__button-deactivated {
        background-color: #555555;
    }

#content-container .__button-deactivated:hover {
        background-color: #555555;
        cursor: default;
    }

#content-container .__info-table {
	    margin: auto;
        border-spacing: 0px;
        font-size: 16px;
    }

#content-container .__info-table td:first-child {
		text-align: right;
		padding: 4px 6px;
		font-weight: bold;
	}

#content-container .__info-table td:last-child {
		text-align: left;
		padding: 4px 6px;
	}

#content-container .__info-table tr:nth-child(odd) {
		background-color: #eceff1;
	}

#content-container ol > li {
        margin: 6px;
        padding-left: 6px;
        font-family: Lato, sans-serif;
        font-size: 16px;
    }

#content-container ul > li {
        padding-left: 6px;
        font-family: Lato, sans-serif;
        font-size: 16px;
    }

#content-container .__center-container {
        text-align: center;
    }
</style>

Last modified by Chamberlain1012 on April 02, 2024 at 05:02 p.m.