Created
February 28, 2018 10:56
-
-
Save owstron/22222f24be87572d9ee3b93c5a76c7a8 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>Made with Thimble</title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <h1>Kanban Board</h1> | |
| <div class="row"> | |
| <div class="column" id="todo"> | |
| <h2>To-Do</h2> | |
| <hr> | |
| <div class="input-area"> | |
| <ul> | |
| <li>Final Project</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="column" id="progress"> | |
| <h2>In Progress</h2> | |
| <hr> | |
| <div class="input-area"> | |
| <ul> | |
| <li>HTML</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="column" id="done"> | |
| <h2>Done</h2> | |
| <hr> | |
| <div class="input-area"> | |
| <ul> | |
| <li>Database</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Fonts from Google Fonts - more at https://fonts.google.com */ | |
| @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700'); | |
| @import url('https://fonts.googleapis.com/css?family=Merriweather:400,700'); | |
| body { | |
| background-color: white; | |
| font-family: "Open Sans", sans-serif; | |
| padding: 5px 25px; | |
| font-size: 18px; | |
| margin: 0; | |
| color: #444; | |
| } | |
| h1 { | |
| font-family: "Merriweather", serif; | |
| font-size: 32px; | |
| } | |
| .column { | |
| float: left; | |
| width: 32.9%; | |
| border: 1px solid black; | |
| } | |
| .column h2{ | |
| color: blue; | |
| text-decoration: underline; | |
| text-align: center; | |
| } | |
| /* Clear floats after the columns */ | |
| .row:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment