JHU SOE Component Library

Project Overview

Draft

Development

Getting Started
Scripting

Fractal

Guide
FAQ’s
Gotchas

For Clients

Information on Images
Learn more about accessibility testing

Search

Library

- - Gold Gem
  - Blue Cloud
- - Gray Light
  - White
  - Blue Cloud
  - Blue Brand
  - Blue Gem
  - Green Gem
  - Purple Gem
  - Orange Gem
  - Blue Navy
  - Plum Gem
- Card Group States
- Explore
- Featured News
- Featured News Events
- - Blue Brand
  - Blue Gem
  - Green Gem
  - Purple Gem
  - Orange Gem
  - Plum Gem
  - Blue Navy
- Gallery
- Headlines
- Hero
- Legal
- - White
  - Gray Light
  - Blue Cloud
  - Blue Gem
- Programs
- - Multi Category
  - Single
- Request
- Research
- - Blue Brand
  - Blue Gem
  - Green Gem
  - Purple Gem
  - Orange Gem
  - Plum Gem
  - Blue Navy
- State Summaries
- - Icon
  - Full Bleed
- - Gray Light
  - White
  - Blue Cloud
  - Blue Brand
  - Blue Gem
  - Green Gem
  - Purple Gem
  - Orange Gem
  - Blue Navy
  - Plum Gem
- - Youtube
  - Vimeo
- Basic
- Breadcrumb
- Collapse
- Dropdown
- Social
- Toggle
- - Default
  - States
- - Default
  - Center
  - News
  - States
- - Default
  - Center
  - States
- - - Default
    - Contained
  - - Default
    - Contained
  - - Default
    - Contained
  - - Default
    - Contained
  - - Default
    - Contained
  - - Default
    - Contained
  - - Default
    - Contained
  - - Default
    - Contained
  - - Default
    - Contained
  - - Default
    - Contained
  - - Default
    - Contained
  - - Default
    - Contained
  - - Default
    - Contained
  - - Default
    - Contained
- Contact Details
- - Department List
  - Department Meta
- - No Results
  - Results
- - Default
  - Gravityforms
- Form
- Google CSE
- Lazy Video
- No Results Message
- - No Image
  - Image
  - No Subnav
  - Center
  - Events
  - News
  - People
  - Phd
  - Program
  - Program Alt
  - States
- Page Subnav Mobile
- Pagination
- - Program List
  - - Default
    - Alt
- Share
- State Summaries Filter
- State Summaries Map
- States Subnav Mobile
- - Static
  - CMS

Templates

404
- Landing
- Admission & Cost
- Plum Gem
- Green Gem
- Purple Gem
- Orange Gem
- Blue Gem
- Blue Brand
- Blue Navy
- Plum Gem
- Green Gem
- Purple Gem
- Orange Gem
- Blue Gem
- Blue Brand
- Blue Navy
- Default
- Image
- Default
- Alt
Faculty Listing
- Gravity
- Slate
- Default
- Alert
- Photo
- Background
- Cards Default
- Cards Contained
- Default
- Alert
- Default
- Photo
Impact Area
Masters Program
- Default
- Image
- Cards
News Landing
- Default
- Alt
Phd Listing
Program Finder
Research Area
Search
Solutions
- Default
- Photo
WYSIWYG

documentation

- Getting Started
- Scripting
- Guide
- Faqs
- Gotchas
- Accessibility
Project Overview