This page shows examples of the display components available for use on the Amherst College website, including this slideshow, which can hold up to six slides.
A student studying on the Amherst College quad as seen from the top of Johnson Chapel.
Website Display Components
Amherst’s spectacular new interdisciplinary Science Center opened to the community on September 7, 2018.
Website Display Components
The Yushien Japanese Garden, which celebrates the strong historical ties between Amherst College and Doshisha University in Japan.
Website Display Components
The Book and Plow Farm's Farm Fest takes place at Tuttle Hill, with live music, food from Book & Plow and flower-picking.
Website Display Components
Views from the War Memorial towards the forest and Holyoke Range in the fog.
Section Navigation
For Amherst College Website Editors
If you’ve looked around the College website, you’ll have seen quite a variety of designed elements and interactive displays. If you’re creating webpages on Amherst.edu, contact Communications for help. We have lots of options! Some of our components are specialized, while others are used frequently across the site. We can advise you on which display components will best suit your content and we’ll set them up for you, allowing you to edit as needed.
This new display option combines the ease of a pre-formatted component with the flexibility of a regular article. Upload an image and it will automatically appear in the upper left. (Don’t have a photo? See Image Resources.) The subheading will appear in “Ice Age Blue” under the main title. Add a date if your post is a timely announcement or news item.
You can make your body text as short or as long as you wish. To break up long text, add subheadings and bulleted or numbered lists.
You can also add up to four buttons, which will appear at the bottom.
Etiam volutpat in risus et volutpat. Cras cursus, leo sit amet rutrum elementum, risus ante placerat felis, sit amet finibus sapien nibh ut orci.
Posuere Accumsan Nibh in Luctus Ornare
Mauris eleifend felis ut velit
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam volutpat in risus et volutpat. Cras cursus, leo sit amet.
Pretium ac Magna Maecenas Gravida
ipsum id pretium condimentum
Etiam volutpat in risus et volutpat. Cras cursus, leo sit amet rutrum elementum, risus ante placerat felis, sit amet finibus sapien nibh ut orci.
Pulvinar Ligula Hendrerit a Duis Ultrices
Nulla facilisis dolor suscipit
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam volutpat in risus et volutpat. Cras cursus, leo sit amet.
Video Callout
October 9, 2019
This callout holds a video hosted at YouTube. Contact us in Communications for help displaying your video on the website.
Announcement Component
This is the “Flexible Article: Announcement” display component. The image is optional. Use this component for brief and timely announcements with links to more information.
Our slideshow gallery, below, can hold any number of slides. Each image can be opened in “lightbox” view, to be viewed at full size. Captions are optional. The slideshow can be set to auto-advance through the slides (a pause button allows the viewer to stop the auto-advance).
Fayerweather Hall. A caption appears here. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aerial view of campus in autumn. A caption appears here. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
A view of the Holyoke Range. A caption appears here. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Keefe Campus Center in spring. A caption appears here. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Honors majors devote half of their academic effort during senior year to research. The resulting thesis is often the basis of their first scientific publication.
This component expands to show more text, which you can format as you wish. The image is optional. You can add links as you wish. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam volutpat in risus et volutpat. Cras cursus, leo sit amet rutrum elementum, risus ante placerat felis, sit amet finibus sapien nibh ut orci. Fusce mollis et arcu in ornare. Nullam blandit in sem id laoreet. Sed ullamcorper semper magna ac maximus. Sed ornare justo arcu, sit amet pulvinar ligula hendrerit a. Duis ultrices mauris metus, in suscipit elit fringilla iaculis. Pellentesque turpis risus, vulputate vitae ornare eget, tristique non velit. Phasellus consectetur purus diam, a efficitur orci tempus at. Aenean ac commodo justo. Integer vel convallis nunc, at fringilla ligula. Donec porttitor dolor ut iaculis luctus. Fusce elit enim, malesuada et orci ac, lacinia mollis nulla. Praesent eget quam finibus, congue nunc nec, ultricies lacus. Nulla nibh felis, interdum at viverra eget, pulvinar ac magna. Donec at pharetra ipsum, eu ultricies risus. Mauris efficitur augue at eros porta semper. Aliquam mollis semper lorem vel fermentum. Morbi fringilla, ipsum ut iaculis elementum, massa magna convallis augue, eget venenatis erat ipsum id augue. Nullam dignissim non tortor id gravida. Donec ultrices felis ante, et interdum sem tempor eget.
Expandable Article—Compact
This is the compact version of the expandable article, especially useful for FAQs.
More text appears when expanding the article. You can add as much text as you want here, including a long answer to a frequently asked question, or the full text of a video transcript.
Lorem ipsum dolor sit amet, consectetur adipiscing elit?
Etiam volutpat in risus et volutpat. Cras cursus, leo sit amet rutrum elementum, risus ante placerat felis, sit amet finibus sapien nibh ut orci. Fusce mollis et arcu in ornare. Nullam blandit in sem id laoreet. Sed ullamcorper semper magna ac maximus. Sed ornare justo arcu, sit amet pulvinar ligula hendrerit a. Duis ultrices mauris metus, in suscipit elit fringilla iaculis. Pellentesque turpis risus, vulputate vitae ornare eget, tristique non velit.
Etiam volutpat in risus et volutpat cras cursus leo sit amet?
Elementum, risus ante placerat felis, sit amet finibus sapien nibh ut orci. Fusce mollis et arcu in ornare. Nullam blandit in sem id laoreet. Sed ullamcorper semper magna ac maximus. Sed ornare justo arcu, sit amet pulvinar ligula hendrerit a. Duis ultrices mauris metus, in suscipit elit fringilla iaculis. Pellentesque turpis risus, vulputate vitae ornare eget, tristique non velit. Phasellus consectetur purus diam, a efficitur orci tempus at. Aenean ac commodo justo. Integer vel convallis nunc, at fringilla ligula. Donec porttitor dolor ut iaculis luctus. Fusce elit enim, malesuada et orci ac, lacinia mollis nulla. Praesent eget quam finibus, congue nunc nec, ultricies lacus. Nulla nibh felis, interdum at viverra eget, pulvinar ac magna. Donec at pharetra ipsum, eu ultricies risus. Mauris efficitur augue at eros porta semper. Aliquam mollis semper lorem vel fermentum. Morbi fringilla, ipsum ut iaculis elementum, massa magna convallis augue, eget venenatis erat ipsum id augue. Nullam dignissim non tortor id gravida. Donec ultrices felis ante, et interdum sem tempor eget.
Image Grid Callout
Below is the “Image Grid Callout” display component, which holds exactly four images and four buttons.