This website acts as a living reference for the styles that exist on the live website for Union College. The two sites share some design elements and components and deviate when necessary.

The design guide is broken up into three sections. 'Design Elements' which are the very basic building blocks for the website; 'Components' which combine design elements into working pieces of code that serves a defined purpose; and 'Page Templates' which combine the elements and components into page templates that are used to display the content at destination URLs.

Video and Media Section - Photo on Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. A pellentesque sit amet porttitor eget dolor morbi non arcu. Cursus euismod quis viverra nibh cras. Convallis tellus id interdum velit laoreet id donec ultrices. In tellus integer feugiat scelerisque varius morbi enim nunc. Pulvinar neque laoreet suspendisse interdum consectetur. Lacus sed turpis tincidunt id aliquet. Massa massa ultricies mi quis. A diam sollicitudin tempor id. Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi tristique. Sed blandit libero volutpat sed cras ornare. Quis eleifend quam adipiscing vitae proin. Tincidunt eget nullam non nisi est sit amet facilisis magna. Faucibus ornare suspendisse sed nisi.

 

Union Grid 2

Video and Media Section - Photo on Left

Union Grid 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. A pellentesque sit amet porttitor eget dolor morbi non arcu. Cursus euismod quis viverra nibh cras. Convallis tellus id interdum velit laoreet id donec ultrices. In tellus integer feugiat scelerisque varius morbi enim nunc. Pulvinar neque laoreet suspendisse interdum consectetur. Lacus sed turpis tincidunt id aliquet. Massa massa ultricies mi quis. A diam sollicitudin tempor id. Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi tristique. Sed blandit libero volutpat sed cras ornare. Quis eleifend quam adipiscing vitae proin. Tincidunt eget nullam non nisi est sit amet facilisis magna. Faucibus ornare suspendisse sed nisi.