Legend and Note

Legend

Legend

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<div class="iLegend1">
  <h4> Legend </h4>  
  <p> Your content goes here! </p> 
 </div>

Legend

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<div class="iLegendBlack1">
  <h4> Legend </h4>  
  <p> Your content goes here! </p> 
 </div>

Legend

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<div class="iLegendBlack2">
  <h4> Legend </h4>  
  <p> Your content goes here! </p> 
 </div>

Legend

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<div class="iLegendBlue1">
  <h4> Legend </h4>  
  <p> Your content goes here! </p> 
 </div>

Legend

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<div class="iLegendBlue2">
  <h4> Legend </h4>  
  <p> Your content goes here! </p> 
 </div>

Legend

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<div class="iLegendRed1">
  <h4> Legend </h4>  
  <p> Your content goes here! </p> 
 </div>

Legend

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<div class="iLegendRed2">
  <h4> Legend </h4>  
  <p> Your content goes here! </p> 
 </div>

Legend

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<div class="iLegendOrange1">
  <h4> Legend </h4>  
  <p> Your content goes here! </p> 
 </div>

Legend

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<div class="iLegendOrange2">
  <h4> Legend </h4>  
  <p> Your content goes here! </p> 
 </div>

Legend

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<div class="iLegendGreen1">
  <h4> Legend </h4>  
  <p> Your content goes here! </p> 
 </div>

Legend

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<div class="iLegendGreen2">
  <h4> Legend </h4>  
  <p> Your content goes here! </p> 
 </div>



Note with Color

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<span class="iNoteBlack"> Your content goes here!</span>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<span class="iNoteBlue"> Your content goes here!</span>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<span class="iNoteRed"> Your content goes here!</span>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<span class="iNoteOrange"> Your content goes here!</span>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<span class="iNoteGreen"> Your content goes here!</span>