1<!doctype html> 2<html lang="en"> 3<head> 4 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 68 bytes, lines 4-5
4 5 <script async src="https://www.googletagmanager.com/gtag/js?id=
5G-1JEP3YB5DE
vendor: 12 bytes, line 5
5"></script>
6<script> 7
vendor: 140 bytes, lines 7-11
7window.dataLayer = window.dataLayer || []; 8 function gtag(){dataLayer.push(arguments);} 9 gtag('js', new Date()); 10 11 gtag('config', '
11G-1JEP3YB5DE
vendor: 4 bytes, line 11
11');
12</script>
12 <!-- Global AdSense --> 13
13<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2423782752029796" 14 crossorigin="anonymous"></script>
14 15 <link rel="canonical" href="http://freewebtools.net" /> 16 17 <meta charset="utf-8"> 18 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 19 <meta name="description" content=""> 20 <meta name="author" content=""> 21 <link rel="icon" href="favicon.ico"> 22 23 <title>FREE WEB TOOLS</title> 24 <meta name="Description" content="Tools to boost your web development workflow: Text To Uppercase - Text To Lowercase - Find And Replace - Remove Special Characters - Capitalizing First Letter - Text To Pascal Case - Text To Camel Case - Random Password Generator - Characters And Symbols - Reverse Text - String And Word Count - Text To Html Encode - Html Color Picker - and more!"> 25 <meta name="Keywords" content="free web tools, web tools, html color picker, text to html encode, html online editor, characters and symbols, capitalizing first letter, text to pascal case, text to uppercase, text to lowercase, find and replace, remove special characters, text to camel case, random password generator, and more!"> 26 27 <!-- Bootstrap core CSS --> 28 <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet"> 29 30 <!-- pattern.css --> 31 <link href="css/patterncss/pattern.min.css" rel="stylesheet"> 32 33 <!-- Bootstrap Icons --> 34 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> 35 36 <!-- Custom styles for this template --> 37 <link href="css/custom/dark-template.css" rel="stylesheet"> 38 39 <!-- Google Fonts --> 40 <link href="https://fonts.googleapis.com/css2?family=Syne+Mono&display=swap" rel="stylesheet"> 41 <link href="https://fonts.googleapis.com/css2?family=Gugi&display=swap" rel="stylesheet"> 42 43 <!-- Fetch and Parse RSS Feeds from WordPress and Generate Bootstrap Carousel using JavaScript --> 44 <!-- https://css-tricks.com/how-to-fetch-and-parse-rss-feeds-in-javascript/ --> 45 <!-- https://getbootstrap.com/docs/4.0/components/carousel/ --> 46
46<script> 47 48 // Generate random string 49 // https://stackoverflow.com/questions/1349404/generate-random-string-characters-in-javascript 50 function randomString(length) { 51 let result = ''; 52 const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; 53 const charactersLength = characters.length; 54 let counter = 0; 55 while (counter < length) { 56 result += characters.charAt(Math.floor(Math.random() * charactersLength)); 57 counter += 1; 58 } 59 return result; 60 } 61 62 // Randomize (shuffle) a JavaScript array 63 // https://stackoverflow.com/questions/2450954/how-to-randomize-shuffle-a-javascript-array 64 function shuffle(array) { 65 let currentIndex = array.length, randomIndex; 66 67 // While there remain elements to shuffle. 68 while (currentIndex != 0) { 69 70 // Pick a remaining element. 71 randomIndex = Math.floor(Math.random() * currentIndex); 72 currentIndex--; 73 74 // And swap it with the current element. 75 [array[currentIndex], array[randomIndex]] = [ 76 array[randomIndex], array[currentIndex]]; 77 } 78 79 return array; 80 } 81 82 // Generate RSS Feed URL 83 rssFeedURL = "https://codesnippets.freewebtools.net/feed/?" + randomString(10); 84 console.log(rssFeedURL); 85 86 fetch(rssFeedURL) 87 .then(response => response.text()) 88 .then(str => new window.DOMParser().parseFromString(str, "text/xml")) 89 .then(data => { 90 //console.log(data); 91 const items = data.querySelectorAll("item"); 92 let carousel_indicators_html = ``; 93 let carousel_inner_html = ``; 94 let index = 0; 95 96 // Create an array with a range of numbers in a JavaScript 97 // https://jasonwatmore.com/post/2021/10/02/vanilla-js-create-an-array-with-a-range-of-numbers-in-a-javascript 98 // 1 to 10 99 const start = 1; 100 const end = 10; 101 const rangeArray = [...Array(end - start + 1).keys()].map(x => x + start); 102 103 // Randomize (shuffle) the array 104 shuffle(rangeArray); 105 106 items.forEach(el => { 107 if (index == 0) { 108 carousel_indicators_html += ` 109 <li class="active" data-slide-to="0" data-target="#myCarousel"></li> 110 `; 111 carousel_inner_html += ` 112 <div class="carousel-item active"> 113 <img alt="First slide" class="first-slide" src="images/${rangeArray[index]}.jpg"> 114 <div class="container"> 115 <div class="carousel-caption"> 116 <h2 class="carousel-caption-title"> 117 <a href="${el.querySelector("link").innerHTML}" target="_blank"> 118 ${el.querySelector("title").innerHTML} 119 </a> 120 </h2> 121 <p> 122 ${el.querySelector("description").innerHTML.replace(/^<\!\[CDATA\[|\]\]>$/g,'')} 123 </p> 124 <a class="btn btn-lg btn-primary" href="${el.querySelector("link").innerHTML}" target="_blank" role="button">Read Post</a> 125 </div> 126 </div> 127 </div> 128 `; 129 } 130 else { 131 carousel_indicators_html += ` 132 <li data-slide-to="${index}" data-target="#myCarousel"></li> 133 `; 134 carousel_inner_html += ` 135 <div class="carousel-item"> 136 <img alt="First slide" class="first-slide" src="images/${rangeArray[index]}.jpg"> 137 <div class="container"> 138 <div class="carousel-caption"> 139 <h2 class="carousel-caption-title"> 140 <a href="${el.querySelector("link").innerHTML}" target="_blank"> 141 ${el.querySelector("title").innerHTML} 142 </a> 143 </h2> 144 <p> 145 ${el.querySelector("description").innerHTML.replace(/^<\!\[CDATA\[|\]\]>$/g,'')} 146 </p> 147 <a class="btn btn-lg btn-primary" href="${el.querySelector("link").innerHTML}" target="_blank" role="button">Read Post</a> 148 </div> 149 </div> 150 </div> 151 `; 152 } 153 index++; 154 }); 155 document.getElementById("carousel-indicators").insertAdjacentHTML("beforeend", carousel_indicators_html); 156 document.getElementById("carousel-inner").insertAdjacentHTML("beforeend", carousel_inner_html); 157 }); 158 </script>
158 159</head> 160<body> 161 <!-- HEADER - NAV --> 162 <header class="header-area overlay"> 163 <nav class="navbar navbar-expand-md navbar-dark"> 164 <div class="container"> 165 <a class="navbar-brand" href="/">FREE WEB TOOLS</a> 166 <button class="navbar-toggler collapsed" data-target="#main-nav" data-toggle="collapse" type="button"> 167 <span class="menu-icon-bar"></span> 168 <span class="menu-icon-bar"></span> 169 <span class="menu-icon-bar"></span> 170 </button> 171 <div class="collapse navbar-collapse" id="main-nav"> 172 <ul class="navbar-nav ml-auto"> 173 <li> 174 <a class="nav-item nav-link active" href="/">Home</a> 175 </li> 176 <li> 177 <a class="nav-item nav-link" href="/#webtools">Web Tools</a> 178 </li> 179 <li class="dropdown"> 180 <a class="nav-item nav-link" data-toggle="dropdown" href="#">More Tools</a> 181 <div class="dropdown-menu"> 182 <a class="dropdown-item" href="https://midipiano.freewebtools.net/" target="_blank">MIDI Piano</a> 183 <a class="dropdown-item" href="https://screencolorlight.freewebtools.net/" target="_blank">Screen Color Light</a> 184 <a class="dropdown-item" href="https://dokuwikieditor.freewebtools.net/" target="_blank">DokuWiki WYSIWYG Editor</a> 185 </div> 186 </li> 187 <li> 188 <a class="nav-item nav-link" href="https://codesnippets.freewebtools.net/" target="_blank">Code Snippets</a> 189 </li> 190 </ul> 191 </div> 192 </div> 193 </nav> 194</header> 195 <main role="main"> 196 <!-- Bootstrap Carousel 197 ================================================== --> 198 <div class="carousel slide" data-ride="carousel" id="myCarousel"> 199 <ol id="carousel-indicators" class="carousel-indicators"></ol> 200 <div id="carousel-inner" class="carousel-inner"></div> 201 <a class="carousel-control-prev" data-slide="prev" href="#myCarousel" role="button"><span aria-hidden="true" class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span></a> 202 <a class="carousel-control-next" data-slide="next" href="#myCarousel" role="button"><span aria-hidden="true" class="carousel-control-next-icon"></span> <span class="sr-only">Next</span></a> 203 </div> 204 205 <!-- Marketing messaging and featurettes 206 ================================================== --> 207 208 <!-- Wrap the rest of the page in another container to center all the content. --> 209 <div class="container marketing"> 210 <div class="container text-center"> 211 <h2 class="top-3-heading">Top 3 Most Used Web Tools</h2> 212 </div><!-- Three columns of text below the carousel --> 213 <div class="row"> 214 <div class="col-lg-4"> 215 <a href="/all-tools.php"><img alt="ALL TOOLS IN ONE PAGE" class="rounded-circle top-3-tools-image" src="/images/FreeWebToolsLogo2.png"></a> 216 <h3 class="top-3-tools-title"><a href="/all-tools.php">ALL TOOLS IN ONE PAGE</a></h3> 217 <small class="text-muted"><i class="bi bi-eye"></i> 5186 <i class="bi bi-eye"></i></small> 218 <p>All your favorite Web Tools in one convinient page.</p> <p><a class="btn btn-primary" href="/all-tools.php" role="button">Open Tool »</a></p> 219 </div> 220 <div class="col-lg-4"> 221 <a href="/htmleditor.php"><img alt="WYSIWYG HTML EDITOR" class="rounded-circle top-3-tools-image" src="/images/html-editor.png"></a> 222 <h3 class="top-3-tools-title"><a href="/htmleditor.php">WYSIWYG HTML EDITOR</a></h3> 223 <small class="text-muted"><i class="bi bi-eye"></i> 4289 <i class="bi bi-eye"></i></small> 224 <p>WYSIWYG (What you see is what you get) HTML editor tool.</p> <p><a class="btn btn-primary" href="/htmleditor.php" role="button">Open Tool »</a></p> 225 </div> 226 <div class="col-lg-4"> 227 <a href="/remove-special-characters.php"><img alt="REMOVE SPECIAL CHARACTERS" class="rounded-circle top-3-tools-image" src="/images/remove-special-characters.png"></a> 228 <h3 class="top-3-tools-title"><a href="/remove-special-characters.php">REMOVE SPECIAL CHARACTERS</a></h3> 229 <small class="text-muted"><i class="bi bi-eye"></i> 4086 <i class="bi bi-eye"></i></small> 230 <p>Use this tool to remove the following special characters from a text: [ & / \ # , + ( ) $ ~ % . ' " : * ? < > { } ].</p> <p><a class="btn btn-primary" href="/remove-special-characters.php" role="button">Open Tool »</a></p> 231 </div> 232 </div><!-- /.row --> 233 234 <!-- START THE FEATURETTES --> 235 <div class="pattern-diagonal-stripes-sm h-5 my-5"></div> 236 237 <div class="webtools-album-heading-container text-center"> 238 <div class="container"> 239 <h2 class="webtools-album-heading">External Web Tools</h2> 240 </div> 241 </div> 242 243 <div class="pattern-diagonal-stripes-sm h-5 my-5"></div> 244 245 <div class="row featurette"> 246 <div class="col-md-7 order-md-2"> 247 <h2 class="featurette-heading">MIDI Piano</h2> 248 <p class="lead"> MIDI Piano is a free web virtual instrument that allows you to play a large range of musical instruments and s
248ound effects through your browser using a MIDI keyboard connected to your computer.</p> 249 <p class="lead">MIDI Piano uses the <a href="https://github.com/surikov/webaudiofont" class="main-color-text" target="_blank">WebAudioFont</a> JavaScript library. WebAudioFont is a set of resources and associated technology that uses sample-based synthesis to play musical instruments in the browser.</p> 250 <strong>Compatible Browsers</strong> 251 <ul> 252 <li>Chrome</li> 253 <li>Edge</li> 254 <li>Opera</li> 255 </ul> 256 </div> 257 <div class="col-md-5 order-md-1"> 258 <a href="https://midipiano.freewebtools.net" target="_blank"><img alt="MIDI Piano" class="featurette-image img-fluid mx-auto" src="images/MIDIPiano.jpg"></a> 259 <div class="text-center p-4"> 260 <a class="btn btn-primary btn-lg" href="https://midipiano.freewebtools.net" role="button" target="_blank">Open Tool »</a> 261 </div> 262 </div> 263 </div> 264 265 <div class="pattern-diagonal-stripes-sm h-5 my-5"></div> 266 267 <div class="row featurette"> 268 <div class="col-md-7"> 269 <h2 class="featurette-heading">Screen Color Light</h2> 270 <p class="lead">Turn your computer screen into a color-changing light! Choose colors to match your mood.</p> 271 <strong>Features:</strong> 272 <ul> 273 <li>Plain color mode</li> 274 <li>Gradient color mode</li> 275 <li>Plain color animation</li> 276 <li>Gradient color animation</li> 277 <li>Custom color selector (RGB/HSL/HEX)</li> 278 <li>17 predetermined selectable colors</li> 279 <li>Fullscreen button</li> 280 </ul> 281 </div> 282 <div class="col-md-5"> 283 <a href="https://screencolorlight.freewebtools.net" target="_blank"><img alt="Screen Color Light" class="featurette-image img-fluid mx-auto" src="images/ScreenColorLight.jpg"></a> 284 <div class="text-center p-4"> 285 <a class="btn btn-primary btn-lg" href="https://screencolorlight.freewebtools.net" role="button" target="_blank">Open Tool »</a> 286 </div> 287 </div> 288 </div> 289 290 <div class="pattern-diagonal-stripes-sm h-5 my-5"></div> 291 292 <div class="row featurette"> 293 <div class="col-md-7"> 294 <h2 class="featurette-heading">DokuWiki WYSIWYG Editor</h2> 295 <p class="lead">The DokuWiki WYSIWYG Editor is a browser-based tool designed to provide a rich, user-friendly editing experience for DokuWiki syntax. It leverages the ProseMirror framework to offer common editing capabilities, including formatting, lists, headings, code blocks, and more, all within a clean and responsive interface.</p> 296 <strong>Features:</strong> 297 <ul> 298 <li><strong>WYSIWYG Editing:</strong> Write and format content visually, with instant feedback.</li> 299 <li><strong>DokuWiki Syntax Conversion:</strong> Convert rich text to DokuWiki markup with a single click.</li> 300 <li><strong>Clipboard Support:</strong> Easily copy generated DokuWiki syntax to your clipboard.</li> 301 <li><strong>Theme Toggle:</strong> Switch between light and dark themes for comfortable editing.</li> 302 <li><strong>Responsive Layout:</strong> Sidebar for controls and output, main area for editing.</li> 303 <li><strong>ProseMirror Integration:</strong> Supports headings, lists, code blocks, blockquotes, tables, horizontal rules, and inline formatting (bold, italic, code, links).</li> 304 </ul> 305 </div> 306 <div class="col-md-5"> 307 <a href="https://dokuwikieditor.freewebtools.net/" target="_blank"><img alt="DokuWiki WYSIWYG Editor" class="featurette-image img-fluid mx-auto" src="images/DokuWikiEditor.png"></a> 308 <div class="text-center p-4"> 309 <a class="btn btn-primary btn-lg" href="https://dokuwikieditor.freewebtools.net/" role="button" target="_blank">Open Tool »</a> 310 </div> 311 </div> 312 </div> 313 314 <div class="pattern-diagonal-stripes-sm h-5 my-5"></div> 315 316 <!-- /END THE FEATURETTES --> 317 </div><!-- /.container --> 318 319 <!-- Main jumbotron for a primary marketing message or call to action --> 320 <div class="jumbotron jumbotron-background-image"> 321 <div class="container"> 322 <div class="cta-content-card box-shadow text-center"> 323 <h2 class="main-color-text display-3">Code Snippets</h2> 324 <h3 class="text-muted">Useful code to copy and paste</h3> 325 <div class="p-4"><img alt="Code Snippets Blog" src="images/CodeSnippets.jpg" width="100%"></div> 326 <p>Check out Code Snippets, my personal blog where I post useful code snippets and tutorials organized in categories to speed up your web development projects.</p> 327 328 <p class="blog-categories"><strong>Code Snippets categories:</strong><br> 329 <a href="https://codesnippets.freewebtools.net/category/bootstrap/" target="_blank">Bootstrap</a>, 330 <a href="https://codesnippets.freewebtools.net/category/c/" target="_blank">C#</a>, 331 <a href="https://codesnippets.freewebtools.net/category/css/" target="_blank">CSS</a>, 332 <a href="https://codesnippets.freewebtools.net/category/drupal-8-9/" target="_blank">Drupal</a>, 333 <a href="https://codesnippets.freewebtools.net/category/html/" target="_blank">HTML</a>, 334 <a href="https://codesnippets.freewebtools.net/category/javascript/" target="_blank">JavaScript</a>, 335 <a href="https://codesnippets.freewebtools.net/category/jquery/" target="_blank">jQuery</a>, 336 <a href="https://codesnippets.freewebtools.net/category/php/" target="_blank">PHP</a>, 337 <a href="https://codesnippets.freewebtools.net/category/raspbian/" target="_blank">Raspbian</a>, 338 <a href="https://codesnippets.freewebtools.net/category/terminal/" target="_blank">Linux Terminal</a>, 339 <a href="https://codesnippets.freewebtools.net/category/unity/" target="_blank">Unity 3D</a>, 340 <a href="https://codesnippets.freewebtools.net/category/website-templates/" target="_blank">Website Templates</a>, 341 <a href="https://codesnippets.freewebtools.net/category/wordpress/" target="_blank">WordPress</a>. 342 </p> 343 344 <p><a class="btn btn-primary btn-lg" href="https://codesnippets.freewebtools.net" role="button" target="_blank">Go to Code Snippets »</a></p> 345 </div> 346 </div> 347 </div> 348 349 350 <div id="webtools" class="hidden-anchor-point"></div> 351 352 <div class="webtools-album-heading-container text-center"> 353 <div class="container"> 354 <h2 class="webtools-album-heading">Web Tools</h2> 355 <p class="lead">Free, Cool, and handy Web Development tools for Webmasters and Web Developers.</p> 356 </div> 357 </div> 358 359 <div class="album py-5 slategray-darker pattern-checks-md background-black"> 360 <div class="container"> 361 <div class="row"> 362 <div class="col-md-4"> 363 <div class="card mb-4 box-shadow"> 364 <a href="/text-to-uppercase.php"><img alt="Card image cap" class="card-img-top" src="/images/text-to-uppercase.png"></a> 365 <div class="card-body"> 366 <h3 class="card-title"><a href="/text-to-uppercase.php">TEXT TO UPPERCASE</a></h3> 367 <small class="text-muted"><i class="bi bi-eye"></i> 3208 <i class="bi bi-eye"></i></small> 368 <div class="card-text"><p>Convert your text to uppercase.</p></div> 369 </div> 370 </div> 371 </div> 372 <div class="col-md-4"> 373 <div class="card mb-4 box-shadow"> 374 <a href="/text-to-lowercase.php"><img alt="Card image cap" class="card-img-top" src="/images/text-to-lowercase.png"></a> 375 <div class="card-body"> 376 <h3 class="card-title"><a href="/text-to-lowercase.php">TEXT TO LOWERCASE</a></h3> 377 <small class="text-muted"><i class="bi bi-eye"></i> 3213 <i class="bi bi-eye"></i></small> 378 <div class="card-text"><p>Convert your text to lowercase.</p></div> 379 </div> 380 </div> 381 </div> 382 <div class="col-md-4"> 383 <div class="card mb-4 box-shadow"> 384 <a href="/find-and-replace.php"><img alt="Card image cap" class="card-img-top" src="/images/find-and-replace.png"></a> 385 <div class="card-body"> 386 <h3 class="card-title"><a href="/find-and-replace.php">FIND AND REPLACE</a></h3> 387 <small class="text-muted"><i class="bi bi-eye"></i> 3478 <i class="bi bi-eye"></i></small> 388 <div class="card-text"><p>Find and replace all the instances of a string for another in a text or code.</p></div> 389 </div> 390 </div> 391 </div> 392 <div class="col-md-4"> 393 <div class="card mb-4 box-shadow"> 394 <a href="/remove-special-characters.php"><img alt="Card image cap" class="card-img-top" src="/images/remove-special-characters.png"></a> 395 <div class="card-body"> 396 <h3 class="card-title"><a href="/remove-special-characters.php">REMOVE SPECIAL CHARACTERS</a></h3> 397 <small class="text-muted"><i class="bi bi-eye"></i> 4086 <i class="bi bi-eye"></i></small> 398 <div class="card-text"><p>Use this tool to remove the following special characters from a text: [ & / \ # , + ( ) $ ~ % . ' " : * ? < > { } ].</p></div> 399 </div> 400 </div> 401 </div> 402 <div class="col-md-4"> 403 <div class="card mb-4 box-shadow"> 404 <a href="/capitalizing-first-letter.php"><img alt="Card image cap" class="card-img-top" src="/images/capitalizing-first-letter.png"></a> 405 <div class="card-body"> 406 <h3 class="card-title"><a href="/capitalizing-first-letter.php">CAPITALIZING FIRST LETTER</a></h3> 407 <small class="text-muted"><i class="bi bi-eye"></i> 3230 <i class="bi bi-eye"></i></small> 408 <div class="card-text"><p>Use this tool to capitalize the first letter of each word from a text.</p></div> 409 </div> 410 </div> 411 </div> 412 <div class="col-md-4"> 413 <div class="card mb-4 box-shadow">
414 <a href="/text-to-pascal-case.php"><img alt="Card image cap" class="card-img-top" src="/images/text-to-pascal-case.png"></a> 415 <div class="card-body"> 416 <h3 class="card-title"><a href="/text-to-pascal-case.php">TEXT TO PASCAL CASE</a></h3> 417 <small class="text-muted"><i class="bi bi-eye"></i> 3189 <i class="bi bi-eye"></i></small> 418 <div class="card-text"><p>Use this tool to convert a text to Pascal Case (YourTextLikeThis).</p></div> 419 </div> 420 </div> 421 </div> 422 <div class="col-md-4"> 423 <div class="card mb-4 box-shadow"> 424 <a href="/text-to-camel-case.php"><img alt="Card image cap" class="card-img-top" src="/images/text-to-camel-case.png"></a> 425 <div class="card-body"> 426 <h3 class="card-title"><a href="/text-to-camel-case.php">TEXT TO CAMEL CASE</a></h3> 427 <small class="text-muted"><i class="bi bi-eye"></i> 3262 <i class="bi bi-eye"></i></small> 428 <div class="card-text"><p>Use this tool to convert a text to Camel Case (yourTextLikeThis).</p></div> 429 </div> 430 </div> 431 </div> 432 <div class="col-md-4"> 433 <div class="card mb-4 box-shadow"> 434 <a href="/random-password-generator.php"><img alt="Card image cap" class="card-img-top" src="/images/random-password-generator.png"></a> 435 <div class="card-body"> 436 <h3 class="card-title"><a href="/random-password-generator.php">RANDOM PASSWORD GENERATOR</a></h3> 437 <small class="text-muted"><i class="bi bi-eye"></i> 3657 <i class="bi bi-eye"></i></small> 438 <div class="card-text"><p>Need a new secure password? Use this tool to generate a secure password for you.</p></div> 439 </div> 440 </div> 441 </div> 442 <div class="col-md-4"> 443 <div class="card mb-4 box-shadow"> 444 <a href="/characters-and-symbols.php"><img alt="Card image cap" class="card-img-top" src="/images/characters-and-symbols.png"></a> 445 <div class="card-body"> 446 <h3 class="card-title"><a href="/characters-and-symbols.php">CHARACTERS AND SYMBOLS </a></h3> 447 <small class="text-muted"><i class="bi bi-eye"></i> 3037 <i class="bi bi-eye"></i></small> 448 <div class="card-text"><p>All the weird text characters and symbols with their HTML code in one convenient tool.</p></div> 449 </div> 450 </div> 451 </div> 452 <div class="col-md-4"> 453 <div class="card mb-4 box-shadow"> 454 <a href="/reverse-text.php"><img alt="Card image cap" class="card-img-top" src="/images/reverse-text.png"></a> 455 <div class="card-body"> 456 <h3 class="card-title"><a href="/reverse-text.php">REVERSE TEXT</a></h3> 457 <small class="text-muted"><i class="bi bi-eye"></i> 3182 <i class="bi bi-eye"></i></small> 458 <div class="card-text"><p>Use this tool to reverse a text (Hello -> olleH).</p></div> 459 </div> 460 </div> 461 </div> 462 <div class="col-md-4"> 463 <div class="card mb-4 box-shadow"> 464 <a href="/string-and-word-count.php"><img alt="Card image cap" class="card-img-top" src="/images/string-and-word-count.png"></a> 465 <div class="card-body"> 466 <h3 class="card-title"><a href="/string-and-word-count.php">STRING AND WORD COUNT</a></h3> 467 <small class="text-muted"><i class="bi bi-eye"></i> 3296 <i class="bi bi-eye"></i></small> 468 <div class="card-text"><p>Paste a text into this tool to count the number of characters and number of words.</p></div> 469 </div> 470 </div> 471 </div> 472 <div class="col-md-4"> 473 <div class="card mb-4 box-shadow"> 474 <a href="/text-to-html-encode.php"><img alt="Card image cap" class="card-img-top" src="/images/text-to-html-encode.png"></a> 475 <div class="card-body"> 476 <h3 class="card-title"><a href="/text-to-html-encode.php">TEXT TO HTML ENCODE</a></h3> 477 <small class="text-muted"><i class="bi bi-eye"></i> 3242 <i class="bi bi-eye"></i></small> 478 <div class="card-text"><p>Paste a text into this tool to encode it in HTML format (& -> &amp;).</p></div> 479 </div> 480 </div> 481 </div> 482 <div class="col-md-4"> 483 <div class="card mb-4 box-shadow"> 484 <a href="/html-color-picker.php"><img alt="Card image cap" class="card-img-top" src="/images/html-color-picker.png"></a> 485 <div class="card-body"> 486 <h3 class="card-title"><a href="/html-color-picker.php">HTML COLOR PICKER</a></h3> 487 <small class="text-muted"><i class="bi bi-eye"></i> 3448 <i class="bi bi-eye"></i></small> 488 <div class="card-text"><p>Convenient Color picker in HEX, RGBa, and HSVa.</p></div> 489 </div> 490 </div> 491 </div> 492 <div class="col-md-4"> 493 <div class="card mb-4 box-shadow"> 494 <a href="/htmleditor.php"><img alt="Card image cap" class="card-img-top" src="/images/html-editor.png"></a> 495 <div class="card-body"> 496 <h3 class="card-title"><a href="/htmleditor.php">
496WYSIWYG HTML EDITOR</a></h3> 497 <small class="text-muted"><i class="bi bi-eye"></i> 4289 <i class="bi bi-eye"></i></small> 498 <div class="card-text"><p>WYSIWYG (What you see is what you get) HTML editor tool.</p></div> 499 </div> 500 </div> 501 </div> 502 <div class="col-md-4"> 503 <div class="card mb-4 box-shadow"> 504 <a href="/all-tools.php"><img alt="Card image cap" class="card-img-top" src="/images/FreeWebToolsLogo2.png"></a> 505 <div class="card-body"> 506 <h3 class="card-title"><a href="/all-tools.php">ALL TOOLS IN ONE PAGE</a></h3> 507 <small class="text-muted"><i class="bi bi-eye"></i> 5186 <i class="bi bi-eye"></i></small> 508 <div class="card-text"><p>All your favorite Web Tools in one convinient page.</p></div> 509 </div> 510 </div> 511 </div> 512 </div> 513 </div> 514 </div> 515 516 <!-- FOOTER --> 517 <footer class="container py-5"> 518 <div class="row"> 519 <div class="col-12 col-md"> 520 <small class="d-block mb-3 text-muted text-center">© 2026 <a href="https://astralmemories.com" target="_blank">Astral Memories</a> <br> <a href="/privacy.php">Privacy Policy</a></small> 521 </div> 522 <div class="col-6 col-md"><h5>Web Tools</h5><ul class="list-unstyled text-small"><li><a class="text-muted" href="/text-to-uppercase.php">TEXT TO UPPERCASE</a></li><li><a class="text-muted" href="/text-to-lowercase.php">TEXT TO LOWERCASE</a></li><li><a class="text-muted" href="/find-and-replace.php">FIND AND REPLACE</a></li><li><a class="text-muted" href="/remove-special-characters.php">REMOVE SPECIAL CHARACTERS</a></li><li><a class="text-muted" href="/capitalizing-first-letter.php">CAPITALIZING FIRST LETTER</a></li></ul></div><div class="col-6 col-md"><h5>Web Tools</h5><ul class="list-unstyled text-small"><li><a class="text-muted" href="/text-to-pascal-case.php">TEXT TO PASCAL CASE</a></li><li><a class="text-muted" href="/text-to-camel-case.php">TEXT TO CAMEL CASE</a></li><li><a class="text-muted" href="/random-password-generator.php">RANDOM PASSWORD GENERATOR</a></li><li><a class="text-muted" href="/characters-and-symbols.php">CHARACTERS AND SYMBOLS </a></li><li><a class="text-muted" href="/reverse-text.php">REVERSE TEXT</a></li></ul></div><div class="col-6 col-md"><h5>Web Tools</h5><ul class="list-unstyled text-small"><li><a class="text-muted" href="/string-and-word-count.php">STRING AND WORD COUNT</a></li><li><a class="text-muted" href="/text-to-html-encode.php">TEXT TO HTML ENCODE</a></li><li><a class="text-muted" href="/html-color-picker.php">HTML COLOR PICKER</a></li><li><a class="text-muted" href="/htmleditor.php">WYSIWYG HTML EDITOR</a></li><li><a class="text-muted" href="/all-tools.php">ALL TOOLS IN ONE PAGE</a></li></ul></div> <div class="col-6 col-md"> 523 <h5>More Tools</h5> 524 <ul class="list-unstyled text-small"> 525 <li> 526 <a class="text-muted" href="https://midipiano.freewebtools.net/" target="_blank">MIDI Piano</a> 527 </li> 528 <li> 529 <a class="text-muted" href="https://screencolorlight.freewebtools.net/" target="_blank">Screen Color Light</a> 530 </li> 531 </ul> 532 </div> 533 </div> 534 <div class="social-icons-container"> 535 <a class="social-icons" href="https://astralmemories.com" target="_blank"><i class="bi bi-globe"></i></a> 536 <a class="social-icons" href="https://seniorportfolio.astralmemories.com" target="_blank"><i class="bi bi-person-lines-fill"></i></a> 537 <a class="social-icons" href="https://www.linkedin.com/in/leonardo-signorelli" target="_blank"><i class="bi bi-linkedin"></i></a> 538 <a class="social-icons" href="https://www.youtube.com/user/astralmemoriesvj" target="_blank"><i class="bi bi-youtube"></i></a> 539 <a class="social-icons" href="https://www.instagram.com/astralmemories" target="_blank"><i class="bi bi-instagram"></i></a> 540 <a class="social-icons" href="https://www.facebook.com/astralmemoriesvj" target="_blank"><i class="bi bi-facebook"></i></a> 541 </div> 542</footer> </main> 543 544 <!-- Bootstrap core JavaScript 545 ================================================== --> 546 <!-- Placed at the end of the document so the pages load faster --> 547
547<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
547 548
548<script>window.jQuery || document.write('
548<script src="js/jquery/jquery-slim.min.js"><\/script>')</script>
548 549
549<script src="js/popperjs/popper.min.js"></script>
549 550
550<script src="js/bootstrap/bootstrap.min.js"></script>
550 551
551<script src="js/custom/dark-template.js"></script>
551 552</body> 553</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.