{include file="sections/header.tpl"}
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-6">
    <div class="main-box clearfix project-box emerald-box">
        <div class="main-box-body clearfix">
            <div class="project-box-header emerald-bg">
                <div class="name">
                    <a href="#">
                        The Fighter
                    </a>
                </div>
            </div>
            <div class="project-box-content">
<span class="chart" data-percent="39">
<span class="percent"></span>%<br/>
<span class="lbl">completed</span>
</span>
            </div>
            <div class="project-box-footer clearfix">
                <a href="#">
                    <span class="value">12</span>
                    <span class="label">Tasks</span>
                </a>
                <a href="#">
                    <span class="value">1</span>
                    <span class="label">Alerts</span>
                </a>
                <a href="#">
                    <span class="value">82</span>
                    <span class="label">Messages</span>
                </a>
            </div>
            <div class="project-box-ultrafooter clearfix">
                <img class="project-img-owner" alt="" src="img/samples/scarlet-159.png" data-toggle="tooltip" title="Scarlett Johansson"/>
                <img class="project-img-owner" alt="" src="img/samples/lima-300.jpg" data-toggle="tooltip" title="Adriana Lima"/>
                <img class="project-img-owner" alt="" src="img/samples/emma-300.jpg" data-toggle="tooltip" title="Emma Watson"/>
                <img class="project-img-owner" alt="" src="img/samples/angelina-300.jpg" data-toggle="tooltip" title="Angelina Jolie"/>
                <a href="#" class="link pull-right">
                    <i class="fa fa-arrow-circle-right fa-lg"></i>
                </a>
            </div>
        </div>
    </div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
    <div class="main-box clearfix project-box green-box">
        <div class="main-box-body clearfix">
            <div class="project-box-header green-bg">
                <div class="name">
                    <a href="#">
                        Captain America
                    </a>
                </div>
            </div>
            <div class="project-box-content">
<span class="chart" data-percent="86" data-bar-color="#2ecc71">
<span class="percent"></span>%<br/>
<span class="lbl">completed</span>
</span>
            </div>
            <div class="project-box-footer clearfix">
                <a href="#">
                    <span class="value">93</span>
                    <span class="label">Tasks</span>
                </a>
                <a href="#">
                    <span class="value">3</span>
                    <span class="label">Alerts</span>
                </a>
                <a href="#">
                    <span class="value">483</span>
                    <span class="label">Messages</span>
                </a>
            </div>
            <div class="project-box-ultrafooter clearfix">
                <img class="project-img-owner" alt="" src="img/samples/lima-300.jpg" data-toggle="tooltip" title="Adriana Lima"/>
                <img class="project-img-owner" alt="" src="img/samples/robert-300.jpg" data-toggle="tooltip" title="Robert Downey Jr."/>
                <img class="project-img-owner" alt="" src="img/samples/angelina-300.jpg" data-toggle="tooltip" title="Angelina Jolie"/>
                <a href="#" class="link pull-right">
                    <i class="fa fa-arrow-circle-right fa-lg"></i>
                </a>
            </div>
        </div>
    </div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
    <div class="main-box clearfix project-box red-box">
        <div class="main-box-body clearfix">
            <div class="project-box-header red-bg">
                <div class="name">
                    <a href="#">
                        Contraband
                    </a>
                </div>
            </div>
            <div class="project-box-content">
<span class="chart" data-percent="79" data-bar-color="#e74c3c">
<span class="percent"></span>%<br/>
<span class="lbl">completed</span>
</span>
            </div>
            <div class="project-box-footer clearfix">
                <a href="#">
                    <span class="value">3</span>
                    <span class="label">Tasks</span>
                </a>
                <a href="#">
                    <span class="value">30</span>
                    <span class="label">Alerts</span>
                </a>
                <a href="#">
                    <span class="value">382</span>
                    <span class="label">Messages</span>
                </a>
            </div>
            <div class="project-box-ultrafooter clearfix">
                <img class="project-img-owner" alt="" src="img/samples/robert-300.jpg" data-toggle="tooltip" title="Robert Downey Jr."/>
                <a href="#" class="link pull-right">
                    <i class="fa fa-arrow-circle-right fa-lg"></i>
                </a>
            </div>
        </div>
    </div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
    <div class="main-box clearfix project-box yellow-box">
        <div class="main-box-body clearfix">
            <div class="project-box-header yellow-bg">
                <div class="name">
                    <a href="#">
                        Ted
                    </a>
                </div>
            </div>
            <div class="project-box-content">
