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

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 value=”hand”>Hand</option><option value=”inch”>Inch</option><option value=”finger”>Finger</option><option value=”bamboo”>Bamboo</option><option value=”barleycorn”>Barleycorn</option></select><label for=”fromUnit”>From:</label></div><div class=”input-field col s6″><select id=”toUnit”><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 value=”hand”>Hand</option><option value=”inch”>Inch</option><option value=”finger”>Finger</option><option … Read more