madclumsil33t / armydotmil.github.io

The Official Home Page of the United States Army - Styleguide

The Official Home Page of the United States Army - Styleguide

The styleguide is a collection of HTML, CSS, and JS snippets that are leveraged throughout the wwww.army.mil site. This library combines all the snippets currently use in production into a few downloadable files.

Quick Start

1. Download the CSS from style.css, JS from armydotmil.min.js. Download images and fonts from here.

2. Copy the style.css and armydotmil.min.js files to a location that is accessible by your respective project. Copy the /e2 directory found in master.zip to the root of your project.

   NOTE: Do not hotlink the CSS and JS from github. These files can change at any moment. If you prefer a different file structure you'll need to change the paths in the CSS files.

3. Link to the CSS and JS files in your html template to include the styles and functionality.

   <link rel="stylesheet" href="/path-to-file/style.css" type="text/css" media="screen">
<script src="/path-to-file/armydotmil.min.js" type="text/javascript" charset="utf-8"></script>

4. Use the HTML from the examples in your html template.

Examples

View the source at armydotmil.github.io to see the examples in action