Programming

iFrame Generator – Free Online iFrame Code Generator

by

HTML code of iFrame Generator – Free Online iFrame Code Generator Width: <input type=”text” name=”width” id=”iframewidth” />px<br/> Height : <input type=”text” name=”height” id=”iframeheight” />px<br/> URL: <input type=”text” name=”url” id=”url”> <br/> <br/> <button id=”generate”>Generate Iframe</button> <br/>iFrame Code<br/> <textarea id=”iframecode” style=”width:100%; height:150px;”></textarea> <script src=”https://code.jquery.com/jquery-3.6.0.min.js” integrity=”sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=” crossorigin=”anonymous”></script> Java Script code: $(function() { $(“#generate”).click(function() { var width = $(“#iframewidth”).val(); … Read more

Unit converter

by

HTML code of Unit converter <!DOCTYPE html> <html> <head> <title>Unit Converter</title> <!– Add Materialize CSS –> <link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css”> </head> <body> <div class=”container”> <h1 class=”center-align”>Unit Converter</h1> <div class=”row”> <div class=”input-field col s6″> <select id=”fromUnit”> <option value=”kilometer”>Kilometer</option> <option value=”meter”>Meter</option> <option value=”centimeter”>Centimeter</option> <option value=”decimeter”>Decimeter</option> <option value=”millimeter”>Millimeter</option> <option value=”angstrom”>Angstrom</option> <option value=”mile”>Mile</option> <option value=”fathom”>Fathom</option> <option value=”yard”>Yard</option> <option value=”foot”>Foot</option> <option … 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 … 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 { … 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 … 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”> … 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; } … Read more

HTML code of Percentage Difference Calculator

by

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 … Read more

Random Credit Card Number

by

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 … Read more

HTML code of GST calculator

by

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 … Read more

Exit mobile version