Programming - D Mondal.in

HTML code of YouTube Title Generator

August 26, 2025 by Dhruba Mondal

HTML code of YouTube Title Generator | YouTube Fonts Generator <!DOCTYPE html> <html> <head><meta charset=”utf-8″> <title>Fancy Font Generator</title> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css” integrity=”sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm” crossorigin=”anonymous”> <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css”> </head> <body> <h1 style=”text-align:center;”>Fancy Font Generator</h1> <textarea type=”text” class=”form-control fancytext” style=”width:100%; margin-top:5px; background-color:#FFFFFF !important; color:#333333″ required=”required” name=”text” placeholder=”Type or paste text here..” value=””></textarea> <br /> … Read more

HTML code of GST calculator

August 26, 2025 by Dhruba Mondal

HTML code of GST calculator <!DOCTYPE html><html><head><title>GST Calculator</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”><style>.container {max-width: 500px;margin: 0 auto;padding: 20px;} input[type=”number”] {height: 3rem;} h4 {margin-bottom: 1.5rem;} button {margin-top: 1rem;} </style></head><body><div class=”container”><h4>GST Calculator</h4><div class=”row”><div class=”input-field col s6″><input id=”amount” type=”number” step=”0.01″><label for=”amount”>Amount (in INR)</label></div><div class=”input-field col s6″><input id=”gstRate” type=”number” step=”0.01″><label for=”gstRate”>GST Rate (%)</label></div></div><div class=”row”><div class=”col s6″><button class=”waves-effect waves-light btn” onclick=” … Read more

Random Credit Card Number

August 25, 2025 by Dhruba Mondal

HTML code of Random Credit Card Number <!DOCTYPE html><html><head><title>Random Credit Card Generator</title><link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css”></head><body><div class=”container mt-5″><h1 class=”text-center mb-4″>Random Credit Card Generator</h1><form><div class=”form-group”><label for=”card-type”>Card Type:</label><select id=”card-type” class=”form-control”><option value=”visa”>Visa</option><option value=”mastercard”>Mastercard</option><option value=”amex”>American Express</option></select></div><button type=”button” class=”btn btn-primary” onclick=”generateCardNumber()”>Generate Card Number</button><div class=”form-group mt-4″><label for=”card-number”>Card Number:</label><input type=”text” id=”card-number” class=”form-control” readonly></div></form></div> <script>function generateCardNumber() {const cardType = document.getElementById(‘card-type’).value;let cardNumber = ”; switch (cardType) … Read more

HTML code of Percentage Difference Calculator

August 25, 2025 by Dhruba Mondal

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

August 25, 2025 by Dhruba Mondal

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

August 25, 2025 by Dhruba Mondal

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

HTML code of Bulk QR Code Generator

August 24, 2025 by Dhruba Mondal

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

August 27, 2025August 24, 2025 by Dhruba Mondal

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

August 24, 2025 by Dhruba Mondal

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