PageSourceSearch

https://freewebtools.net/

html freewebtools.net collected 2026-10-06 06:51:46 UTC 39,453 bytes, 553 lines download raw bytes

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 &raquo;</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 &raquo;</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: [ &amp; / \ # , + ( ) $ ~ % . ' " : * ? &lt; &gt; { } ].</p>                            <p><a class="btn btn-primary" href="/remove-special-characters.php" role="button">Open Tool &raquo;</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 &raquo;</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: [ &amp; / \ # , + ( ) $ ~ % . ' " : * ? &lt; &gt; { } ].</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 -&gt; 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; -&gt; &amp;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">&copy; 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.