Side By Side
Side by Side content allow page designers to create two areas of content of equal width on the same row. One back will have a white background while the other is shaded. Designer can flip the orientation and use multiple rows of Side by Side content to achieve various looks.
'The example below uses two rows of side by side content with the second row flipped. The subtitle field is optional. When used it will be presented as white text in a darker bar across the top. The content for each side can be generated with the built-in WYSIWYG editor using standard HTML content.
Examples
Mississippi Hall
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquam id diam maecenas ultricies mi eget mauris pharetra.
White Hall
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquam id diam maecenas ultricies mi eget mauris pharetra.
- Doors
- Windows
- Beds
Yarber Hall
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquam id diam maecenas ultricies mi eget mauris pharetra.
Murphy Hall
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquam id diam maecenas ultricies mi eget mauris pharetra.
Components
- Subtitle - Optional
- Left Content
- Right Content
Row Options
- Flip Side By Side
- Add margin-top to content row
- Add margin-bottom to content row