---
title: Hero
slug: project-tasks
category: extra
navbarClass: 'navbar-dark bg-primary'
pageTitle: 'Project Tasks'
---
{% extends "./layouts/default.html" %}

{%
  set bugs = [
    {
      user: 'Andrew Robles',
      user_image: 'assets/images/avatars/person-1.jpg',
      name: "User can't upload photo",
      description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis officiis architecto',
      id: "#31",
      priority: '<div class="badge badge-danger">bug</div>',
      progress: '<div class="progress"><div class="progress-bar bg-success" role="progressbar" style="width: 68%" aria-valuenow="68" aria-valuemin="0" aria-valuemax="100"></div></div>'
    },
    {
      user: 'Mark Ups',
      user_image: 'assets/images/avatars/person-3.jpg',
      name: 'Broken javascript on contact page',
      description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam qui facere eos quisquam',
      id: "#26",
      priority: '<div class="badge badge-warning">medium</div>',
      progress: '<div class="progress"><div class="progress-bar bg-warning" role="progressbar" style="width: 42%" aria-valuenow="42" aria-valuemin="0" aria-valuemax="100"></div></div>'
    },
    {
      user: 'Tara Knows',
      user_image: 'assets/images/avatars/person-9.jpg',
      name: 'Account settings not saving',
      description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur nulla provident',
      id: "#11",
      priority: '<div class="badge badge-danger">bug</div>',
      progress: '<div class="progress"><div class="progress-bar bg-success" role="progressbar" style="width: 96%" aria-valuenow="96" aria-valuemin="0" aria-valuemax="100"></div></div>'
    },
    {
      user: 'John Mix',
      user_image: 'assets/images/avatars/person-8.jpg',
      name: 'Fix server upload issues',
      description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat optio ipsum sint adipisci',
      id: "#10",
      priority: '<div class="badge badge-warning">medium</div>',
      progress: '<div class="progress"><div class="progress-bar bg-danger" role="progressbar" style="width: 18%" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100"></div></div>'
    },
    {
      user: 'Karen Smith',
      user_image: 'assets/images/avatars/person-13.jpg',
      name: 'Fix client upload issues',
      description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor hic provident reprehenderit',
      id: "#16",
      priority: '<div class="badge badge-danger">bug</div>',
      progress: '<div class="progress"><div class="progress-bar bg-success" role="progressbar" style="width: 55%" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div></div>'
    }
  ]
%}

{%
  set milestone = [
    {
      user: 'Andrew Robles',
      user_image: 'assets/images/avatars/person-1.jpg',
      name: 'Review payment systems',
      description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis officiis architecto',
      id: "#31",
      priority: '<div class="badge badge-danger">important</div>',
      progress: '<div class="progress"><div class="progress-bar bg-success" role="progressbar" style="width: 68%" aria-valuenow="68" aria-valuemin="0" aria-valuemax="100"></div></div>'
    },
    {
      user: 'Andrew Robles',
      user_image: 'assets/images/avatars/person-3.jpg',
      name: 'Create blog section on website',
      description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam qui facere eos quisquam',
      id: "#26",
      priority: '<div class="badge badge-success">low</div>',
      progress: '<div class="progress"><div class="progress-bar bg-warning" role="progressbar" style="width: 42%" aria-valuenow="42" aria-valuemin="0" aria-valuemax="100"></div></div>'
    },
    {
      user: 'Andrew Robles',
      user_image: 'assets/images/avatars/person-9.jpg',
      name: 'Refactor user account sections',
      description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur nulla provident',
      id: "#11",
      priority: '<div class="badge badge-danger">important</div>',
      progress: '<div class="progress"><div class="progress-bar bg-success" role="progressbar" style="width: 96%" aria-valuenow="96" aria-valuemin="0" aria-valuemax="100"></div></div>'
    },
    {
      user: 'Andrew Robles',
      user_image: 'assets/images/avatars/person-8.jpg',
      name: 'Fix server upload issues',
      description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat optio ipsum sint adipisci',
      id: "#10",
      priority: '<div class="badge badge-warning">medium</div>',
      progress: '<div class="progress"><div class="progress-bar bg-danger" role="progressbar" style="width: 18%" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100"></div></div>'
    },
    {
      user: 'Andrew Robles',
      user_image: 'assets/images/avatars/person-8.jpg',
      name: 'Fix client upload issues',
      description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor hic provident reprehenderit',
      id: "#16",
      priority: '<div class="badge badge-success">low</div>',
      progress: '<div class="progress"><div class="progress-bar bg-success" role="progressbar" style="width: 55%" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div></div>'
    }
  ]
%}