Name: cu_html_template
Owner: University of Colorado Boulder
Description: This is a responsive CU Boulder branded HTML template built with the Bootstrap CSS framework.
Created: 2017-01-12 18:17:17.0
Updated: 2017-09-11 18:31:13.0
Pushed: 2017-02-14 15:52:36.0
Homepage:
Size: 2059
Language: HTML
GitHub Committers
User | Most Recent Commit | # Commits |
Other Committers
User | Email | Most Recent Commit | # Commits |
README
This is a responsive CU Boulder branded HTML template built with the Bootstrap CSS framework. Edits or modifications to these templates should follow CU Boulder brand standards and accessibility guidelines.
This repo contains:
- HTML templates for:
- home pages (index.html, home2.html)
- sub pages (page.html)
- profiles (profile.html)
- content list pages (list.html)
Support
These template files are provided as-is and Strategic Relations offers no support in modifying these files.
Logo
Official logo images can be requested from the CU Boulder Brand website.
CU Options/Styles
There are some “cu-” prefixed classes that allow additional styling of elements:
Jumbotron
- cu-jumbotron-inverse - Sets the jumbotron to have white text and a black background
- cu-jumbotron-photo - Helper class for size and position of background photos applied to jumbotrons
- cu-jumbotron-center - Centers jumbotron content
Subnavigation
- cu-nav-sub - Apply to unordered list to create a subnavigation menu (supports up to 6 menu levels - only apply to top ul element)
Images
- cu-thumbnail - Sizing for thumbnail images
- cu-thumbnail-float-left - Floats thumbnail images to the left
- cu-thumbnail-float-right - Floats thumbnail images to the right
- cu-image-pad-left - Fives left margin to image (use with float classes)
- cu-image-pad-left - Fives right margin to image (use with float classes)
- cu-image-xs-X, cu-image-sm-X, cu-image-md-X, cu-image-lg-X - Apply to images to set a relative width (X = number of columns: 1-12)
Floats
Modify float direction with responsive breakpoints (Work well with the above image classes)
- cu-xs-float-left, cu-xs-float-right
- cu-sm-float-left, cu-sm-float-right
- cu-md-float-left, cu-md-float-right
- cu-lg-float-left, cu-lg-float-right
Search
To enable the search, insert your site's base url in the “site_url” field value attribute