IDfive staging site, Kitchen Sink page:
https://staging2.idfive.com/carthage/fractal/components/preview/kitchen-sink.html 

A new Carthage graduate receives her diploma from President John Swallow.

Boundless Curiosity

“We have thought deeply about how we can best serve our students as they pursue their education and dreams. Carthage focuses on developing in our students high-value practical skills, but also boundless intellectual curiosity. Students discover their curiosity at Carthage.” — President John Swallow

Explore Majors & Minors

Meet President Swallow

HEADING 2

~25%

Nearly a quarter of Carthage College undergraduate students are the first in their families to attend college.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

 

Heading 3

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Heading 4

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading 6

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lists

  • Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
    • In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
    • In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
  1. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
  2. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
  3. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
    1. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
    2. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
    3. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

Resource Block Title

Link styles

Basic Text Link

Content layouts for multi-column sections

3-Column Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

3-Column Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

3-Column Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

2-Column Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

2-Column Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Block quote (Profiles widget)

  • <div class="lw_widget lw_widget_type_blockquote"><blockquote class="blockquote"><div class="blockquote__image"><picture class="lw_image"> <source type="image/webp" srcset="/live/image/gid/74/width/183/height/183/crop/1/src_region/0,30,686,716/208_23253_RCP_6764-X2.rev.1638389817.webp 1x, /live/image/scale/2x/gid/74/width/183/height/183/crop/1/src_region/0,30,686,716/208_23253_RCP_6764-X2.rev.1638389817.webp 2x, /live/image/scale/3x/gid/74/width/183/height/183/crop/1/src_region/0,30,686,716/208_23253_RCP_6764-X2.rev.1638389817.webp 3x"/> <source type="image/jpeg" srcset="/live/image/scale/2x/gid/74/width/183/height/183/crop/1/src_region/0,30,686,716/208_23253_RCP_6764-X2.rev.1638389817.jpg 2x, /live/image/scale/3x/gid/74/width/183/height/183/crop/1/src_region/0,30,686,716/208_23253_RCP_6764-X2.rev.1638389817.jpg 3x"/> <img src="/live/image/gid/74/width/183/height/183/crop/1/src_region/0,30,686,716/208_23253_RCP_6764-X2.rev.1638389817.jpg" alt="Christian Aggari ?21" width="183" height="183" srcset="/live/image/scale/2x/gid/74/width/183/height/183/crop/1/src_region/0,30,686,716/208_23253_RCP_6764-X2.rev.1638389817.jpg 2x, /live/image/scale/3x/gid/74/width/183/height/183/crop/1/src_region/0,30,686,716/208_23253_RCP_6764-X2.rev.1638389817.jpg 3x" data-max-w="686" data-max-h="686" loading="lazy"/> </picture> </div><div class="blockquote__content"><div class="blockquote__quote"><svg aria-hidden="true" class="icon icon-round-left-quote" width="48" height="33"><use xlink:href="#icon-round-left-quote"/></svg><p> “Winning the Japanese Modern Language Scholarship was the main reason I chose to go to Carthage. I have joined the Japanese Club e-board, participated in the Culture Festival, and continued to attend tutoring regularly. It seems like fate brought me to the right place!”</p></div><footer class="blockquote__footer"><span class="blockquote__author"><a href="/live/profiles/414-christian-aggari">Christian Aggari</a> ’21</span></footer></div></blockquote></div>

Question: When should the above widget appear with no photo? Is that just when there’s no photo available of the student, or is there a context where you’d want to load the no-photo version? 

Pull Quote

Here’s a pull quote, added with the ’’ button in the editor.

Note: This style for pull quotes is currently applied to all <blockquote> tags in editable areas. LiveWhale’s page editor has a [ ’’ ] button that applies <blockquote>. The result is shown here.

 

Text with statistic

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Apply Now

Image slideshow

Video with modal

alt text lorem
Carthage College: This is the description for the video I’m adding to the page here.

Cards (in progress)

Featured Link Cards (Blurb widget)

Callouts with and without image (in progress)

Featured news article

Course feature (ON HOLD))

Event feature 

Upcoming Events

News feature

Recent News Stories

Faculty feed 

Staff feed

Resource block

Resource Block Title

Form Styles

This is just a placeholder form to show how LiveWhale generates form markup.

All fields marked with asterisk (*) are required.

required text field
e-mail address field
checkbox field
Checkboxes
radio button field
Radio buttons
textarea field
Special instructions for a field.
select menu field
horizontal_line field
header field

This is a form header

paragraph field

This is a paragraph. Integer convallis quam eleifend donec enim eget arcu vivamus viverra eu luctus. Nec nullam fermentum est scelerisque massa non et fringilla. Suscipit consectetuer convallis. Mauris pede interdum.

date field
date/time field
Date/Time
at
file attachment field
(50 MB max)
hidden field