BMI Calculator

body { font-family: Arial, sans-serif; } .container { max-width: 600px; margin: 0 auto; padding: 20px; border: 1px solid #ccc; border-radius: 5px; } .container h1 { text-align: center; } .container div { margin-bottom: 10px; } .container label { display: inline-block; width: 100px; } .container input[type="number"] { width: 200px; padding: 5px; border: 1px solid #ccc; border-radius: 3px; } .container button { padding: 8px 16px; background-color: #007bff; color: #fff; border: none; border-radius: 3px; cursor: pointer; } .container button:hover { background-color: #0056b3; } .result { margin-top:...

HTML Minifier Generator

} .container { max-width: 600px; margin: 50px auto; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } h1 { text-align: center; margin-bottom: 20px; color: #333; } label { display: block; margin-bottom: 5px; font-weight: bold; } textarea { width: 100%; padding: 10px; font-size: 16px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; resize: vertical; ...

Open Graph generator

} .container { max-width: 600px; margin: 50px auto; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } h1 { text-align: center; margin-bottom: 20px; color: #333; } label { display: block; margin-bottom: 5px; font-weight: bold; } input[type="text"], input[type="number"], textarea { width: 100%; padding: 10px; font-size:...

Case Converter

} h1 { margin-top: 30px; } #input-text { width: 80%; height: 200px; margin: 20px auto; display: block; resize: none; } .converter-btn { margin-bottom: 10px; padding: 10px 20px; background-color: #007bff; color: white; border: none; cursor: pointer; } .converter-btn:hover { background-color: #0056b3; } Case Converter Tool Convert to UPPERCASE Convert to lowercase Convert...