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.
Website Display Components
The Yushien Japanese Garden.
Website Display Components
The Book and Plow Farm's Farm Fest takes place at Tuttle Hill.
Website Display Components
Views from the War Memorial towards the Holyoke Range.
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 via our request form. 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.
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.
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.
This 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.
Widely used across the College website, the Flexible Callout requires an image and can have up to four buttons. (If you have more than two buttons, the description won’t show, as there isn't room for it.)
1,898 students from 50 states, plus Washington, D.C., Puerto Rico and 70 countries
7:1
Student-to-faculty ratio
Lorem
This component can hold numbers or text.
Announcement
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.