Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<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="/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="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Determine the number of chairs needed</p>
<img class="card__drag" src="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Distribute the tickets</p>
<img class="card__drag" src="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Finalize Vendors</p>
<img class="card__drag" src="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Write up the schedule</p>
<img class="card__drag" src="/images/drag.svg">
</div>
</div>
<div class="stack__add-card-container">
<button class="stack__add-card">
<img class="stack__add-card-icon" src="/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="/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="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Confirm sponsors</p>
<img class="card__drag" src="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Recruit people to build the set</p>
<img class="card__drag" src="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Recruit ushers</p>
<img class="card__drag" src="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Recruit ticket takers</p>
<img class="card__drag" src="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Recruit parking attendants</p>
<img class="card__drag" src="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Recruit concession and merchandise sales</p>
<img class="card__drag" src="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Send volunteer packets out</p>
<img class="card__drag" src="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Assemble “Thank You” swag bags for volunteers</p>
<img class="card__drag" src="/images/drag.svg">
</div>
</div>
<div class="stack__add-card-container">
<button class="stack__add-card">
<img class="stack__add-card-icon" src="/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="/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="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Schedule additional rehearsals for the soloists</p>
<img class="card__drag" src="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Design Costumes</p>
<img class="card__drag" src="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Order costumes 4 weeks before recital</p>
<img class="card__drag" src="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Send ill fitting costumes for alterations</p>
<img class="card__drag" src="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Buy the props</p>
<img class="card__drag" src="/images/drag.svg">
</div>
</div>
<div class="stack__add-card-container">
<button class="stack__add-card">
<img class="stack__add-card-icon" src="/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="/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="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Hire a photographer for the performance</p>
<img class="card__drag" src="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Acquire video camera</p>
<img class="card__drag" src="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Acquire a tripod</p>
<img class="card__drag" src="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Hire someone to record the performance</p>
<img class="card__drag" src="/images/drag.svg">
</div>
</div>
<div class="stack__add-card-container">
<button class="stack__add-card">
<img class="stack__add-card-icon" src="/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="/images/new.svg">
</button>
</div>
<div class="stack__list">
<div class="card">
<p class="card__text">Print flyers</p>
<img class="card__drag" src="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Promote the event on Facebook and Instagram</p>
<img class="card__drag" src="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Prepare the programs</p>
<img class="card__drag" src="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Cross promote other dance studios</p>
<img class="card__drag" src="/images/drag.svg">
</div>
<div class="card">
<p class="card__text">Speak to local radio stations</p>
<img class="card__drag" src="/images/drag.svg">
</div>
</div>
<div class="stack__add-card-container">
<button class="stack__add-card">
<img class="stack__add-card-icon" src="/images/plus.svg"><p>Add card</p>
</button>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.