Five Elements Row

Description

The Five Elements row was specifically designed to highlight Claflin's Five Elements of Visionary Leadership.

This component is designed to be used in the Components content area of the templates.

Adding and Editing

1. Add a Content block widget to the Components content area
2. At the bottom of the content block editor, select the HTML option
3. Copy and paste the code template below into the editor
   <section class="row numbers"> 
     <div class="item">
       <div class="number">01</div>
       <div class="title">[title 1]</div>
       <div class="desc">[description 1]</div>    
     </div>
   
     <div class="item">
       <div class="number">02</div>
       <div class="title">[title 2]</div>
       <div class="desc">[description 2]</div>    
     </div>
   
     <div class="item">
       <div class="number">03</div>
       <div class="title">[title 3]</div>
       <div class="desc">[description 3]</div>    
     </div>
   
     <div class="item">
       <div class="number">04</div>
       <div class="title">[title 4]</div>
       <div class="desc">[description 4]</div>    
     </div>
   
     <div class="item">
       <div class="number">05</div>
       <div class="title">[title 5]</div>
       <div class="desc">[description 5]</div>    
     </div>
   </section> 
4. Click the Design option to switch back to the Design editor
5. Replace/remove the content as necessary

Example