Sunset

Secondary Page Layout

Testing for all Content Types available for a secondary layout.

Go Back to the Component Library

Aug
31

Section Heading

This is the Section Description text.

Button Text

This is the Page Intro text. This is plain text up to 500 characters.


Section Heading

This is the main body text.  This is an HTML field so you can have paragraphs, make the text bold or in italics.  You can also add links.

Morem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus. Maecenas eget condimentum velit, sit amet feugiat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent auctor purus luctus enim egestas, ac scelerisque ante pulvinar. Donec ut rhoncus ex. Suspendisse ac rhoncus nisl, eu tempor urna. Curabitur vel bibendum lorem. Morbi convallis convallis diam sit amet lacinia. Aliquam in elementum tellus

Media Test

CTA Text

Sunset
Full Width Image Caption

Two column example

This is the main body text.  This is an HTML field so you can have paragraphs, make the text bold or in italics.  You can also add links.

Morem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus. Maecenas eget condimentum velit, sit amet feugiat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent auctor purus luctus enim egestas, ac scelerisque ante pulvinar. Donec ut rhoncus ex. Suspendisse ac rhoncus nisl, eu tempor urna. Curabitur vel bibendum lorem. Morbi convallis convallis diam sit amet lacinia. Aliquam in elementum tellus

CTA Text - Link style - PDF link

YouTube Embed

Lorem ipsum dolor sit amet consectetur adipisicing elit. At excepturi architecto est sed ex, quisquam repellat!

YouTube Modal

Lorem ipsum dolor sit amet consectetur adipisicing elit. At excepturi architecto est sed ex, quisquam repellat!

Panopto Embed

Lorem ipsum dolor sit amet consectetur adipisicing elit. At excepturi architecto est sed ex, quisquam repellat!

Panopto Modal

Lorem ipsum dolor sit amet consectetur adipisicing elit. At excepturi architecto est sed ex, quisquam repellat!

THis is the Table field test Students transferring to Fort Lewis College for a Bachelor of Arts Degree in Anthropology Major must have successfully completed the following courses in fulfillment of the requirements for the Associate of Arts Degree.

table field test San Juan College Course Plan

Fall Freshman Year Credits     Spring Freshman Year Credits Spring Freshman Year Spring Freshman Year
COMM-1130 Public Speaking 3   ENGL-1120 Composition 2 or Communications 3 ENGL-1120 Composition 2 or Communications ENGL-1120 Composition 2 or Communications
ENGL-1110 Composition 1 3   Core Elective: ANTH-1115 Intro to Anthro 3 Core Elective: ANTH-1115 Intro to Anthro Core Elective: ANTH-1115 Intro to Anthro
FYEX-1110 First Year Seminar 3   General Education Humanities 3 General Education Humanities General Education Humanities
General Education Social/Behavioral Science 3   General Education Fine Arts 3 General Education Fine Arts General Education Fine Arts
MATH-1350 Statistics 4   General Education Lab Science 4 General Education Humanities General Education Humanities
TOTAL 16   TOTAL 16 General Education Fine Arts General Education Fine Arts

This is the test in the main body Tiny MCE 

Main Body Test - San Juan College Course Plan

Main Body Test Credits     Spring Freshman Year Credits Spring Freshman Year Spring Freshman Year
COMM-1130 Public Speaking 3   ENGL-1120 Composition 2 or Communications 3 ENGL-1120 Composition 2 or Communications ENGL-1120 Composition 2 or Communications
ENGL-1110 Composition 1 3   Core Elective: ANTH-1115 Intro to Anthro 3 Core Elective: ANTH-1115 Intro to Anthro Core Elective: ANTH-1115 Intro to Anthro
FYEX-1110 First Year Seminar 3   General Education Humanities 3 General Education Humanities General Education Humanities
General Education Social/Behavioral Science 3   General Education Fine Arts 3 General Education Fine Arts General Education Fine Arts
MATH-1350 Statistics 4   General Education Lab Science 4 General Education Humanities General Education Humanities
TOTAL 16   TOTAL 16 General Education Fine Arts General Education Fine Arts
Temple at sunset

Feature Panel Box Title

This is the Box Description text.

Temple at sunset

Feature Panel Box Title

This is the Box Description text.

Section Heading

This is the Section Description text. The Panel Color has been set to purple. The Panel Type has been set to Two Up Panel.

Panel Title 1

