Skip to content

Instantly share code, notes, and snippets.

@owstron
Created February 28, 2018 10:56
Show Gist options
  • Select an option

  • Save owstron/22222f24be87572d9ee3b93c5a76c7a8 to your computer and use it in GitHub Desktop.

Select an option

Save owstron/22222f24be87572d9ee3b93c5a76c7a8 to your computer and use it in GitHub Desktop.
<!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>
/* 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