Franklin
========


<img alt="benjamin" src="https://github.com/kyle-jennings/franklin/svn/assets/icon-256x256.jpg" style="float: right; margin-left: 10px;">

Franklin is the companion plugin (and only works with) [Benjamin](https://github.com/kyle-jennings/Benjamin), the 18f styled WordPress theme.  

## Components!
* Grid columns
* Accordions
* Labels
* Buttons
* Alerts
* Side Navigation
* Contact Blocks
* Media Blocks
* Alerts
* Brands


### Grid Columns
[column width="one-half"]

[Documentation](https://github.com/kyle-jennings/Franklin/wiki/10.-Grid-Columns)


### lables
[label color="primary" text="Label" ]


### Buttons and Button Groups
[button color="primary" text="Click Here" target="http://google.com"]

[Documentation](https://github.com/kyle-jennings/Franklin/wiki/1.-Labels)

[buttongroup] [button color="primary" text="Button 1" target="http://google.com"][button color="primary" text="Button 2" state="hover" target="http://google.com"][button color="primary" text="Button 3" state="active" target="http://google.com"] [/buttongroup]


[Documentation](https://github.com/kyle-jennings/Franklin/wiki/2.-Buttons)


### Alerts
[alert color="success" title="Success" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod"]


[Documentation](https://github.com/kyle-jennings/Franklin/wiki/3.-Alerts)


### Accordions
[accordion title="First Amendment" text="Congress shall make no law respecting an establishment of religion, or prohibiting the free exercise thereof; or abridging the freedom of speech, or of the press; or the right of the people peaceably to assemble, and to petition the Government for a redress of grievances."]

[Documentation](https://github.com/kyle-jennings/Franklin/wiki/4.-Accordions)


### Contact Blocks
[contact-block]

[Documentation](https://github.com/kyle-jennings/Franklin/wiki/5.-Contact-Blocks)


### Brand
[brand]

[Documentation](https://github.com/kyle-jennings/Franklin/wiki/6.-Brand)


### Media Blocks
[media-block title="Hello World" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nisl metus, hendrerit non purus at, congue tristique sapien. Nulla finibus purus a velit porttitor, convallis efficitur sem cursus." logo="yoursite.gov/img/circle-124.png"]

[Documentation](https://github.com/kyle-jennings/Franklin/wiki/7.-Media-Block)


### Callouts
[callout title="Hello World" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nisl metus, hendrerit non purus at, congue tristique sapien. Nulla finibus purus a velit porttitor, convallis efficitur sem cursus." link="https://woot.com" linktext="Read More" ]

[Documentation](https://github.com/kyle-jennings/Franklin/wiki/8.-Callouts)


### Navlists
[nav-list title="the title" menu="menu-b"]

[Documentation](https://github.com/kyle-jennings/Franklin/wiki/9.-Navlists)