This is the index in docs! The UA Template is based off the Bootstrap framework. If you are unfamiliar with a front-end framework such as Bootstrap, we recommend you read through their documentation before starting with the UA Template.
There are many aspects of Bootstrap, such as certain components or JavaScript plugins, that are not covered in the UA Template documentation, so please refer to Bootstrap's documentation for a complete picture of what the UA Template can offer you.
An essential aspect of building with Bootstrap is understanding the Grid system. Even if you are already familiar with responsive design, please review the Grid documentation to become accustomed to the Bootstrap way of laying out your content.
The UA Template (currently v1.4.7) includes all front-end resources to help you build a web site in the style of the new ua.edu.
You'll find the following directories and files, logically grouping common resources into an assets/ folder. The docs/ folder includes example implementations of all front-end UI elements as well as several sample pages.
ua-template/
├── assets/
│ ├── css/
│ │ ├── style.min.css
│ │ ├── custom.css
│ │ ├── ua-logos/
│ ├── js/
│ │ ├── scripts.min.js
│ │ ├── vendors/
│ ├── img/
│ └── fonts/
├── docs/
├── img/
├── index.html
The UA Template automatically includes all currently available UA logos/identifiers. To ensure a consistent look among all UA websites, you are highly encouraged to utilize these assets as is.
Every single logo has been sized to fit exactly within the header space. Please see the Logos section in the documentation for more information.
The UA Template CSS is already compiled and minified, so modifications to that file directly are not recommended. Instead, we recommend placing new style rules into the custom.css file.
An empty CSS file assets/css/custom.css is provided with the template for you to place any custom CSS rules. This file is included in the header of all sample pages and when building your site, we recommend you include this file.