Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- Kanban 10.1 -->
- <!DOCTYPE html>
- <html>
- <head>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <style>
- * {
- box-sizing: border-box;
- }
- /* Create three equal columns that floats next to each other */
- .column {
- float: left;
- width: 33.33%;
- padding: 10px;
- height: 300px; /* Should be removed. Only for demonstration */
- }
- /* Clear floats after the columns */
- .row:after {
- content: "";
- display: table;
- clear: both;
- }
- </style>
- </head><!DOCTYPE html>
- <html>
- <!-- <font color="#0E8536"> -->
- <head>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <style>
- * {
- box-sizing: border-box;
- }
- /* Create three equal columns that floats next to each other */
- .column {
- float: left;
- width: 33.33%;
- padding: 22px;
- height: 1300px; /* Should be removed. Only for demonstration */
- }
- /* Clear floats after the columns */
- .row:after {
- content: "";
- display: table;
- clear: both;
- }
- </style>
- </head>
- <body>
- <h2>Omer's Kanban</h2>
- <h3>Long live Romania! 🇷🇴</h3>
- <form action="action_page.php">
- <div class="container">
- <label for="uname"><b>Username</b></label>
- <input type="text" placeholder="Enter Username" name="uname" required>
- <label for="psw"><b>Password</b></label>
- <input type="password" placeholder="Enter Password" name="psw" required>
- <button type="submit">Login</button>
- <label>
- <input type="checkbox" checked="checked" name="remember"> Remember me
- </label>
- </div>
- <div class="container" style="background-color:#f1f1f1">
- <button type="button" class="cancelbtn">Cancel</button>
- <span class="psw">Forgot <a href="#">password?</a></span>
- </div>
- </form>
- <div class="row">
- <div class="column" style="background-color:#0E11EE;">
- <h2>TDL</h2>
- <form>
- Tasks:<br>
- <input type="text" name="firstname"><br>
- </form>
- </div>
- <div class="column" style="background-color:#E3EE0E;">
- <h2>Doing</h2>
- <form>
- Taks:<br>
- <input type="text" name="firstname"><br>
- </form>
- </div>
- <div class="column" style="background-color:#EE0E3D;">
- <h2>Done</h2>
- <form>
- Taks:<br>
- <input type="text" name="firstname"><br>
- </form>
- </div>
- </div>
- </body>
- </font>
- </html>
- <body>
- <!-- <h2>Three Equal Columns option no colors</h2>
- <div class="row">
- <div class="column" style="background-color:#aaa;">
- <h2>Column 1</h2>
- <form>
- Taks:<br>
- <input type="text" name="firstname"><br>
- </form>
- </div>
- <div class="column" style="background-color:#bbb;">
- <h2>Column 2</h2>
- <p>Some text..</p>
- </div>
- <div class="column" style="background-color:#ccc;">
- <h2>Column 3</h2>
- <p>Some text..</p>
- </div>
- </div> -->
- </body>
- </html>
Add Comment
Please, Sign In to add comment