This is the Panel Description text for the first panel.

Panel CTA Text 1 (internal link)

Panel Title 2 (with internal link)

This is the Panel Description text for the second panel. No call to action link.

Panel CTA Text 2 (PDF Link)

Panel Title 3 (with PDF link)

This is the Panel Description text for the third panel.

Panel CTA Text 3 (external link)

Panel Title 4

This is the Panel Description text for the fourth panel.

Panel CTA Text 4 (external link opening in new window)

Panel Title 5 (with external link)

This is the Panel Description text for the fifth panel. No call to action link.

Panel Title 6 (with external link opening in new window)

This is the Panel Description text for the sixth panel. No call to action link.

Section Heading

Natural landscape

Card Title 1 - Internal link

This is the Card Description text for the first card.

Natural landscape

Card Title 2 - PDF link

This is the Card Description text for the second card.

Natural landscape

Card Title 3 - External link - New window

This is the Card Description text for the third card.

Natural landscape

Card Title 6

This is the Card Description text for the sixth card.

Section Heading

11%
Statistics 1 Label

Statistics 1 CTA Text

Pre22+
Statistics 2 Label - "Pre" is the Pre Text Statistics

Statistics 2 CTA Text

33%
Statistics 3 Label

Statistics 3 CTA Text

Section Heading

This is the section description text

Historic buildings in the mountains

Section Heading

This is the testimony text. It has YouTube call to action link"

Byline
Affiliation

CTA Text - YouTube link

Featured News

Students getting video equipment together in front of a green screen

Setting the scene for ‘Road Show’ Training

The Stagecoach Foundation brought approximately a million dollars’ worth of equipment to use during their Road Show training at San Juan College.

March 1, 2024

Mountains behind a lake

Section Heading

Router Panel Section Heading - Left Column Image & Right Column Links

This is the Section Description text

Router Panel Section Heading - Right Column Links

This is the Section Description text

Section Heading

This is the Section Description text

This is the Accordion Description for the first accordion content item.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque iure rem incidunt corrupti temporibus vel, aperiam expedita illo consequatur, eius cupiditate, laboriosam iusto libero vitae ipsa praesentium perspiciatis nisi. Eum amet facilis ducimus nesciunt voluptatem a laudantium excepturi magnam repellat necessitatibus dignissimos vel sit quisquam, culpa vitae! Id?

Test heading

Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium magni expedita sint neque atque distinctio dolorem explicabo laborum, error aliquam dolorum est delectus commodi amet at laudantium fuga. Neque, nihil id in ab iure quo error unde ex aut aliquam voluptatibus. Exercitationem provident sequi alias ipsam, magni iusto.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam eveniet iure impedit, beatae eaque accusamus quo quis sint placeat, distinctio explicabo omnis fuga repellat reiciendis delectus. Rerum vitae, repellat odio esse sint minus harum officia eius labore obcaecati distinctio nam fugiat inventore? Eligendi asperiores quasi quaerat nobis laborum!

 

 

Column 1 Column 2 Column 3 Column 4
w x y z
1 2 3 4

 

CTA Text (internal link)

This is the Accordion Description for the second accordion content item.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque iure rem incidunt corrupti temporibus vel, aperiam expedita illo consequatur, eius cupiditate, laboriosam iusto libero vitae ipsa praesentium perspiciatis nisi. Eum amet facilis ducimus nesciunt voluptatem a laudantium excepturi magnam repellat necessitatibus dignissimos vel sit quisquam, culpa vitae! Id?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium magni expedita sint neque atque distinctio dolorem explicabo laborum, error aliquam dolorum est delectus commodi amet at laudantium fuga. Neque, nihil id in ab iure quo error unde ex aut aliquam voluptatibus. Exercitationem provident sequi alias ipsam, magni iusto.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam eveniet iure impedit, beatae eaque accusamus quo quis sint placeat, distinctio explicabo omnis fuga repellat reiciendis delectus. Rerum vitae, repellat odio esse sint minus harum officia eius labore obcaecati distinctio nam fugiat inventore? Eligendi asperiores quasi quaerat nobis laborum!

CTA Text (external link - opens in new window)

