Calorie Calculator

/* CSS styles */ } .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="number"] { width: 100%; padding: 10px; font-size: 16px; margin-bottom:...

Meta Tags Generator

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

Html Live Codding

body { font-family: Arial, sans-serif; margin: 0; padding: 0; } .container { display: flex; height: 100vh; } .editor { flex: 1; padding: 20px; background-color: #f1f1f1; } .preview { flex: 1; padding: 20px; background-color: #fff; border-left: 1px solid #ccc; overflow-y: auto; } textarea { width: 100%; height: calc(100vh - 40px); padding: 10px; font-size: 14px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; resize: none; } const codeTextarea = document.getElementById('code'); const...

Robots.txt Generator

body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f5f5f5; } .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"], select { width: 100%; padding: 10px; font-size: 16px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; } input[type="submit"]...

JavaScript 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; ...

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; ...

CSS 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...

Twitter Card 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"], textarea { width: 100%; padding: 10px; font-size: 16px; margin-bottom:...

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:...

AdSense Calculator

/* Add your CSS styles here */ } .container { max-width: 600px; padding: 20px; background-color: #fff; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } h1 { text-align: center; margin-bottom: 20px; color: #333; } label, input { display: block; margin-bottom: 10px; } input[type="number"] { width: 100%; padding: 10px; font-size: 16px; } button { width: 100%; ...

Website Screen Checker

/* Add your CSS styles here */ } .container { max-width: 600px; padding: 20px; background-color: #fff; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } h1 { text-align: center; margin-bottom: 20px; color: #333; } select, input[type="text"] { width: 100%; padding: 10px; font-size: 16px; margin-bottom: 20px; } iframe { border: none; width: 100%; height: 600px; /*...

Google PageRank Checker

/* Add your CSS styles here */ .container { max-width: 600px; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } h1 { text-align: center; color: #333; } label { display: block; margin-bottom: 10px; } input[type="text"] { width: 100%; padding: 10px; font-size: 16px; margin-bottom: 20px; border: 1px solid #ccc; border-radius:...

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...

WORD COUNTER CHECKER

} h1 { margin-top: 30px; } #input-text { width: 80%; height: 200px; margin: 20px auto; display: block; resize: none; } #count-button { margin-bottom: 20px; padding: 10px 20px; background-color: #007bff; color: white; border: none; cursor: pointer; } #count-button:hover { background-color: #0056b3; } #word-count { margin: 0 auto; width: 80%; text-align: left; ...

Free Grammar Checker

} h1 { margin-top: 30px; } #input-text { width: 80%; height: 200px; margin: 20px auto; display: block; resize: none; } #check-button { margin-bottom: 20px; padding: 10px 20px; background-color: #007bff; color: white; border: none; cursor: pointer; } #check-button:hover { background-color: #0056b3; } #error-list { margin: 0 auto; width: 80%; text-align: left; ...

PLAGIARISM CHECKER

} h1 { margin-top: 30px; } #text-input { width: 80%; height: 200px; margin: 20px auto; display: block; resize: none; } #check-button { margin-bottom: 20px; padding: 10px 20px; background-color: #007bff; color: white; border: none; cursor: pointer; } #check-button:hover { background-color: #0056b3; } #result { font-size: 20px; font-weight: bold; } Plagiarism...