<!DOCTYPE html><html lang="en" dir="ltr"> <head> <title>Online Web Tools - Webb Tools</title> <base href="https://webbtools.com/"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <meta name="description" content="Webb Tools is a complete online web application for both daily users and developers." /> <meta name="keywords" content="Webb Tools, Online Webb Tools" /> <!-- Open Graph / Facebook / Twitter --> <meta property="og:type" content="website" /> <meta property="twitter:type" content="website" /> <meta property="og:url" content="https://webbtools.com/" /> <meta property="twitter:url" content="https://webbtools.com/" /> <meta property="og:description" content="Webb Tools is a complete online web application for both daily users and developers." /> <meta property="twitter:description" content="Webb Tools is a complete online web application for both daily users and developers." /> <meta property="og:image" content="https://webbtools.com/uploads/main/3b0e95c84891d1537e53f7ac55b476e3.png" /> <meta property="twitter:image" content="https://webbtools.com/uploads/main/3b0e95c84891d1537e53f7ac55b476e3.png" /> <link rel="alternate" href="https://webbtools.com/" hreflang="x-default" /> <link href="https://webbtools.com/uploads/main/3da199e4e2d82b2124a1111e332f88f0.png" rel="shortcut icon" /> <link href="https://webbtools.com/themes/altum/assets/css/bootstrap.min.css?v=200" id="css_theme_style" rel="stylesheet" media="screen,print"> <link href="https://webbtools.com/themes/altum/assets/css/custom.css?v=200" rel="stylesheet" media="screen,print"> </head> <body class=" " data-theme-style="light"> <div data-announcement="guests" class="w-100 py-3" style="background-color: #161b38;"> <div class="container d-flex justify-content-center position-relative"> <div class="row w-100"> <div class="col"> <div class="text-center" style="color: #fafafa;">Welcome! Register & get access to all Webb tools on our website.</div> </div> <div class="col-auto px-0"> <div> <button data-announcement-close="guests" data-announcement-id="314fadfbcf586a27d4c0c516fdc80b6d" type="button" class="close" data-dismiss="alert"> <i class="fa fa-sm fa-times" style="color: #fafafa; opacity: .5;"></i> </button> </div> </div> </div> </div> </div> <div class="container mt-4"> <nav class="navbar navbar-expand-lg navbar-light bg-white border border-gray-200 "> <a class="navbar-brand" href="https://webbtools.com/"> <img src="https://webbtools.com/uploads/main/dd272df2e1b0378394f76eb75a7108d8.png" class="img-fluid navbar-logo" alt="Website Logo" /> </a> <button class="btn navbar-custom-toggler d-lg-none" type="button" data-toggle="collapse" data-target="#main_navbar" aria-controls="main_navbar" aria-expanded="false" aria-label="Toggle navigation"> <i class="fa fa-fw fa-bars"></i> </button> <div class="collapse navbar-collapse justify-content-end" id="main_navbar"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link text-primary" href="https://webbtools.com/login"> <i class="fa fa-sign-in-alt fa-fw fa-sm mr-2"></i> Sign in </a> </li> <li class="nav-item"> <a class="nav-link text-primary" href="https://webbtools.com/register"> <i class="fa fa-user-plus fa-fw fa-sm mr-2"></i> Sign up </a> </li> </ul> </div> </nav></div> <main class="altum-animate altum-animate-fill-none altum-animate-fade-in"> <div class="index-background pt-7 pb-7 mb-4"> <div class="container"> <div class="row justify-content-center"> <div class="col-11 col-md-10 col-lg-7"> <h1 class="index-header text-center mb-2">Online Webb Tools</h1> </div> <div class="col-10 col-sm-8 col-lg-6"> <p class="index-subheader text-center mb-5">Choose from over 40+ quick & easy to use web tools.</p> </div> </div> <div class="d-flex flex-column flex-lg-row justify-content-center"> <a href="#tools" class="btn btn-primary index-button mb-3 mb-lg-0 mr-lg-3"> <i class="fa fa-fw fa-xs fa-tools mr-1"></i> Use tools </a> <a href="https://webbtools.com/register" target="_blank" class="btn btn-gray-200 index-button mb-3 mb-lg-0"> <i class="fa fa-fw fa-xs fa-user-plus mr-1"></i> Sign up </a> </div> </div></div> <div class="container"> <h1 class="h3 mb-4">Tools</h1> <form action="" method="get" role="form"> <div class="form-group"> <input type="search" name="search" class="form-control form-control-lg" value="" placeholder="Search" aria-label="Search" /> </div> </form> <div class="row" id="tools"> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="dns_lookup" data-tool-name="DNS Lookup"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/dns_lookup" class="stretched-link"> <i class="fa fa-network-wired fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>DNS Lookup</strong> <p class="text-truncate small m-0">Find A, AAAA, CNAME, MX, NS, TXT, SOA DNS records of a host.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 861 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="ip_lookup" data-tool-name="IP Lookup"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/ip_lookup" class="stretched-link"> <i class="fa fa-search-location fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>IP Lookup</strong> <p class="text-truncate small m-0">Get approximate IP details.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 926 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="ssl_lookup" data-tool-name="SSL Lookup"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/ssl_lookup" class="stretched-link"> <i class="fa fa-lock fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>SSL Lookup</strong> <p class="text-truncate small m-0">Get all possible details about an SSL certificate.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 730 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="whois_lookup" data-tool-name="Whois Lookup"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/whois_lookup" class="stretched-link"> <i class="fa fa-fingerprint fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>Whois Lookup</strong> <p class="text-truncate small m-0">Get all possible details about a domain name.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 775 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="ping" data-tool-name="Ping"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/ping" class="stretched-link"> <i class="fa fa-server fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>Ping</strong> <p class="text-truncate small m-0">Ping a website, server or port..</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 848 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="md5_generator" data-tool-name="MD5 generator"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/md5_generator" class="stretched-link"> <i class="fa fa-hashtag fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>MD5 generator</strong> <p class="text-truncate small m-0">Generate an MD5 hash of 32 characters length for any string input.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 721 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="base64_converter" data-tool-name="Base64 converter"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/base64_converter" class="stretched-link"> <i class="fab fa-codepen fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>Base64 converter</strong> <p class="text-truncate small m-0">Use Base64 to encode or decode any string input.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 699 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="base64_image_converter" data-tool-name="Base64 image converter"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/base64_image_converter" class="stretched-link"> <i class="fa fa-image fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>Base64 image converter</strong> <p class="text-truncate small m-0">Encode or decode an image using Base64.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 710 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="url_converter" data-tool-name="URL converter"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/url_converter" class="stretched-link"> <i class="fa fa-link fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>URL converter</strong> <p class="text-truncate small m-0">Encode or decode any string input to the URL format.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 705 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="lorem_ipsum_generator" data-tool-name="Lorem Ipsum generator"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/lorem_ipsum_generator" class="stretched-link"> <i class="fa fa-paragraph fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>Lorem Ipsum generator</strong> <p class="text-truncate small m-0">Easily generate dummy text with the Lorem Ipsum generator.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 730 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="markdown_to_html" data-tool-name="Markdown to HTML"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/markdown_to_html" class="stretched-link"> <i class="fa fa-code fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>Markdown to HTML</strong> <p class="text-truncate small m-0">Convert markdown snippets to raw HTML code.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 748 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="case_converter" data-tool-name="Case converter"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/case_converter" class="stretched-link"> <i class="fa fa-text-height fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>Case converter</strong> <p class="text-truncate small m-0">Convert your text to any kind of text case, such as lowercase, UPPERCASE, camelCase...etc.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 732 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="uuid_v4_generator" data-tool-name="UUID v4 generator"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/uuid_v4_generator" class="stretched-link"> <i class="fa fa-compress fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>UUID v4 generator</strong> <p class="text-truncate small m-0">Easily generate v4 UUID's (Universally unique identifier) with the help of our tool.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 669 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="bcrypt_generator" data-tool-name="Bcrypt generator"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/bcrypt_generator" class="stretched-link"> <i class="fa fa-passport fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>Bcrypt generator</strong> <p class="text-truncate small m-0">Generate a bcrypt password hash for any string input.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 1,051 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="password_generator" data-tool-name="Password generator"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/password_generator" class="stretched-link"> <i class="fa fa-lock fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>Password generator</strong> <p class="text-truncate small m-0">Generate passwords with custom length and custom settings.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 707 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="password_strength_checker" data-tool-name="Password strength checker"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/password_strength_checker" class="stretched-link"> <i class="fa fa-key fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>Password strength checker</strong> <p class="text-truncate small m-0">Make sure your passwords are good enough.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 937 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="slug_generator" data-tool-name="Slug generator"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/slug_generator" class="stretched-link"> <i class="fa fa-grip-lines fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>Slug generator</strong> <p class="text-truncate small m-0">Generate a URL slug for any string input.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 661 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="html_minifier" data-tool-name="HTML minifier"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/html_minifier" class="stretched-link"> <i class="fab fa-html5 fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>HTML minifier</strong> <p class="text-truncate small m-0">Minify your HTML by removing all the unnecessary characters.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 749 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="css_minifier" data-tool-name="CSS minifier"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/css_minifier" class="stretched-link"> <i class="fab fa-css3 fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>CSS minifier</strong> <p class="text-truncate small m-0">Minify your CSS by removing all the unnecessary characters.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 680 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="js_minifier" data-tool-name="JS minifier"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/js_minifier" class="stretched-link"> <i class="fab fa-js fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>JS minifier</strong> <p class="text-truncate small m-0">Minify your JS by removing all the unnecessary characters.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 646 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="user_agent_parser" data-tool-name="User agent parser"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/user_agent_parser" class="stretched-link"> <i class="fa fa-columns fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>User agent parser</strong> <p class="text-truncate small m-0">Parse details from user agent strings.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 783 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="website_hosting_checker" data-tool-name="Website hosting checker"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/website_hosting_checker" class="stretched-link"> <i class="fa fa-server fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>Website hosting checker</strong> <p class="text-truncate small m-0">Get the web-host of a given website.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 806 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="character_counter" data-tool-name="Character counter"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/character_counter" class="stretched-link"> <i class="fa fa-font fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>Character counter</strong> <p class="text-truncate small m-0">Count the amount of characters and words of a given text.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 713 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="url_parser" data-tool-name="URL parser"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/url_parser" class="stretched-link"> <i class="fa fa-paperclip fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>URL parser</strong> <p class="text-truncate small m-0">Parse details from any URLs.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 631 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="color_converter" data-tool-name="Color converter"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/color_converter" class="stretched-link"> <i class="fa fa-paint-brush fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>Color converter</strong> <p class="text-truncate small m-0">Convert your color to multiple other formats.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 698 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="http_headers_lookup" data-tool-name="HTTP headers lookup"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/http_headers_lookup" class="stretched-link"> <i class="fa fa-asterisk fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>HTTP headers lookup</strong> <p class="text-truncate small m-0">Get all the HTTP headers that an URL returns for a typical GET request.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 687 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="duplicate_lines_remover" data-tool-name="Duplicate lines remover"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/duplicate_lines_remover" class="stretched-link"> <i class="fa fa-text-width fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>Duplicate lines remover</strong> <p class="text-truncate small m-0">Easily remove duplicate lines from a text.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 676 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="text_to_speech" data-tool-name="Text to speech"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/text_to_speech" class="stretched-link"> <i class="fa fa-microphone fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>Text to speech</strong> <p class="text-truncate small m-0">Use the Google translator API to generate text to speech audio.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 631 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="idn_punnycode_converter" data-tool-name="IDN Punnycode converter"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/idn_punnycode_converter" class="stretched-link"> <i class="fa fa-italic fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>IDN Punnycode converter</strong> <p class="text-truncate small m-0">Easily convert IDN to Punnycode and back.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 719 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="json_validator_beautifier" data-tool-name="JSON validator & beautifier"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/json_validator_beautifier" class="stretched-link"> <i class="fa fa-project-diagram fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>JSON validator & beautifier</strong> <p class="text-truncate small m-0">Validate JSON content and make it looks good.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 605 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="qr_code_reader" data-tool-name="QR code reader"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/qr_code_reader" class="stretched-link"> <i class="fa fa-qrcode fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>QR code reader</strong> <p class="text-truncate small m-0">Upload a QR code image and extract the data out of it.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 584 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="meta_tags_checker" data-tool-name="Meta tags checker"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/meta_tags_checker" class="stretched-link"> <i class="fa fa-external-link-alt fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>Meta tags checker</strong> <p class="text-truncate small m-0">Get & verify the meta tags of any website.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 775 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="exif_reader" data-tool-name="Exif reader"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/exif_reader" class="stretched-link"> <i class="fa fa-camera fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>Exif reader</strong> <p class="text-truncate small m-0">Upload a image and extract the data out of it.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 662 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="sql_beautifier" data-tool-name="SQL formatter/beautifier"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/sql_beautifier" class="stretched-link"> <i class="fa fa-database fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>SQL formatter/beautifier</strong> <p class="text-truncate small m-0">Format & beautify your SQL code with ease.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 623 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="html_entity_converter" data-tool-name="HTML entity converter"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/html_entity_converter" class="stretched-link"> <i class="fa fa-file-code fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>HTML entity converter</strong> <p class="text-truncate small m-0">Encode or decode HTML entities for any given input.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 678 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="binary_converter" data-tool-name="Binary converter"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/binary_converter" class="stretched-link"> <i class="fa fa-list-ol fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>Binary converter</strong> <p class="text-truncate small m-0">Convert text to binary and the other way for any string input.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 620 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="hex_converter" data-tool-name="Hex converter"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/hex_converter" class="stretched-link"> <i class="fa fa-dice-six fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>Hex converter</strong> <p class="text-truncate small m-0">Convert text to hexadecimal and the other way for any string input.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 633 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="mailto_link_generator" data-tool-name="Mailto link generator"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/mailto_link_generator" class="stretched-link"> <i class="fa fa-envelope-open fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>Mailto link generator</strong> <p class="text-truncate small m-0">Generate deep link mailto with subject, body, cc, bcc & get the HTML code as well.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 1,095 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="youtube_thumbnail_downloader" data-tool-name="YouTube thumbnail downloader"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/youtube_thumbnail_downloader" class="stretched-link"> <i class="fab fa-youtube fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>YouTube thumbnail downloader</strong> <p class="text-truncate small m-0">Easily download any YouTube video thumbnail in all the available sizes.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 614 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="safe_url_checker" data-tool-name="Safe URL checker"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/safe_url_checker" class="stretched-link"> <i class="fab fa-google fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>Safe URL checker</strong> <p class="text-truncate small m-0">Check if the URL is banned and marked as safe/unsafe by Google.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 784 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="whatsapp_link_generator" data-tool-name="WhatsApp link generator"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/whatsapp_link_generator" class="stretched-link"> <i class="fab fa-whatsapp fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>WhatsApp link generator</strong> <p class="text-truncate small m-0">Generate whatsapp message links with ease.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 668 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="youtube_timestamp_link_generator" data-tool-name="YouTube Timestamp link generator"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/youtube_timestamp_link_generator" class="stretched-link"> <i class="fab fa-youtube fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>YouTube Timestamp link generator</strong> <p class="text-truncate small m-0">Generated youtube links with exact start timestamp, helpful for mobile users.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 682 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="google_cache_checker" data-tool-name="Google cache checker"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/google_cache_checker" class="stretched-link"> <i class="fab fa-google-drive fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>Google cache checker</strong> <p class="text-truncate small m-0">Check if the URL is cached or not by Google.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 859 </div> </div> </div> </div> <div class="col-12 col-lg-6 mb-4 position-relative" data-tool-id="url_redirect_checker" data-tool-name="URL redirect checker"> <div class="card d-flex flex-row h-100 overflow-hidden " > <div class="px-3 d-flex flex-column justify-content-center"> <div class="p-2 bg-primary-100 d-flex align-items-center justify-content-center"> <a href="https://webbtools.com/tools/url_redirect_checker" class="stretched-link"> <i class="fa fa-directions fa-fw text-primary-600"></i> </a> </div> </div> <div class="card-body text-truncate"> <strong>URL redirect checker</strong> <p class="text-truncate small m-0">Check for 301 & 302 redirects of a specific URL. It will check for up to 10 redirects.</p> </div> <div class="p-3"> <div class="badge badge-gray-100" data-toggle="tooltip" title="Total views"> <i class="fa fa-fw fa-sm fa-eye mr-1"></i> 874 </div> </div> </div> </div> </div></div> <div class="my-5"> </div> <div class="container"> <div class="text-center mb-5"> <h2>Webb Tools ?</h2> <p class="text-muted">Webb Tools offer a collection of free online web tools for both daily users and developers. Whatever you are looking for, we will have the right tool for you to use throughout your day. Webb Tools is always being developed and improved to give you the best experience when using our web site. We will be adding more tools in the future and hope that you find many uses for them.</p> </div> <div class="row justify-content-around"> </div> </div> <div class="my-3"> </div> <div class="container"> <div class="card"> <div class="card-body"> <div class="d-flex flex-column flex-lg-row justify-content-between align-items-lg-center"> <div> <h2 class="h4 text-gray-900">Get started</h2> <p class="text-muted">Register & get access to all tools on our website.</p> </div> <div> <a href="https://webbtools.com/register" class="btn btn-primary btn-block index-button">Sign up</a> </div> </div> </div> </div> </div> </main> <div class="container d-print-none"> <footer class="app-footer"> <div class="d-flex flex-column flex-lg-row justify-content-between mb-3"> <div class="mb-3 mb-lg-0"> <a class="h5" href="https://webbtools.com/"> <img src="https://webbtools.com/uploads/main/dd272df2e1b0378394f76eb75a7108d8.png" class="mb-2 footer-logo" alt="Website Logo" /> </a> <div>Copyright © 2025 Webb Tools.</div> </div> <div class="d-flex flex-column flex-lg-row"> <div class="mb-2 ml-lg-3"> <button type="button" id="switch_theme_style" class="btn btn-link text-decoration-none p-0" data-toggle="tooltip" title="Switch to Dark Mode" data-title-theme-style-light="Switch to Light Mode" data-title-theme-style-dark="Switch to Dark Mode"> <span data-theme-style="light" class=""><i class="fa fa-fw fa-sm fa-sun mr-1"></i> Light</span> <span data-theme-style="dark" class="d-none"><i class="fa fa-fw fa-sm fa-moon mr-1"></i> Dark</span> </button> </div> </div></div> <div class="row"> <div class="col-12 col-lg mb-3"> <ul class="list-style-none d-flex flex-column flex-lg-row flex-wrap m-0"> <li class="mb-2 mr-lg-3"><a href="https://webbtools.com/blog">Blog</a></li> <li class="mb-2 mr-lg-3"><a href="https://webbtools.com/page/privacy-and-policy" target="_self">Privacy & Policy</a></li> <li class="mb-2 mr-lg-3"><a href="https://webbtools.com/page/terms-and-conditions" target="_self">Terms & Conditions</a></li> <li class="mb-2 mr-lg-3"><a href="https://websitestatistic.com/" target="_blank">Website Statistic</a></li> <li class="mb-2 mr-lg-3"><a href="https://shortener.net/" target="_blank">URL Shortener</a></li> <li class="mb-2 mr-lg-3"><a href="https://www.strategees.com/" target="_blank">SEO Tools</a></li> </ul> </div> <div class="col-12 col-lg-auto"> <div class="d-flex flex-wrap"> </div> </div></div> </footer> </div> <input type="hidden" name="global_site_url" value="https://webbtools.com/" /><input type="hidden" name="global_url" value="https://webbtools.com/" /><input type="hidden" name="global_token" value="f20558366193c506953e39449cde8973" /><input type="hidden" name="global_number_decimal_point" value="." /><input type="hidden" name="global_number_thousands_separator" value="," /> <script> /* Some global variables */ window.altum = {}; let global_token = document.querySelector('input[name="global_token"]').value; let site_url = document.querySelector('input[name="global_site_url"]').value; let url = document.querySelector('input[name="global_url"]').value; let decimal_point = document.querySelector('[name="global_number_decimal_point"]').value; let thousands_separator = document.querySelector('[name="global_number_thousands_separator"]').value;</script> <script src="https://webbtools.com/themes/altum/assets/js/libraries/jquery.slim.min.js?v=200"></script> <script src="https://webbtools.com/themes/altum/assets/js/libraries/popper.min.js?v=200"></script> <script src="https://webbtools.com/themes/altum/assets/js/libraries/bootstrap.min.js?v=200"></script> <script src="https://webbtools.com/themes/altum/assets/js/main.js?v=200"></script> <script src="https://webbtools.com/themes/altum/assets/js/functions.js?v=200"></script> <script src="https://webbtools.com/themes/altum/assets/js/libraries/fontawesome.min.js?v=200"></script> <script src="https://webbtools.com/themes/altum/assets/js/libraries/fontawesome-solid.min.js?v=200"></script> <script src="https://webbtools.com/themes/altum/assets/js/libraries/fontawesome-brands.modified.js?v=200"></script> <script> 'use strict'; let tools = []; document.querySelectorAll('[data-tool-id]').forEach(element => tools.push({ id: element.getAttribute('data-tool-id'), name: element.getAttribute('data-tool-name').toLowerCase(), })); document.querySelector('input[name="search"]').addEventListener('keyup', event => { let string = event.currentTarget.value.toLowerCase(); for(let tool of tools) { if(tool.name.includes(string)) { document.querySelector(`[data-tool-id="${tool.id}"]`).classList.remove('d-none'); } else { document.querySelector(`[data-tool-id="${tool.id}"]`).classList.add('d-none'); } } });</script><script> document.querySelector('#switch_theme_style').addEventListener('click', event => { let theme_style = document.querySelector('body[data-theme-style]').getAttribute('data-theme-style'); let new_theme_style = theme_style == 'light' ? 'dark' : 'light'; /* Set a cookie with the new theme style */ set_cookie('theme_style', new_theme_style, 30, "\/"); /* Change the css and button on the page */ let css = document.querySelector(`#css_theme_style`); document.querySelector(`body[data-theme-style]`).setAttribute('data-theme-style', new_theme_style); switch(new_theme_style) { case 'dark': css.setAttribute('href', "https:\/\/webbtools.com\/themes\/altum\/assets\/css\/bootstrap-dark.min.css?v=200"); document.body.classList.add('c_darkmode'); break; case 'light': css.setAttribute('href', "https:\/\/webbtools.com\/themes\/altum\/assets\/css\/bootstrap.min.css?v=200"); document.body.classList.remove('c_darkmode'); break; } document.querySelector(`#switch_theme_style`).setAttribute('data-original-title', document.querySelector(`#switch_theme_style`).getAttribute(`data-title-theme-style-${theme_style}`)); document.querySelector(`#switch_theme_style [data-theme-style="${new_theme_style}"]`).classList.remove('d-none'); document.querySelector(`#switch_theme_style [data-theme-style="${theme_style}"]`).classList.add('d-none'); $(`#switch_theme_style`).tooltip('hide').tooltip('show'); event.preventDefault(); });</script> <script> document.querySelector('[data-announcement-close]').addEventListener('click', event => { let type = event.currentTarget.getAttribute('data-announcement-close'); let id = event.currentTarget.getAttribute('data-announcement-id'); document.querySelector(`[data-announcement="${type}"]`).style.display = 'none'; set_cookie(`announcement_${type}_id`, id, 15, "\/"); }) </script> </body></html> 
