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

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

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

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