Basic Card One
Each card links via its heading and supports an image plus a short description.
We are here to help! Call us now toll free: 1 (815) 363-2800
This page contains all the blocks built for this site. Below are the main (top-level) blocks available in the Basic Content block list.
Heroes
Homepage Hero
Simple Hero
Collage Hero
Gradient Hero
Headers & Layout
Section Header
Group
Split Content
Spacer
HTML Embed
Trust Bar
Cards
Basic Cards
Contact Cards
Package Cards
CTAs & Banners
Simple CTA Banner
Three CTA Banner
Split CTA
Buttons
Carousels & Galleries
Gallery Carousel
Gallery Index
Testimonial Carousel
Logo Marquee
Features & Content Lists
Org Feature
Value Prop
Resource Posts List
Accordions & FAQs
FAQs
Timed Accordions
Social Proof
True Review Widget
Below are the various Hero blocks available.
A large, full-bleed hero with a background image, a dark gradient overlay for legibility, and left-aligned white content: a heading, optional text, a primary button, and a secondary text link with an arrow. Content sits bottom-aligned on mobile and vertically centered on desktop.
A compact hero with a full-bleed background image and a floating content card containing a heading, optional text, and a single call-to-action button.
A page hero with a centered text column (heading, optional text, and buttons) flanked by two staggered collage-style images.
Section Header block contains centered text block with a heading, optional supporting text, and call-to-action button(s). The heading's size (XL–5XL) and semantic level are configurable, and the text color inverts to white on dark backgrounds. Not a Hero by itself, but when placed at the top of a Group it functions as one.
A rounded hero panel with a diagonal blue-to-purple gradient background and centered white content: a heading, optional supporting text, call-to-action button(s), and an optional image displayed below.
Below are the various Headers & Layout blocks available.
A centered text block with a heading, optional supporting text, and call-to-action button(s). The heading size (XL–5XL) and semantic level are configurable, and text inverts to white on dark backgrounds.
Beyond standing on its own (often at the top of a Group, where it can function as a hero), Section Header is also reused as an embedded intro component inside other blocks — it's a nested field that renders the title/intro above the block's content. It currently appears in: Value Prop, Package Cards, Contact Cards, Gallery Carousel, Testimonial Carousel, Timed Accordions, and Split Content. This keeps headings, sizing, and CTA styling consistent across the site, since every block's intro is driven by the same component rather than each one rolling its own heading markup.
Below is a Spacer block — An empty block that adds vertical whitespace between blocks, with a separate height (in px) for each breakpoint: base, medium, large, and XL.
Note: Each breakpoint's height defaults to 0. The base height always applies, but the medium/large/XL heights only kick in when set above 0 — and because 0 is treated as "not set" (it's skipped, not applied), you can't use it to reset a larger breakpoint back to zero. So if you want the base height to carry across all breakpoints, leave the larger fields at 0 (remove/clear them); only fill in a larger breakpoint when you actually want the height to change at that size.
A layout wrapper that holds a stack of other blocks and applies a shared background color (white, stone, blue, gold, or purple — dark options auto-switch text to white) and configurable top/bottom padding. It's the section container for the site: the Group owns the background and vertical spacing so individual blocks inside stay transparent and consistent. Commonly paired with a Section Header at the top to introduce the grouped content.
A two-column block pairing an image with a text column — heading, rich text, and an optional button. The image can sit on the left or right, use a configurable aspect ratio, and optionally stay sticky while the text scrolls.
Renders a raw block of custom HTML / embed code verbatim — iframes, third-party widgets, scripts, or hand-written markup. In the backoffice it shows the code in a preview box; on the published page the embed renders live.
Anything pasted into the HTML Embed block — iframes, widgets, scripts, or markup like this box — renders verbatim on the published page.
A slim, full-width bar of items — each a Material icon plus a short label — on a dark background.
Below are the various Card blocks available.
A responsive 1/2/3-column grid of cards, each with an optional image, a linked heading, and short text. The whole card is clickable.
Each card links via its heading and supports an image plus a short description.
Cards reflow into a responsive one-, two-, or three-column grid.
A row of compact contact tiles, each with a colored Material icon and a linked label — e.g. call, email, or chat. Supports an optional section header and footer links.
A pricing-style row of up to three package cards. A card with a badge is highlighted as the featured option with a filled button; the others use an outline button.
Everything you need to get started.
Our most popular package.
Billed annually
Everything, plus priority support.
Below are the various CTA and banner blocks available.
A full-width call-to-action banner on a blue background — centered heading, supporting text, and a button group.
A gradient banner with a heading and up to three calls to action — a primary button plus two arrow text links.
A two-column call-to-action pairing copy and a link on one side with an image on the other. The image side is configurable.
Reach out and our team will help you find the right plan for your studio.
A standalone, alignable group of one or more buttons (primary / secondary styles and sizes). The same component is embedded inside many other blocks.
Below are the various carousel and gallery blocks available.
A Swiper carousel of galleries — each slide shows a gallery image and name, pulled from Gallery content nodes (it also supports an optional Section Header and buttons).
A paginated, filterable grid of all galleries with a built-in lightbox viewer, pulled from Gallery content nodes via the gallery service.
A Swiper carousel of testimonial cards (headshot, logo, quote, author, and date), pulled from Testimonial content nodes.
An auto-scrolling marquee of logo images with an optional heading.
Below are the various feature and content-list blocks available.
A two-column feature with text and a list of organization links on one side and an image collage on the other; hovering a link swaps the image.
From schools to sports leagues, hover an organization to preview its imagery.
A grid of value-proposition cards, each with a colored icon, heading, optional subheading, body text, and an optional link. Columns per row and container width are configurable.
Lightning-quick turnaround on every order.
Your data is protected end to end.
Thousands of five-star reviews from happy customers.
A responsive grid of resource / blog-post cards pulled from Resource content nodes, with an optional heading.
The Show All toggle controls how many cards appear:
On — renders every linked resource post.
Off — shows only 4: a random 4 on each page load on the live site (or the first 4 in the backoffice preview). If 4 or fewer posts exist, all of them show regardless of the toggle.
Below are the various accordion and FAQ blocks available.
An accessible accordion of questions and answers pulled from FAQ content nodes (pick specific FAQs/categories, or leave empty to show all). Also emits FAQPage structured data. Renders its heading below; Q&As appear once FAQ nodes exist.
We work with Greek fraternities and sororities, university programs, bands, service organizations, and professional clubs. If your group needs a composite, we've almost certainly done it before. Don't see your organization? Contact us, we'd love to work with you.
Yes! We come to you. It’s convenient and comfortable. We provide a complete studio setup with lights and all necessary equipment to photograph your group on-site at your school, chapter house, or event location.
With over 60 years of experience, composites are our specialty — not a side service. We're your composite partner from scheduling through final delivery, with fast turnaround, professional quality, and a finished product built to last a lifetime. Learn more about us.
With over 60 years of experience, composites are our specialty — not a side service. We're your composite partner from scheduling through final delivery, with fast turnaround, professional quality, and a finished product built to last a lifetime.
Absolutely. If your group already has headshots or photos you love, our "Submit Your Own" package lets you send them to us and we'll build a professional composite around them. Same quality, same warranty.
Absolutely! In addition to traditional printed and framed composites, we also provide digital versions that are easy to share, post, and archive. These digital options are perfect for groups that do not have a designated location to display a large framed composite and would also make a great addition to your website.
A numbered accordion whose panels auto-advance on a timer, with a synced sticky image on desktop. Each item has a heading, text, and image.
Pick a date and reserve your spot in minutes.
Our photographers handle everything on the day.
Download and share your gallery as soon as it is ready.
Below are the social proof blocks available.
Embeds the TrueReview customer-reviews widget in a self-contained iframe (business ID is baked into the block). The live widget renders below.