This kitchen sink of page elements uses every visual page element available in the UW Theme. As you might notice, it’s much too much content for one page. For this page wanted to showcase all of the options. If you would prefer to download a pdf to see the visual elements with their labels, you can grab it here.
This theme has been browser-tested across devices and meets a WCAG 2.0 AA standard.
(See documentation about using and contributing to UW Theme.)
Three Column Content Layout with Background
![](https://prelaw.wisc.edu/wordpress/wp-content/uploads/2017/06/Crew_lake_sunrise15_5739-900x600.jpg)
- February
- February 26
- March
- March 4Intern and Study in Washington, DCInfo Session4:00 PM, Study Abroad Resource Center (3rd Floor Red Gym)
- April
- April 16Intern and Study in Washington, DCInfo Session with Coffee & Donuts!10:00 AM, Study Abroad Resource Center (3rd Floor Red Gym)
“This is a stylized quote. It can only be used in 1 column layouts. Because we wanted to add design flexibility while maintaining responsiveness, usability, and accessibility standards, we needed to make some tough choices about which design elements could be used in 1, 2, and 3 column layouts.”
DIRECTOR OF WEB SERVICES, UNIVERSITY MARKETING
This is a text block. We added an image using WordPress’s visual editor. The method is very similar to uploading and adding an image in other web editors and image processing programs.
There is no character limit on text boxes. This layout choice might be used for stories or larger blocks of text. Many pages in UW–Madison websites don’t need to be visually engaging, they need to relay information. This page element works well for these needs.
If you would prefer to use a key that maps these visual elements with their names, we’ve made a pdf you can download for reference.
![](https://prelaw.wisc.edu/wordpress/wp-content/uploads/2017/06/SOAR_student_discuss16_2068-600x400-300x200.jpg)
Documents
- Center for Pre-Law Advising Guide for Applying to Law School
This 9-document Center for Pre-Law Advising guide will walk you through the following: personal statements; resumes; requesting transcripts; the Credential Assembly Service; optional essays and addenda; requesting and (for your recommenders) writing letters of recommendation; what happens after you apply; and some general tips.
This is an accordion element with a series of buttons that open and close related content panels.
Why use an accordion panel?
- Because they work on 1 and 2 column layouts.
- Because they’re cool.
- Because everyone else is doing it.
Why not to use an accordion?
- Because they hide your content and negatively affect SEO.
- Because they’re “jumpy”.
- Because not everyone likes accordion music.
Who loves accordions?
- People with lots of questions to answer.
- People with lots of content.
Photo Gallery
![](https://prelaw.wisc.edu/wordpress/wp-content/uploads/2017/06/Terrace_chair14_5654-900x600-768x512.jpg)
Posts
No posts currently available to show
Augue libero nunc urna vel taciti. Augue at integer turpis metus amet. Ligula adipiscing sem id metus, vestibulum tellus vivamus libero tortor. Lacinia tristique arcu leo pellentesque pede, vestibulum arcu placerat, in porta dolor lacinia ut libero facilisis. Pede elit proin ac dui, ligula consequat senectus porta ante, adipiscing sem eros eros a cras, proin diam sociosqu quam consectetuer wisi, ipsum lacus erat diam proin mi nec. Orci vivamus penatibus odit lacus erat vel, augue fringilla sodales interdum, et risus dolor accumsan tellus. Mauris a ornare sit risus convallis orci, laoreet nibh sed, felis ligula mauris, at dictum vestibulum ullamcorper etiam, tincidunt ullamcorper a sit nunc. Sed nec non, aptent etiam, cursus eget dolor libero orci velit, sapien nibh bibendum integer lectus in tellus. In nunc aliquet tempore nec, massa lacus pulvinar feugiat mauris id non, nibh gravida pellentesque diam diam molestie.
Sodales suscipit id sit, sapien eiusmod. Laoreet ante, et diam imperdiet turpis in vitae, vestibulum pellentesque condimentum, adipiscing elementum urna tempus nulla sed primis. Ipsum tortor, quis felis mattis ut nisl mi enim. In a qui donec porttitor, quisque turpis, sapien officia. At posuere natoque vestibulum libero risus elit. Varius eros velit. Placerat tristique quam aenean feugiat mauris semper, maecenas sociis ante augue cras ultricies. Ac quis inceptos, id amet vel magna elit, nulla molestie magna ut, class primis. Leo mauris vel sollicitudin, nulla luctus tellus senectus quis cras inceptos, integer rhoncus turpis lectus dui. Viverra nonummy eros nonummy mauris integer mi, aenean pulvinar ante vel eu lectus, metus suspendisse vestibulum praesent enim, placerat vitae ut nec. Ligula dolor sem adipiscing a tempor, libero mi, eget sit vulputate. Eros duis morbi orci metus at ante, amet aliquam tincidunt dui, posuere in sed quis iaculis.
Elit id mattis in venenatis, quam a porttitor quis nulla morbi, dapibus massa sed neque pede ipsum, felis metus id ipsum mattis. In voluptatem sed est commodo morbi maecenas, lectus suscipit elit, ultrices etiam in, tempus auctor vitae. Cursus eget eros sit, urna sed vestibulum nunc dolor, vivamus nulla maecenas mollis amet, in proin sem consequat in etiam viverra, augue in faucibus pede. Feugiat morbi duis sed, risus vehicula nulla at tellus, leo amet bibendum magna, bibendum arcu pretium interdum massa nullam. Mauris quis, integer velit justo, faucibus pellentesque. Risus sit tincidunt urna, ligula proin bibendum, placerat ante mollis pulvinar sed augue dolor. Porttitor libero vehicula, donec nec ultricies augue metus. Faucibus eros lorem tempor mi consectetuer, wisi consequat vehicula. Non praesent mattis potenti quis mi, magna nec tellus amet, euismod id vel placerat luctus. Magna adipiscing diam nunc volutpat. Vivamus erat dui, mauris praesent justo, ipsum vulputate adipiscing tempus neque, vestibulum urna.
Alternating Content Boxes
First Box
Lorem ipsum dolor sit amet, turpis at lectus nisl, sed egestas nec tortor donec, feugiat vel tristique morbi, malesuada wisi risus sit, elementum nullam nec vitae consectetuer ullamcorper. Id sit wisi risus pellentesque vitae, maecenas tellus.
![](https://prelaw.wisc.edu/wordpress/wp-content/uploads/2017/06/SUP_Yoga_Mendota16_5989-600x400.jpg)
Second Box
Arcu amet quam tempor, morbi venenatis netus. Velit neque vitae quis id sagittis dignissim, et elementum, neque est orci, fringilla ornare tortor odio viverra eleifend. Nullam aut ac aenean, ut ac sint libero duis vel et, in egestas enim potenti.
![](https://prelaw.wisc.edu/wordpress/wp-content/uploads/2017/06/Lakeside_Cinema12_4307-900x600-600x400.jpg)
Third Box
Placerat fames pede mauris pharetra diam. Ornare egestas, mi nibh, id turpis, nec tortor molestie commodo mollis, suscipit tellus quis. Ultricies amet quam. Luctus ut vel ac, vestibulum nibh, ut velit tortor odio. Euismod diam pellentesque nullam.
![](https://prelaw.wisc.edu/wordpress/wp-content/uploads/2017/06/Crew_lake_sunrise15_5739-900x600-1-600x400.jpg)