Mesriani Law Website Style Guide

Colors

Variables : $default, $red, $brown, $darkblue, $black

Fonts

Primary Font Is Montserrat

font-family: $primaryfont;

Secondary Font Is Source Sans Pro

font-family: $secondaryfont;

Button Types

<a href="#" class="btn btn-primary">Primary Button</a>
<a href="#" class="btn btn-secondary">Secondary Button</a>
<a href="#" class="btn btn-primary btn-outlined">Primary Button</a>
<a href="#" class="btn btn-secondary btn-outlined">Secondary Button</a>

Button Sizes

Small Button: 	<a href="#" class="btn btn-sm">Small Button</a>
Medium Button: 	<a href="#" class="btn">Medium Button</a>
Large Button:	<a href="#" class="btn btn-lg">Large Button</a>

Headers

<H1> Heading

<H2> Heading

<H3> Heading

<H4> Heading

<H5> Heading
<H6> Heading