---
title: "Style guide"  
body_class: standard
---

<%= partial "views/common/header", :locals => { :css_class => "", :data_attr => "", :section_link => "Programmes" } %> 
<%= partial "views/common/navigation" %>
<%= partial "views/common/page-header", :locals => { :title => "UI KIT", :sub_nav => false, :pagination => false, :css_class => "", :style => "" } %>

<section class="container">
	<h2 class="style-guide">Rich Text</h2>
	<%= partial "views/style-guide/richtext" %>
</section>

<section class="container">
	<h2 class="style-guide">Forms</h2>
	<%= partial "views/style-guide/forms" %>
</section>

<section class="container">
	<h2 class="style-guide">Tags</h2>
	<%= partial "views/style-guide/tags" %>
</section>

<section class="container">
	<h2 class="style-guide">Buttons</h2>
	<%= partial "views/style-guide/buttons" %>
</section>

<section class="container">
	<h2 class="style-guide">Icons</h2>
	<%= partial "views/style-guide/icons" %>
</section>

<section class="container">
	<h2 class="style-guide">Social sharing (addthis)</h2>
	<%= partial "views/style-guide/social" %>
</section>

<section class="container">
	<h2 class="style-guide">Masonry Grid</h2>
	<%= partial "views/style-guide/masonry" %> 
</section>

<section class="container">
	<%= partial "views/style-guide/cards" %> 
</section>

<section class="container">
	<h2 class="style-guide">Masonry Cards</h2>
	<%= partial "views/style-guide/cards_features_masonry" %> 
</section>

<section class="container">
	<h2 class="style-guide">Slider</h2>
	<%= partial "views/style-guide/slider" %>
</section>

<section class="container">
	<h2 class="style-guide">Carousel</h2>
	<%= partial "views/style-guide/carousel" %>
</section>

<section class="container">
	<h2 class="style-guide">Map</h2>
	
</section>