<span class="chart" data-percent="47" data-bar-color="#f1c40f">
<span class="percent"></span>%<br/>
<span class="lbl">completed</span>
</span>
            </div>
            <div class="project-box-footer clearfix">
                <a href="#">
                    <span class="value">192</span>
                    <span class="label">Tasks</span>
                </a>
                <a href="#">
                    <span class="value">32</span>
                    <span class="label">Alerts</span>
                </a>
                <a href="#">
                    <span class="value">932</span>
                    <span class="label">Messages</span>
                </a>
            </div>
            <div class="project-box-ultrafooter clearfix">
                <img class="project-img-owner" alt="" src="img/samples/robert-300.jpg" data-toggle="tooltip" title="Robert Downey Jr."/>
                <img class="project-img-owner" alt="" src="img/samples/angelina-300.jpg" data-toggle="tooltip" title="Angelina Jolie"/>
                <a href="#" class="link pull-right">
                    <i class="fa fa-arrow-circle-right fa-lg"></i>
                </a>
            </div>
        </div>
    </div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
    <div class="main-box clearfix project-box purple-box">
        <div class="main-box-body clearfix">
            <div class="project-box-header purple-bg">
                <div class="name">
                    <a href="#">
                        Broken City
                    </a>
                </div>
            </div>
            <div class="project-box-content">
<span class="chart" data-percent="50" data-bar-color="#9b59b6">
<span class="percent"></span>%<br/>
<span class="lbl">completed</span>
</span>
            </div>
            <div class="project-box-footer clearfix">
                <a href="#">
                    <span class="value">13</span>
                    <span class="label">Tasks</span>
                </a>
                <a href="#">
                    <span class="value">0</span>
                    <span class="label">Alerts</span>
                </a>
                <a href="#">
                    <span class="value">92</span>
                    <span class="label">Messages</span>
                </a>
            </div>
            <div class="project-box-ultrafooter clearfix">
                <img class="project-img-owner" alt="" src="img/samples/emma-300.jpg" data-toggle="tooltip" title="Emma Watson"/>
                <img class="project-img-owner" alt="" src="img/samples/robert-300.jpg" data-toggle="tooltip" title="Robert Downey Jr."/>
                <img class="project-img-owner" alt="" src="img/samples/kunis-300.jpg" data-toggle="tooltip" title="Mila Kunis"/>
                <img class="project-img-owner" alt="" src="img/samples/angelina-300.jpg" data-toggle="tooltip" title="Angelina Jolie"/>
                <a href="#" class="link pull-right">
                    <i class="fa fa-arrow-circle-right fa-lg"></i>
                </a>
            </div>
        </div>
    </div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
    <div class="main-box clearfix project-box gray-box">
        <div class="main-box-body clearfix">
            <div class="project-box-header gray-bg">
                <div class="name">
                    <a href="#">
                        Lone Survivor
                    </a>
                </div>
            </div>
            <div class="project-box-content">
<span class="chart" data-percent="91" data-bar-color="#95a5a6">
<span class="percent"></span>%<br/>
<span class="lbl">completed</span>
</span>
            </div>
            <div class="project-box-footer clearfix">
                <a href="#">
                    <span class="value">48</span>
                    <span class="label">Tasks</span>
                </a>
                <a href="#">
                    <span class="value">10</span>
                    <span class="label">Alerts</span>
                </a>
                <a href="#">
                    <span class="value">120</span>
                    <span class="label">Messages</span>
                </a>
            </div>
            <div class="project-box-ultrafooter clearfix">
                <img class="project-img-owner" alt="" src="img/samples/angelina-300.jpg" data-toggle="tooltip" title="Angelina Jolie"/>
                <img class="project-img-owner" alt="" src="img/samples/scarlet-159.png" data-toggle="tooltip" title="Scarlett Johansson"/>
                <img class="project-img-owner" alt="" src="img/samples/kunis-300.jpg" data-toggle="tooltip" title="Mila Kunis"/>
                <a href="#" class="link pull-right">
                    <i class="fa fa-arrow-circle-right fa-lg"></i>
                </a>
            </div>
        </div>
    </div>
</div>
</div>
{include file="sections/footer.tpl"}