Daily ui / to do list

Developer
Jonathan De Jesús
Size
1,938 Kb
Views
14,168
  1. Daily ui / to do list Previews
  2. Daily ui / to do list HTML Codes
  3. Daily ui / to do list CSS Codes

How do I make an daily ui / to do list?

What is a daily ui / to do list? How do you make a daily ui / to do list? This script and codes were developed by Jonathan De Jesús on 24 November 2022, Thursday.

Daily ui / to do list Previews
IQ Test

Daily ui / to do list - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Daily ui / to do list</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="container"> <div class="row"> <input type="checkbox" name="checkbox" id="checkbox" /> <label for="checkbox">Sign Up</label> </div><!--ROW--> <div class="row"> <input type="checkbox" name="checkbox" id="checkbox" /> <label for="checkbox">Credit card checkout</label> </div><!--ROW--> <div class="row"> <input type="checkbox" name="checkbox" id="checkbox" /> <label for="checkbox">landing page</label> </div><!--ROW-->
</div>
</body>
</html>

Daily ui / to do list - Script Codes CSS Codes

@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,700';
body{ font-family: 'Open Sans', sans-serif;
}
.container{ margin:0px auto; width:60%;border:1px dashed gray;
}
.row{ padding:0.5rem 7rem;
}
/*/*/
.row { background: #fff; position: relative; border:1px dashed #ddd;
}
.row:hover { cursor: pointer;
}
.row.selected { background: #f3f3f3;
}
label { cursor: pointer;
}
label:before { display: inline-block; content: "✔"; margin: 0 50px 0 0; width: 35px; height: 35px; border: 3px solid #f95e5e; border-radius: 100%; vertical-align: middle; color: #f95e5e; font-size: 30px; text-align: center; font-weight: 700; line-height: 0.9em; transition: transform 0.2s ease-in-out;
}
input[type=checkbox]:checked + label:before { background: #f95e5e; color: #fff; /*transform: rotate(135deg); transform-origin: center center;*/
}
input[type=checkbox] { visibility: hidden;
}
Daily ui / to do list - Script Codes
Daily ui / to do list - Script Codes
Home Page Home
Developer Jonathan De Jesús
Username JonathanDeJesus
Uploaded November 24, 2022
Rating 3
Size 1,938 Kb
Views 14,168
Do you need developer help for Daily ui / to do list?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Jonathan De Jesús (JonathanDeJesus) Script Codes
Name
My first pen
Moises
Color
CodeCamp Tribute Page
Case Studies
Blog design idea
Responsive modal window
JS
Enveer
Personal site
Create amazing web content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!