To get started with Fleet, you’ll need to add the styles. This can be done with:
<!--[if !IE]><!--> <link rel="stylesheet" type="text/css" href="https://patterns.boston.gov/css/public.css" /> <!--<![endif]--> <!--[if lt IE 10]> <link media="all" rel="stylesheet" href="https://patterns.boston.gov/css/ie.css"> <![endif]-->
This will give you all of the fonts that you need as well as all Fleet stylings.
Other components can have their scripts included with:
Boston.gov also provides a prebuilt header / footer layout for use with your applications. This can be used from:
This template needs to be used in a dynamic manner. For example, during an application’s build process, the layout could be downloaded and applied to the application. An example of this can be reviewed on Boston’s 311 website code.
The benefit of adding this into an application is that it will more seamlessly fit within the Boston.gov ecosystem and automatically includes Fleet.