This is the Accordion Description for the third accordion content item.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque iure rem incidunt corrupti temporibus vel, aperiam expedita illo consequatur, eius cupiditate, laboriosam iusto libero vitae ipsa praesentium perspiciatis nisi. Eum amet facilis ducimus nesciunt voluptatem a laudantium excepturi magnam repellat necessitatibus dignissimos vel sit quisquam, culpa vitae! Id?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium magni expedita sint neque atque distinctio dolorem explicabo laborum, error aliquam dolorum est delectus commodi amet at laudantium fuga. Neque, nihil id in ab iure quo error unde ex aut aliquam voluptatibus. Exercitationem provident sequi alias ipsam, magni iusto.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam eveniet iure impedit, beatae eaque accusamus quo quis sint placeat, distinctio explicabo omnis fuga repellat reiciendis delectus. Rerum vitae, repellat odio esse sint minus harum officia eius labore obcaecati distinctio nam fugiat inventore? Eligendi asperiores quasi quaerat nobis laborum!

CTA Text (media link)

Section Heading - Purple background accordion

This is the Accordion Description for the first accordion content item.

Test H3 heading

Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque iure rem incidunt corrupti temporibus vel, aperiam expedita illo consequatur, eius cupiditate, laboriosam iusto libero vitae ipsa praesentium perspiciatis nisi. Eum amet facilis ducimus nesciunt voluptatem a laudantium excepturi magnam repellat necessitatibus dignissimos vel sit quisquam, culpa vitae! Id?

Test H4 Heading

Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium magni expedita sint neque atque distinctio dolorem explicabo laborum, error aliquam dolorum est delectus commodi amet at laudantium fuga. Neque, nihil id in ab iure quo error unde ex aut aliquam voluptatibus. Exercitationem provident sequi alias ipsam, magni iusto.

Test H5 heading

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam eveniet iure impedit, beatae eaque accusamus quo quis sint placeat, distinctio explicabo omnis fuga repellat reiciendis delectus. Rerum vitae, repellat odio esse sint minus harum officia eius labore obcaecati distinctio nam fugiat inventore? Eligendi asperiores quasi quaerat nobis laborum!

 

Column 1 Column 2 Column 3 Column 4
x y z a
1 2 3 4
gf hg hg hgs

This is the Accordion Description for the second accordion content item.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque iure rem incidunt corrupti temporibus vel, aperiam expedita illo consequatur, eius cupiditate, laboriosam iusto libero vitae ipsa praesentium perspiciatis nisi. Eum amet facilis ducimus nesciunt voluptatem a laudantium excepturi magnam repellat necessitatibus dignissimos vel sit quisquam, culpa vitae! Id?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium magni expedita sint neque atque distinctio dolorem explicabo laborum, error aliquam dolorum est delectus commodi amet at laudantium fuga. Neque, nihil id in ab iure quo error unde ex aut aliquam voluptatibus. Exercitationem provident sequi alias ipsam, magni iusto.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam eveniet iure impedit, beatae eaque accusamus quo quis sint placeat, distinctio explicabo omnis fuga repellat reiciendis delectus. Rerum vitae, repellat odio esse sint minus harum officia eius labore obcaecati distinctio nam fugiat inventore? Eligendi asperiores quasi quaerat nobis laborum!

CTA Text (internal)

This is the Accordion Description for the third accordion content item.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque iure rem incidunt corrupti temporibus vel, aperiam expedita illo consequatur, eius cupiditate, laboriosam iusto libero vitae ipsa praesentium perspiciatis nisi. Eum amet facilis ducimus nesciunt voluptatem a laudantium excepturi magnam repellat necessitatibus dignissimos vel sit quisquam, culpa vitae! Id?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium magni expedita sint neque atque distinctio dolorem explicabo laborum, error aliquam dolorum est delectus commodi amet at laudantium fuga. Neque, nihil id in ab iure quo error unde ex aut aliquam voluptatibus. Exercitationem provident sequi alias ipsam, magni iusto.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam eveniet iure impedit, beatae eaque accusamus quo quis sint placeat, distinctio explicabo omnis fuga repellat reiciendis delectus. Rerum vitae, repellat odio esse sint minus harum officia eius labore obcaecati distinctio nam fugiat inventore? Eligendi asperiores quasi quaerat nobis laborum!

Section Heading

This is the Section Description text.

Tab Title 1

This is the first Tab Description text.

Tab CTA Text 1 - Internal Link

Tab Title 2

This is the second Tab Description text.

Tab CTA Text 2 (PDF)

Tab Title 3

This is the third Tab Description text. No call to action link.

Tab CTA Text (external - new window)