Buttons

These buttons are driven by javascript. Instead of a single button, there are several options you can use. You can also change the background and static border colors as needed. Any button module will work as long as you put "animated-button" in the CSS field on the advanced tab.

You can use any of these buttons by dragging them out of the "Saved" area in the page builder.

Button - Red Shimmer
BUTTON - Gold Shimmer
BUTTON - White on Black Shimmer
BUTTON - White on Red Shimmer
Default Button
CleanShot 2022-08-19 at 07.56.11@2x

This is an example of a paragraph with a link.

This is an example of a paragraph:

with a link with the button class

Written line this on the "text" tab: <a class="button" href="#">with a link with the button class</a>

Header Dual Red

Header - Dual - Gold Stroke

This is a global header that will automatically populate the name of the page. Meant to be used at the top of a page where you don't want the big hero image header. Example, the sitemap page.

Styles

Menu - With Description

Header - Hero Image - Page Title

Styles

H1

This is a paragraph of random copy. This is a paragraph of BOLD random copy. This is a paragraph of random copy. This is a paragraph of ITALIC random copy. This is a paragraph of BOLD ITALIC random copy. This is a paragraph of random copy with a link. This is a paragraph of random copy. This is a paragraph of random copy.

  • This is an unordered list with random copy. This is an unordered list with random copy. This is an unordered list with random copy.
  • This is an unordered list with random copy. This is an unordered list with random copy. This is an unordered list with random copy.
  • This is an unordered list with random copy. This is an unordered list with random copy. This is an unordered list with random copy.

This is a paragraph of random copy. This is a paragraph of random copy. This is a paragraph of random copy. This is a paragraph of random copy. This is a paragraph of random copy. This is a paragraph of random copy. This is a paragraph of random copy. This is a paragraph of random copy.

  1. This is an ordered list with random copy. This is an ordered list with random copy. This is an ordered list with random copy. This is an ordered list with random copy.
  2. This is an ordered list with random copy. This is an ordered list with random copy. This is an ordered list with random copy. This is an ordered list with random copy.
  3. This is an ordered list with random copy. This is an ordered list with random copy. This is an ordered list with random copy. This is an ordered list with random copy.

H2

This is a paragraph of random copy. This is a paragraph of random copy. This is a paragraph of random copy. This is a paragraph of random copy. This is a paragraph of random copy. This is a paragraph of random copy. This is a paragraph of random copy. This is a paragraph of random copy.

H3

This is a paragraph of random copy. This is a paragraph of random copy. This is a paragraph of random copy. This is a paragraph of random copy. This is a paragraph of random copy. This is a paragraph of random copy. This is a paragraph of random copy. This is a paragraph of random copy.

H4

This is a paragraph of random copy. This is a paragraph of random copy. This is a paragraph of random copy. This is a paragraph of random copy. This is a paragraph of random copy. This is a paragraph of random copy. This is a paragraph of random copy. This is a paragraph of random copy.

This is a block quote sample. This is a block quote sample. This is a block quote sample. This is a block quote sample. This is a block quote sample. This is a block quote sample. This is a block quote sample. This is a block quote sample. This is a block quote sample. This is a block quote sample.

H5 - example
H6 - example
Preformatted text example. Preformatted text example. Preformatted text example. Preformatted text example. Preformatted text example. Preformatted text example. Preformatted text example.

Campus Block

lower-school-image
Learn More

Beaches Campus (Pre-K3 — Grade 6)

450 11th Avenue North
Jacksonville Beach, FL 32250
904.246.2466

Episcopal completed the first phase of its campus master plan expansion project with the dedication ceremonies for the School’s two newest academic buildings, Parks and Lastinger Halls, on January 6, 2011.

Named for one of the school’s founders, the late Reverend Robert Parks, and longtime Episcopal supporters, the Delores and Allen Lastinger family, the two new buildings encompass nearly 13,000 square feet of classroom space separated by an 8,000-square-foot courtyard. Each building houses 12, 900-square-foot classrooms, with the most updated technology available. The spaces encourage increased collaboration between students, interdisciplinary studies and allow today’s student to learn in a facility that fosters academic creativity.

The buildings incorporate columns and Jeffersonian arches, outdoor hallways and second story open decks with views of the St Johns River and downtown Jacksonville.

Homepage Video

(with this module saved, you can delete it from home page and add it back as needed.)

Episcopal_Seal_CMYK_SchoolName_ThinWhite

Call Out Story - Red Gradient

Headline Goes Here

Copy goes here. Copy goes here. Copy goes here. Copy goes here. Copy goes here. Copy goes here. Copy goes here. Copy goes here. Copy goes here. Copy goes here. Copy goes here. Copy goes here. Copy goes here.

Button - Gold
Click Here

Standard Story Display

(use options to display multiple or specific stories if needed. )

First – Fifth Grade Grandparents’ Day

April 4, 2025

9:45 a.m. – Meet grandchildren or special friends outside St. Mark’s Episcopal Church for Chapel 10:00 a.m. – Chapel in St. Mark’s Episcopal Church 10:30 – 11:00 a.m. – Refreshments in the Lori Schiavone Commons 11:00 – 11:30 a.m. –  Campus tours. Students will have passports to assist in guiding guests to their homeroom and enrichment classrooms.

Read More