First pass at a user dashboard with 8 areas displayed equally between two columns.

content-area.html

<div class="clearfix">
	<div class="one-half first ssd-mod">
    <span class="dashicons dashicons-groups"></span>
    <h2>Agree on who will do what: clarify mutual expectations</h2>
    With any project, the person implementing is responsible for certain things; the manager providing support is responsible for others. It's important to establish expectations and rules at the beginning. Here you see how.
  </div>
  <div class="one-half ssd-mod">
    <span class="dashicons dashicons-location-alt"></span>
    <h2>Begin to identify what to develop</h2>
    People often have an idea of what to develop – e.g. better presentations, quicker decision making, etc. But frequently a clearer focus is needed. In this chapter you see how to identify specific development areas.
  </div>	
  <div class="one-half first ssd-mod">
    <span class="dashicons dashicons-id-alt"></span>
    <h2>Define the development goal</h2>
    The focus on identifying what to develop continues. For most project plans, SMART goals are used. But because this is a development goal, S is added to specify desired skill level. SMARTS is used to define the development goal.
  </div>
	<div class="one-half ssd-mod">
    <span class="dashicons dashicons-id"></span>
    <h2>Design the development assignment(s)</h2>
    The development assignment describes what the employee will do to accomplish the goal. The assignment can include various activities. SMARTESST is introduced and used for designing the development assignment.
  </div>
	<div class="one-half first ssd-mod">
    <span class="dashicons dashicons-welcome-write-blog"></span>
    <h2>Prepare the development plan</h2>
    The development plan describes how the employee will accomplish the development goal. On the assumption that the reader already knows how to assemble a schedule; identify necessary resources, etc., the focus is on how to assess or measure desired outcomes or plan milestones. We continue to build on SMARTESST by taking a common sense approach that focuses on defining observable behavior.
  </div>
	<div class="one-half ssd-mod">
    <span class="dashicons dashicons-performance"></span>
    <h2>Implement the plan; conduct the status meeting</h2>
    The focus is on the status meeting. Again key elements of SMARTESST are critical.
  </div>
	<div class="one-half first ssd-mod">
    <span class="dashicons dashicons-admin-settings"></span>
    <h2>Confirm what was accomplished; identify lessons learned &amp; next steps</h2>
    The focus is on determining what has been learned from this experience that can be applied to the next.
  </div>
	<div class="one-half ssd-mod">
    <span class="dashicons dashicons-star-filled"></span>
    <h2>A brief summary of all chapters</h2>
  </div>
</div>

<ul>
	<li><h2>Appendix One <small>Supported Self-Development &amp; Underlying Principles</small></h2></li>
	<li><h2>Further Reading</h2></li>
	<li><h2>Acknowledgements</h2></li>
</ul>

<div class="clearfix">
<div class="one-half first">[lms_favorite]</div>
<div class="one-half">[lms_complete]</div>
</div>

custom.css

.dashboard .entry-content .dashicons {
background:rgba(191,77,50,0.8);
border-radius:50%;
color:#fff;
font-size:60px;
height:150px;
line-height:150px;
margin-bottom:30px;
width:150px
}

.dashboard .entry-content .ssd-mod {
padding:2%
}