document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.   <style>
  5.   body {font-family:Arial;}
  6.   h2 {margin:5px;}
  7.   .container {width: 20%; float:left;clear: right;margin:10px; border-radius: 5px;}
  8.   .sortable { list-style-type: none; margin:0; padding:2px; min-height:30px; border-radius: 5px;}
  9.   .sortable li { margin: 3px 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px;}
  10.   .sortable li span { position: absolute; margin-left: -1.3em; }
  11.  
  12.   .card{background-color:white;border-radius:3px;}
  13.   </style>
  14. </head>
  15. <body>
  16. </body>
  17. <div>
  18. <div class="container" style="background-color:pink;">
  19. <h2>TODO</h2>
  20. <ul class="sortable connectedSortable">
  21.   <li class="card">Activity A1</li>
  22.   <li class="card">Activity A2</li>
  23.   <li class="card">Activity A3</li>
  24. </ul>
  25. </div>
  26. <div class="container" style="background-color:orange;">
  27. <h2>In Progress</h2>
  28. <ul class="sortable connectedSortable" >
  29.   <li class="card">Activity B1</li>
  30.   <li class="card">Activity B2</li>
  31. </ul>
  32. </div>
  33. <div class="container" style="background-color:yellow;">
  34. <h2>Verification</h2>
  35. <ul class="sortable connectedSortable" >
  36.   <li class="card">Activity C1</li>
  37.   <li class="card">Activity C2</li>
  38. </ul>
  39. </div>
  40. <div class="container" style="background-color:green;">
  41. <h2>Done</h2>
  42. <ul class="sortable connectedSortable" >
  43. </ul>
  44. </div>
  45. </div>
  46. </html>
');