Here are examples of all the custom paragraph types we have created so far. These are only available on the giving site for now, but will be expanded to all other DAR sites.
Paragraph Type- BODY
Content area: 1380px max width
Description: This paragraph type provides a single field for content (copy and images) that uses the standard Drupal WYSIWYG.
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. 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.
Paragraph Type- PARAGRAPH W/ BLUE BG
Content area: 1200px wide (bg is full width)
Description: This paragraph type provides a single field for content (copy and images) that uses the standard Drupal WYSIWYG. Content is black text on a light blue background. All h2 tags are centered.
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. 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.
Paragraph Type- CAMPAIGN CALLOUT
Content area: 1000px max width (bg is full width)
Description: This paragraph type provides a single field for content (copy and images) that uses the standard Drupal WYSIWYG. Content is white text on a blue gradient background. All text is centered.
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. 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.
Paragraph Type- TWO COLUMN W/ BLUE BG
Content area: 2 columns that take up 45% of the screen width each up to a combined width of 1380px (bg is full width)
Images: 700px max width
Description: This paragraph type provides a two fields for content (copy and images) and each one uses the standard Drupal WYSIWYG. Content is centered dark blue text on a light blue background.
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. 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 eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Paragraph Type- PARAGRAPH W/ DARK BLUE BG
Content area: 1200px wide (bg is full width)
Description: This paragraph type provides a single field for content (copy and images) that uses the standard Drupal WYSIWYG. Content is white text on a dark blue background. All h2 tags are centered.
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. 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.
With your support,
we will
Paragraph Type - CAMPAIGN PRIORITY INTRO and CAMPAIGN PRIORITY
Description: A Campaign Priority Intro paragraph (see above) should be included before any Campaign Priority paragraphs (what you're looking at right now) and should NEVER be altered unless specifically requested. The Campaign Priority paragraphs have an image field and a field for content that uses the standard Drupal WYSIWYG. The image should be 900x600 and will appear on the left side of the page. A "swipe" animation is automatically applied to the image. The content area will appear on the right side of the page and should have the following elements: a title (h3 tag), a description (p tag), the Opportunities header (h4 tag) and a table that contains the opportunities specific to this priority. The table will be hidden until the user clicks on the Opportunities header.
Opportunities to be bold together
Endowed professorshipsFund transformational faculty who will improve our understanding of Earth’s evolution through time and of the complex relationships between natural resources and living organisms that create dynamic ecosystems, which is essential for design of long-lasting solutions to environmental challenges. |
Symposia and visitorsEstablish an Environment and Sustainability symposium series and visitors program to attract renowned researchers and visitors to Rice while establishing the Wiess School as a national hub for environmental sciences. |
Research seed grantsSupport fundamental research that will help address challenges associated with ecology, bio-diversity, energy transitions, natural resource management, climate, and natural hazards. |
Graduate and postdoctoral fellowshipsEstablish an Environment and Sustainability Fellows program to train future leaders in the interdisciplinary study and stewardship of the environment, expand our research impact and support the reputation and visibility of our programs. |
Paragraph Type- TWO COL DESCRIPTION AND IMAGE and CAROUSEL CONTROLS
Content area: The copy fills the left half of the page while the image fills the right half. Combined they take up the full width of the page.
Description: This paragraph type provides a field for content (copy and images) that uses the standard Drupal WYSIWYG and an image field. The main content appears on the left half of the page and the image takes up the right half. If the Carousel Controls paragraph type is added underneath a series of Two Col Description and Image paragraphs then it will combine all paragraphs of this type as as a carousel. The Carousel Controls paragraph should NEVER be altered.
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. 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.
Energy and the Environment
Located in the world’s energy capital, Rice engineers are vital to designing and implementing solutions to the world’s growing energy needs. With expertise in advanced oil and gas exploration, energy storage, renewable energy, seismic data processing and environmental fluid dynamics, we aim to be on the forefront of the global energy transition.
Paragraph Type- TWO COLUMN TABBED CONTENT
Content area: Two columns that will take up a combined width of 1380px
Description: This paragraph type provides a field for a title and as many fields for images as necessary. Each image also requires the fields for Image Alternative Text as well as Image Title to be completed. The Alternative Text entries will appear on the left side of the page and the image will appear on the right side with the Image Title appearing as a caption underneath it. Only one image is displayed at a time and users may switch between images by clicking on the Alternative Text labels in the left column.
Paragraph Type- TWO COLUMN PARAGRAPH
Content area: 2 columns that take up 45% of the screen width each up to a combined width of 1380px
Images: 700px max width
Description: This paragraph type provides a two fields for content (copy and images) and each one uses the standard Drupal WYSIWYG.
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. 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.
Paragraph Type- FORMATTED CONTENT w/ PARALLAX BG
Content area: 1000px max width
Image: At least 1920px wide
Description: This paragraph type provides a field for content (copy and images) that uses the standard Drupal WYSIWYG and an image field. The image has a blue filter applied to it and is used as a parallax background. The content is white text and also supports images.
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. 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.
Paragraph Type- CALLOUT w/ CUSTOM BG COLOR
Content area: 1000px max width (bg is full width)
Description: This paragraph type provides a single field for content (copy and images) that uses the standard Drupal WYSIWYG. Content colors are chosen by the creator.
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. 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.
Paragraph Type- TWO COL W/ CUSTOM COLORS
Content area: 2 columns that take up 45% of the screen width each up to a combined width of 1380px (bg is full width)
Images: 700px max width
Description: This paragraph type provides a two fields for content (copy and images) and each one uses the standard Drupal WYSIWYG. There are also fields to specify the desired background and font colors.
Paragraph Type- THREE COL W/ CUSTOM COLORS
Content area: 3 columns that take up 30% of the screen width each up to a combined width of 1380px (bg is full width).
Images: 700px max width
Description: This paragraph type provides a three fields for content (copy and images) and each one uses the standard Drupal WYSIWYG. There are also fields to specify the desired background and font colors.
“Every new course represents a new chance of improving ourselves and serving as sources of knowledge and learning for our undergraduate students. I find this truly inspiring and motivating.”
Giving to Rice
Development & Alumni Relations
P.O. BOX 1892
Houston, Texas 77251-1892
Phone: 713-348-4991
Email: giving@rice.edu
