Upcoming Events

Upcoming Events

Placeholder Image

Event Title Here

Event description. 

📅 Date: Date Here

📍Location: Location Here

Placeholder Image

Event Title Here

Event description. 

📅 Date: Date Here

📍Location: Location Here

Placeholder Image

Event Title Here

Event description. 

📅 Date: Date Here

📍Location: Location Here

Placeholder Image

Event Title Here

Event description. 

📅 Date: Date Here

📍Location: Location Here


How to use this template page

To change an image, open the Rich Content Editor and select the image you would like to swap. With the image selected, click on the add image button Add an Image.png on the toolbar, and choose Upload Image (if the image is on your computer), or Course Images (if the image has already been uploaded to Canvas).

Add more to boxes using this code block in the HTML editor:

You can add additional event boxes by copying and pasting the following into the HTML editor.

<div style="width: 25%; border: 1px solid #dddddd; display: inline-block; margin: 10px;">
  <img src="IMAGE-PATH-HERE" alt="Describe the image here" data-api-endpoint="https://canvas.tccd.edu/api/v1/courses/17719/files/1677921" data-api-returntype="File" />
  <div style="padding: 12px 18px;">
        <h3>Event Title Here</h3>
        <p>Event description.&nbsp;</p>
        <p>📅 <strong>Date</strong>: Date Here</p>
        <p>📍<strong>Location:</strong> Location Here</p>
    </div>
</div>