Dhruba Mondal

HTML code of Percentage Difference Calculator

by
HTML code of Percentage Difference Calculator

HTML code of Percentage Difference Calculator | Online Calculator <!DOCTYPE html><html lang=”en”><head><meta charset=”UTF-8″><meta name=”viewport” content=”width=device-width, initial-scale=1.0″><title>Percentage Difference Calculator</title><style>body {font-family: Arial, sans-serif;margin: 0;padding: 0;box-sizing: border-box;}.container {max-width: 400px;margin: 50px auto;padding: 20px;border: 1px solid #ccc;border-radius: 5px;background-color: #f9f9f9;}.form-group {margin-bottom: 15px;}label {display: block;margin-bottom: 5px;}input[type=”number”] {width: 100%;padding: 8px;border: 1px solid #ccc;border-radius: 3px;}button {background-color: #4CAF50;color: white;padding: 10px 20px;border: none;border-radius: 3px;cursor: pointer;}button:hover {background-color: … Read more

Online Percentage calculator

by

HTML code of Online Percentage calculator <!DOCTYPE html><html lang=”en”><head><meta charset=”UTF-8″><meta name=”viewport” content=”width=device-width, initial-scale=1.0″><title>Percentage Calculator</title><style>body {font-family: Arial, sans-serif;margin: 0;padding: 0;box-sizing: border-box;}.container {max-width: 400px;margin: 50px auto;padding: 20px;border: 1px solid #ccc;border-radius: 5px;background-color: #f9f9f9;}.form-group {margin-bottom: 15px;}label {display: block;margin-bottom: 5px;}input[type=”number”] {width: 100%;padding: 8px;border: 1px solid #ccc;border-radius: 3px;}button {background-color: #4CAF50;color: white;padding: 10px 20px;border: none;border-radius: 3px;cursor: pointer;}button:hover {background-color: #45a049;}</style></head><body><div class=”container”><h2>Percentage Calculator</h2><div class=”form-group”><label … Read more

Time card calculator

by

HTML code of Time card calculator <!DOCTYPE html><html lang=”en”><head><meta charset=”UTF-8″><meta name=”viewport” content=”width=device-width, initial-scale=1.0″><title>Company Time Card Calculator</title><style>body {font-family: Arial, sans-serif;}#container {max-width: 600px;margin: 0 auto;padding: 20px;border: 1px solid #ccc;border-radius: 5px;}label {font-weight: bold;}input[type=”time”] {width: 100%;padding: 5px;margin-bottom: 10px;}button {padding: 10px 20px;background-color: #007bff;color: #fff;border: none;border-radius: 5px;cursor: pointer;}button:hover {background-color: #0056b3;}.error {color: red;font-size: 14px;margin-top: 5px;}.total-day-hours {margin-top: 20px;font-weight: bold;}.subtotal {margin-top: 10px;font-weight: bold;}.day-container {border: … Read more

Complete List of Synonyms in English with Examples – Improve Vocabulary

by

Complete List of Synonyms in English with Examples A strong vocabulary is the backbone of fluent English communication. One of the easiest ways to expand your vocabulary is by learning synonyms. 👉 Synonyms are words that have the same or nearly the same meaning as another word.Example: Happy → Joyful, Cheerful, Delighted. Using synonyms makes … Read more

One Word Substitution

by

One Word Substitution One Word Substitution is an important topic in English grammar and vocabulary building. It means replacing a group of words or a long phrase with a single word that conveys the same meaning. This not only makes the sentence concise but also improves clarity and effectiveness in communication. For example: In this … Read more

HTML code of Bulk QR Code Generator

by

HTML code of Bulk QR Code Generator | QR Code Generator <!DOCTYPE html><html lang=”en”><head><meta charset=”UTF-8″><meta name=”viewport” content=”width=device-width, initial-scale=1.0″><title>QR Code Generator</title><link rel=”stylesheet” href=”https://fonts.googleapis.com/icon?family=Material+Icons”><link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css”></head><body><div class=”container”><h3>QR Code Generator</h3><div class=”row”><div class=”input-field col s12″><input id=”text-input” type=”text”><label for=”text-input”>Text to Encode</label></div></div><div class=”row”><div class=”col s12″><button id=”generate-btn” class=”btn waves-effect waves-light” type=”button”>Generate QR Code<i class=”material-icons right”>qr_code</i></button></div></div><div class=”row”><div class=”col s12″ id=”qrcode-container”></div></div></div> <script src=”https://code.jquery.com/jquery-3.6.0.min.js”></script><script src=”https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js”></script><script … Read more

URL Encode & URL Decode tool

by

HTML code of URL Encode & URL Decode tool <h1>URL Encode</h1><textarea rows=6 cols=50 id=”encodeTxt”></textarea><br/><br/><button type=”button” onclick=”urlencodeTxt()”> ENCODE </button><br/><br/><textarea rows=6 cols=50 id=”encodeResult” placeholder=”Result goes here”></textarea><hr/><h1>URL Decode</h1><textarea rows=6 cols=50 id=”decodeTxt”></textarea><br/><br/><button type=”button” onclick=”urldecodeTxt()”> DECODE </button><br/><br/><textarea rows=6 cols=50 id=”decodeResult” placeholder=”Result goes here”></textarea> <br/></br/> Java Script code: function urlencodeTxt() {var urlEncodeTxt = document.getElementById(“encodeTxt”).value;var resEncode = encodeURIComponent(urlEncodeTxt);document.getElementById(“encodeResult”).value = resEncode;} function urldecodeTxt() … Read more

HTML code of Fake Name Generator

by

HTML code of Fake Name Generator | Fake Person Generator | Random Person Generator <!DOCTYPE html><html lang=”en”><head><meta charset=”UTF-8″><meta http-equiv=”X-UA-Compatible” content=”IE=edge”><meta name=”viewport” content=”width=device-width, initial-scale=1.0″><title>Random Person Generator</title><link href=”https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css” rel=”stylesheet”><style>@import url(‘https://fonts.googleapis.com/css2?family=Bad+Script&family=Montserrat:wght@400;500;600;700;800&display=swap’); body {font-family: “Montserrat”;} .header-inner-div {padding-bottom: 10rem !important;} #randomUserDisplaySection {margin-top: -12rem;} .user-rounded-image {border-radius: 100%;margin-bottom: -4rem;border: 4px solid gainsboro;} #displayUserInfo {vertical-align: middle; }</style> <body><header class=”bg-dark text-white py-5″><div class=”container”><div class=”row … Read more

Online PNG Image to WebP Converter | PNG to WebP Converter

by

Online PNG Image to WebP Converter | PNG to WebP Converter <!DOCTYPE html><html><head><meta name=”viewport” content=”width=device-width, initial-scale=1.0″><title>PNG to WebP Converter</title><link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css”><style>#image-preview {max-width: 100%;height: auto;}</style></head><body><div class=”container”><h1 class=”center-align”>PNG to WebP Converter</h1><div class=”row”><div class=”col s12″><div class=”card”><div class=”card-content”><div class=”file-field input-field”><div class=”btn”><span>Choose PNG</span><input type=”file” accept=”image/png” id=”png-file” /></div><div class=”file-path-wrapper”><input class=”file-path validate” type=”text” placeholder=”Select a PNG file” /></div></div><div class=”center-align”><button class=”btn waves-effect waves-light” … Read more

Exit mobile version