starter-app-index.hbs

<div class="header">
  <div class="header__text">Hometown Dance Recital</div>
  <button class="button button--add-stack">Add stack</button>
</div>
<div class="board-container">
  <div class="board">
    <div class="stack">
      <div class="stack__top">
        <p class="stack__text">Logistics</p>
        <button class="button button--plus-square">
          <img class="stack__new-icon" src="/assets/images/new.svg">
        </button>
      </div>
      <div class="stack__list">
        <div class="card">
          <p class="card__text">Confirm the venue</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Determine the number of chairs needed</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Distribute the tickets</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Finalize Vendors</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Write up the schedule</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
      </div>
      <div class="stack__add-card-container">
        <button class="stack__add-card">
          <img class="stack__add-card-icon" src="/assets/images/plus.svg"><p>Add card</p>
        </button>
      </div>
    </div>
    <div class="stack">
      <div class="stack__top">
        <p class="stack__text">Volunteers</p>
        <button class="button button--plus-square">
          <img class="stack__new-icon" src="/assets/images/new.svg">
        </button>
      </div>
      <div class="stack__list">
        <div class="card">
          <p class="card__text">Reach out to potential sponsors</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Confirm sponsors</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Recruit people to build the set</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Recruit ushers</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Recruit ticket takers</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Recruit parking attendants</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Recruit concession and merchandise sales</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Send volunteer packets out</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Assemble “Thank You” swag bags for volunteers</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
      </div>
      <div class="stack__add-card-container">
        <button class="stack__add-card">
          <img class="stack__add-card-icon" src="/assets/images/plus.svg"><p>Add card</p>
        </button>
      </div>
    </div>
    <div class="stack">
      <div class="stack__top">
        <p class="stack__text">Performance</p>
        <button class="button button--plus-square">
          <img class="stack__new-icon" src="/assets/images/new.svg">
        </button>
      </div>
      <div class="stack__list">
        <div class="card">
          <p class="card__text">Announce the soloists for the finale</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Schedule additional rehearsals for the soloists</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Design Costumes</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Order costumes 4 weeks before recital</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Send ill fitting costumes for alterations</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Buy the props</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
      </div>
      <div class="stack__add-card-container">
        <button class="stack__add-card">
          <img class="stack__add-card-icon" src="/assets/images/plus.svg"><p>Add card</p>
        </button>
      </div>
    </div>
    <div class="stack">
      <div class="stack__top">
        <p class="stack__text">Photography and Video</p>
        <button class="button button--plus-square">
          <img class="stack__new-icon" src="/assets/images/new.svg">
        </button>
      </div>
      <div class="stack__list">
        <div class="card">
          <p class="card__text">Hire a photographer for studio photos</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Hire a photographer for the performance</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Acquire video camera</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Acquire a tripod</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Hire someone to record the performance</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
      </div>
      <div class="stack__add-card-container">
        <button class="stack__add-card">
          <img class="stack__add-card-icon" src="/assets/images/plus.svg"><p>Add card</p>
        </button>
      </div>
    </div>
    <div class="stack">
      <div class="stack__top">
        <p class="stack__text">Promotion</p>
        <button class="button button--plus-square">
          <img class="stack__new-icon" src="/assets/images/new.svg">
        </button>
      </div>
      <div class="stack__list">
        <div class="card">
          <p class="card__text">Print flyers</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Promote the event on Facebook and Instagram</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Prepare the programs</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Cross promote other dance studios</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
        <div class="card">
          <p class="card__text">Speak to local radio stations</p>
          <img class="card__drag" src="/assets/images/drag.svg">
        </div>
      </div>
      <div class="stack__add-card-container">
        <button class="stack__add-card">
          <img class="stack__add-card-icon" src="/assets/images/plus.svg"><p>Add card</p>
        </button>
      </div>
    </div>
  </div>
</div>