TASK WIDGET HTML

PASTE THE FOLLOWING UNDER <body>


{block:ifDisplayTaskWidget}

<!-- TASK WIDGET BY HUNTER THEMES -->

<div id="task-widget">

<div id="task-widget-title"> Tasks

<div id="task-widget-open"><span class="sf sf-chevron-down"></span></div>
<div id="task-widget-close"><span class="sf sf-cross-o"></span></div>

</div>
<!-- End task-widget-title -->

{block:ifDisplayFirstTask}
<div class="first-task"><span class="circ"></span>{text:First task} </div>
{/block:ifDisplayFirstTask}
{block:ifDisplaySecondTask}
<div class="second-task"><span class="circ"></span> {text:Second task} </div>
{/block:ifDisplaySecondTask}
{block:ifDisplayThirdTask}
<div class="third-task"><span class="circ"></span> {text:Third task} </div>
{/block:ifDisplayThirdTask}
{block:ifDisplayFourthTask}
<div class="fourth-task"><span class="circ"></span> {text:Fourth task} </div>
{/block:ifDisplayFourthTask}
{block:ifDisplayFifthTask}
<div class="fifth-task"><span class="circ"></span> {text:Fifth task} </div>
{/block:ifDisplayFifthTask}

{block:ifNoTasks}
<div class="no-tasks"> There are no tasks. </div>
{/block:ifNoTasks}

</div>
<!-- End task-widget -->

{/block:ifDisplayTaskWidget}