<!DOCTYPE html>
<html lang="en" dir="ltr">
    <head>
        <title>Your all-in-one social tool - Transformasi URL</title>
        <base href="https://siapa.net/">
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />

        
                
        <!-- Open graph / Twitter markup -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://siapa.net/" />
<meta property="og:title" content="Your all-in-one social tool - Transformasi URL" />
<meta property="og:site_name" content="Transformasi URL" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://siapa.net/" />
<meta name="twitter:title" content="Your all-in-one social tool - Transformasi URL" />

                    <link rel="canonical" href="https://siapa.net/" />
        
        
                    <link rel="alternate" href="https://siapa.net/" hreflang="x-default" />
                    
        
        <link href="https://siapa.net/themes/altum/assets/css/bootstrap.min.css?v=5400" id="css_theme_style" rel="stylesheet" media="screen,print">
                    <link href="https://siapa.net/themes/altum/assets/css/custom.css?v=5400" rel="stylesheet" media="screen,print">
        
        <link rel="stylesheet" href="https://siapa.net/themes/altum/assets/css/libraries/aos.min.css?v=5400">

        
        
            </head>

    <body class="index  " data-theme-style="light">
        
                
                
                
        

    
        
                        
        <div class="container pt-4">
            
<nav id="navbar" class="navbar navbar-main navbar-expand-lg navbar-light mb-6 index-highly-rounded border border-gray-100">
    <div class="container">
        <a
                class="navbar-brand d-flex"
                href="https://siapa.net/"
                data-logo
                data-light-value="Transformasi URL"
                data-light-class=""
                data-light-tag="span"
                data-dark-value="Transformasi URL"
                data-dark-class=""
                data-dark-tag="span"
        >
                            Transformasi URL                    </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="fas 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" href="https://siapa.net/tools">Tools</a></li>
                
                                    <li class="nav-item"><a class="nav-link" href="https://siapa.net/directory">Directory</a></li>
                
                
                    <li class="nav-item d-flex align-items-center">
                        <a class="btn btn-sm btn-outline-primary" href="https://siapa.net/login"><i class="fas fa-fw fa-sm fa-sign-in-alt"></i> Sign in</a>
                    </li>

                                            <li class="nav-item d-flex align-items-center">
                            <a class="btn btn-sm btn-primary" href="https://siapa.net/register"><i class="fas fa-fw fa-sm fa-user-plus"></i> Sign up</a>
                        </li>
                    
                
            </ul>
        </div>
    </div>
</nav>
        </div>

        
        <main class="altum-animate altum-animate-fill-none altum-animate-fade-in">
            
<div class="index-container">
    <div class="container index-container-content">
        
        <div class="row">
            <div class="col">
                <div class="text-left">
                    <div class="mb-2">
                        <span class="badge badge-pill badge-light">
                            <i class="fas fa-fw fa-star fa-sm text-warning"></i><i class="fas fa-fw fa-star fa-sm text-warning"></i><i class="fas fa-fw fa-star fa-sm text-warning"></i><i class="fas fa-fw fa-star fa-sm text-warning"></i><i class="fas fa-fw fa-star fa-sm text-warning mr-1"></i>
                            Loved by <span class="font-weight-bolder">90+</span> creators                        </span>
                    </div>

                    <h1 class="index-header mb-4">A marketing wizard, all-in-one.</h1>

                    <div class="row mb-5">
                                                    <div class="col-6 col-xl-4 index-feature">
                                <a href="https://siapa.net/links?type=biolink">
                                    📱 &nbsp; Bio pages                                </a>
                            </div>
                        
                                                    <div class="col-6 col-xl-4 index-feature">
                                <a href="https://siapa.net/links?type=link">
                                    🔗 &nbsp; Short links                                </a>
                            </div>
                        
                                                    <div class="col-6 col-xl-4 index-feature">
                                <a href="https://siapa.net/links?type=file">
                                    📃 &nbsp; Transfer files                                </a>
                            </div>
                        
                                                    <div class="col-6 col-xl-4 index-feature">
                                <a href="https://siapa.net/links?type=vcard">
                                    👤 &nbsp; Share vcards                                </a>
                            </div>
                        
                                                    <div class="col-6 col-xl-4 index-feature">
                                <a href="https://siapa.net/links?type=event">
                                    📆 &nbsp; Event links                                </a>
                            </div>
                        
                                                    <div class="col-6 col-xl-4 index-feature">
                                <a href="https://siapa.net/links?type=static">
                                    🧑‍💻 &nbsp; Host HTML                                </a>
                            </div>
                        
                                                    <div class="col-6 col-xl-4 index-feature">
                                <a href="https://siapa.net/qr-codes">
                                    🤳 &nbsp; QR codes                                </a>
                            </div>
                        
                                                    <div class="col-6 col-xl-4 index-feature">
                                <a href="https://siapa.net/tools">
                                    🛠️ &nbsp; Web tools                                </a>
                            </div>
                                            </div>

                    <div class="d-flex flex-column">
                                                    
                            <a id="claim_button" href="https://siapa.net/register" class="btn index-button index-button-white bg-gradient border-0 mb-3 ">
                                Get Started <i class="fas fa-fw fa-sm fa-arrow-right"></i>
                            </a>
                        
                                                                                            </div>
                </div>
            </div>

            <div class="d-none d-lg-flex justify-content-center col">
                <img src="https://siapa.net/themes/altum/assets/images/index/hero-one.webp" class="index-image index-image-one" alt="Screenshot of biolink page examples" />
                <img src="https://siapa.net/themes/altum/assets/images/index/hero-two.webp" class="index-image index-image-two" alt="Screenshot of biolink page examples" />
            </div>

        </div>
    </div>
</div>

    <div class="container mt-6">
        <div class="card index-highly-rounded border-0" data-aos="fade-up">
            <div class="card-body">
                <div class="row">
                    <div class="col-auto col-lg-5 mb-4 mb-lg-0">
                        <img src="https://siapa.net/themes/altum/assets/images/index/bio-link.webp" class="index-card-image index-highly-rounded" loading="lazy" alt="Screenshot of the app biolink editing page" />
                    </div>
                    <div class="col ml-3">
                        <div class="bg-primary-100 p-3 w-fit-content rounded">
                            <i class="fas fa-fw fa-users fa-lg text-primary"></i>
                        </div>

                        <h2 class="mt-3">Bio link pages</h2>
                        <p class="h6 mt-3">Create your own unique & highly customizable bio link page with ease.</p>

                        <ul class="list-style-none mt-4 font-size-small">
                            <li class="d-flex align-items-center mb-2">
                                <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                                <div>Custom colors & branding</div>
                            </li>
                            <li class="d-flex align-items-center mb-2">
                                <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                                <div>Tons of ready-to-use components</div>
                            </li>
                            <li class="d-flex align-items-center mb-2">
                                <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                                <div>SEO settings</div>
                            </li>
                            <li class="d-flex align-items-center mb-2">
                                <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                                <div>Password protection, sensitive content warning</div>
                            </li>
                            <li class="d-flex align-items-center mb-2">
                                <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                                <div>Countless pre-made templates & themes</div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container mt-6">
        <div class="card index-highly-rounded border-0" data-aos="fade-up">
            <div class="card-body">
                <div class="row">
                    <div class="col-auto col-lg-5 mb-4 mb-lg-0">
                        <img src="https://siapa.net/themes/altum/assets/images/index/short-link.webp" class="index-card-image index-highly-rounded" loading="lazy" alt="Screenshot of the app short URL editing page" />
                    </div>
                    <div class="col ml-3">
                        <div class="bg-primary-100 p-3 w-fit-content rounded">
                            <i class="fas fa-fw fa-link fa-lg text-primary"></i>
                        </div>

                        <h2 class="mt-3">Shortened links</h2>
                        <p class="h6 mt-3">A state of the art URL shortener service.</p>

                        <ul class="list-style-none mt-4 font-size-small">
                            <li class="d-flex align-items-center mb-2">
                                <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                                <div>Scheduling & expiration limits</div>
                            </li>
                            <li class="d-flex align-items-center mb-2">
                                <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                                <div>Country, device & language targeting</div>
                            </li>
                            <li class="d-flex align-items-center mb-2">
                                <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                                <div>A/B Rotation</div>
                            </li>
                            <li class="d-flex align-items-center mb-2">
                                <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                                <div>Password protection, sensitive content warning</div>
                            </li>
                            <li class="d-flex align-items-center mb-2">
                                <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                                <div>Deep links support for apps</div>
                            </li>
                            <li class="d-flex align-items-center mb-2">
                                <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                                <div>Advanced URL cloaking</div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container mt-6">
        <div class="card index-highly-rounded border-0" data-aos="fade-up">
            <div class="card-body">
                <div class="row">
                    <div class="col-auto col-lg-5 mb-4 mb-lg-0">
                        <img src="https://siapa.net/themes/altum/assets/images/index/static-link.webp" class="index-card-image index-highly-rounded" loading="lazy" alt="Screenshot of the app static sites hosting system" />
                    </div>
                    <div class="col ml-3">
                        <div class="bg-primary-100 p-3 w-fit-content rounded">
                            <i class="fas fa-fw fa-file-code fa-lg text-primary"></i>
                        </div>

                        <h2 class="mt-3">Host static sites</h2>
                        <p class="h6 mt-3">Upload your website files and we will host them for you.</p>

                        <ul class="list-style-none mt-4 font-size-small">
                            <li class="d-flex align-items-center mb-2">
                                <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                                <div>HTML, CSS, JS, Video / Audio files.</div>
                            </li>
                            <li class="d-flex align-items-center mb-2">
                                <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                                <div>Analytics, password protected</div>
                            </li>
                            <li class="d-flex align-items-center mb-2">
                                <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                                <div>Automated tracking pixels</div>
                            </li>
                            <li class="d-flex align-items-center mb-2">
                                <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                                <div>and much more...</div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container mt-6">
        <div class="card index-highly-rounded border-0" data-aos="fade-up">
            <div class="card-body">
                <div class="row">
                    <div class="col-auto col-lg-5 mb-4 mb-lg-0">
                        <img src="https://siapa.net/themes/altum/assets/images/index/qr-code.webp" class="index-card-image index-highly-rounded" loading="lazy" alt="Screenshot of the app QR code system page" />
                    </div>
                    <div class="col ml-3">
                        <div class="bg-primary-100 p-3 w-fit-content rounded">
                            <i class="fas fa-fw fa-qrcode fa-lg text-primary"></i>
                        </div>

                        <h2 class="mt-3">QR Codes</h2>
                        <p class="h6 mt-3">Fully featured QR code generator system with easy to use templates.</p>

                        <ul class="list-style-none mt-4 font-size-small">
                            <li class="d-flex align-items-center mb-2">
                                <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                                <div>Custom colors with gradients</div>
                            </li>
                            <li class="d-flex align-items-center mb-2">
                                <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                                <div>Custom logo & background branding</div>
                            </li>
                            <li class="d-flex align-items-center mb-2">
                                <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                                <div>Multiple QR shapes to choose from</div>
                            </li>
                            <li class="d-flex align-items-center mb-2">
                                <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                                <div>Customizable QR Code Frames</div>
                            </li>
                            <li class="d-flex align-items-center mb-2">
                                <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                                <div>Vcard, WiFi, Calendar, Location..etc templates</div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

<div class="container mt-6">
    <div class="card index-highly-rounded border-0" data-aos="fade-up">
        <div class="card-body">
            <div class="row">
                <div class="col-auto col-lg-5 mb-4 mb-lg-0">
                    <img src="https://siapa.net/themes/altum/assets/images/index/analytics.webp" class="index-card-image index-highly-rounded" loading="lazy" alt="Screenshot of the app links analytics system page" />
                </div>
                <div class="col ml-3">
                    <div class="bg-primary-100 p-3 w-fit-content rounded">
                        <i class="fas fa-fw fa-chart-bar fa-lg text-primary"></i>
                    </div>

                    <h2 class="mt-3">Built-in analytics</h2>
                    <p class="h6 mt-3">Easy to understand, yet detailed analytics for all your links.</p>

                    <ul class="list-style-none mt-4 font-size-small">
                        <li class="d-flex align-items-center mb-2">
                            <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                            <div>Continents, Countries & cities</div>
                        </li>
                        <li class="d-flex align-items-center mb-2">
                            <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                            <div>Referrers & UTMs</div>
                        </li>
                        <li class="d-flex align-items-center mb-2">
                            <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                            <div>Devices & operating systems</div>
                        </li>
                        <li class="d-flex align-items-center mb-2">
                            <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                            <div>Browsers, Languages</div>
                        </li>
                        <li class="d-flex align-items-center mb-2">
                            <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
                            <div>GDPR, CCPA and PECR compliant</div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="py-3"></div>

<div class="container mt-8">
    <div class="row">
        <style>
            /* File Links */
            .file-links-background {
                background-color: #ecfdf5;
            }
            .file-links-icon {
                color: #10b981;
            }

            /* VCard Links */
            .vcard-links-background {
                background-color: #ecfeff;
            }
            .vcard-links-icon {
                color: #06b6d4;
            }

            /* Event Links */
            .event-links-background {
                background-color: #eef2ff;
            }
            .event-links-icon {
                color: #6366f1;
            }

            /* Splash pages */
            .splash-pages-background {
                background-color: #eef2ff;
            }
            .splash-pages-icon {
                color: #06b6d4;
            }

            /* Domains */
            .domains-background {
                background-color: #faf5ff;
            }
            .domains-icon {
                color: #a855f7;
            }

            /* Projects */
            .projects-background {
                background-color: #fdf4ff;
            }
            .projects-icon {
                color: #d946ef;
            }

            /* File Links - Dark Theme */
            [data-theme-style="dark"] .file-links-background {
                background-color: #1a4731;
            }
            [data-theme-style="dark"] .file-links-icon {
                color: #047857;
            }

            /* VCard Links - Dark Theme */
            [data-theme-style="dark"] .vcard-links-background {
                background-color: #1a4044;
            }
            [data-theme-style="dark"] .vcard-links-icon {
                color: #025e73;
            }

            /* Event Links - Dark Theme */
            [data-theme-style="dark"] .event-links-background {
                background-color: #1a1c36;
            }
            [data-theme-style="dark"] .event-links-icon {
                color: #3134a1;
            }

            /* Splash pages - Dark Theme */
            [data-theme-style="dark"] .splash-pages-background {
                background-color: #1a1c36;
            }
            [data-theme-style="dark"] .splash-pages-icon {
                color: #025e73;
            }

            /* Domains - Dark Theme */
            [data-theme-style="dark"] .domains-background {
                background-color: #2d1e3f;
            }
            [data-theme-style="dark"] .domains-icon {
                color: #6d22a5;
            }

            /* Projects - Dark Theme */
            [data-theme-style="dark"] .projects-background {
                background-color: #321a36;
            }
            [data-theme-style="dark"] .projects-icon {
                color: #a316af;
            }
        </style>

                    <div class="col-12 col-lg-4 p-4 icon-zoom-animation" data-aos="fade-up" data-aos-delay="100">
                <div class="card index-highly-rounded border-0 d-flex flex-column justify-content-between h-100">
                    <div class="card-body">
                        <div class="file-links-background mb-3 p-3 index-highly-rounded">
                            <i class="fas fa-fw fa-lg fa-file mr-3 file-links-icon"></i>
                            <span class="h5">File links</span>
                        </div>

                        <span class="text-muted">Generate dynamic, advanced & downloadable links to files.</span>
                    </div>
                </div>
            </div>
        
                    <div class="col-12 col-lg-4 p-4 icon-zoom-animation" data-aos="fade-up" data-aos-delay="200">
                <div class="card index-highly-rounded border-0 d-flex flex-column justify-content-between h-100">
                    <div class="card-body">
                        <div class="vcard-links-background mb-3 p-3 index-highly-rounded">
                            <i class="fas fa-fw fa-lg fa-id-card mr-3 vcard-links-icon"></i>
                            <span class="h5">Vcard links</span>
                        </div>

                        <span class="text-muted">Create dynamic digital contact cards, tracked & downloadable.</span>
                    </div>
                </div>
            </div>
        
                    <div class="col-12 col-lg-4 p-4 icon-zoom-animation" data-aos="fade-up" data-aos-delay="300">
                <div class="card index-highly-rounded border-0 d-flex flex-column justify-content-between h-100">
                    <div class="card-body">
                        <div class="event-links-background mb-3 p-3 index-highly-rounded">
                            <i class="fas fa-fw fa-lg fa-calendar mr-3 event-links-icon"></i>
                            <span class="h5">Event links</span>
                        </div>

                        <span class="text-muted">Dynamically create downloadable & tracked calendar files.</span>
                    </div>
                </div>
            </div>
        
                    <div class="col-12 col-lg-4 p-4 icon-zoom-animation" data-aos="fade-up" data-aos-delay="400">
                <div class="card index-highly-rounded border-0 d-flex flex-column justify-content-between h-100">
                    <div class="card-body">
                        <div class="splash-pages-background mb-3 p-3 index-highly-rounded">
                            <i class="fas fa-fw fa-lg fa-droplet mr-3 splash-pages-icon"></i>
                            <span class="h5">Splash pages</span>
                        </div>

                        <span class="text-muted">Use custom made intermediary pages with countdowns for your links.</span>
                    </div>
                </div>
            </div>
        
                    <div class="col-12 col-lg-4 p-4 icon-zoom-animation" data-aos="fade-up" data-aos-delay="500">
                <div class="card index-highly-rounded border-0 d-flex flex-column justify-content-between h-100">
                    <div class="card-body">
                        <div class="domains-background mb-3 p-3 index-highly-rounded">
                            <i class="fas fa-fw fa-lg fa-globe mr-3 domains-icon"></i>
                            <span class="h5">Custom domains</span>
                        </div>

                        <span class="text-muted">Connect your own domain or use our predefined ones.</span>
                    </div>
                </div>
            </div>
        
        <div class="col-12 col-lg-4 p-4 icon-zoom-animation" data-aos="fade-up" data-aos-delay="600">
            <div class="card index-highly-rounded border-0 d-flex flex-column justify-content-between h-100">
                <div class="card-body">
                    <div class="projects-background mb-3 p-3 index-highly-rounded">
                        <i class="fas fa-fw fa-lg fa-project-diagram mr-3 projects-icon"></i>
                        <span class="h5">Projects</span>
                    </div>

                    <span class="text-muted">Easiest way to categorize your managed resources.</span>
                </div>
            </div>
        </div>
    </div>
</div>

    <div class="container mt-8">
        <div class="card py-4 index-highly-rounded border-0">
            <div class="card-body">
                <div class="text-center mb-4">
                    <h2>URLs that open apps automatically</h2>
                    <p class="text-muted">Short links that automatically detect the used app and open it on mobile.</p>
                </div>

                <div class="d-flex flex-wrap justify-content-center">
                                            <div class="bg-gray-100 index-highly-rounded w-fit-content p-3 m-4 icon-zoom-animation" data-toggle="tooltip" title="Reddit">
                            <span title="Reddit"><i class="fab fa-reddit fa-fw fa-xl mx-1" style="color: #ff4500"></i></span>
                        </div>
                                            <div class="bg-gray-100 index-highly-rounded w-fit-content p-3 m-4 icon-zoom-animation" data-toggle="tooltip" title="Twitter">
                            <span title="Twitter"><i class="fab fa-twitter fa-fw fa-xl mx-1" style="color: #1da1f2"></i></span>
                        </div>
                                            <div class="bg-gray-100 index-highly-rounded w-fit-content p-3 m-4 icon-zoom-animation" data-toggle="tooltip" title="YouTube">
                            <span title="YouTube"><i class="fab fa-youtube fa-fw fa-xl mx-1" style="color: #ff0000"></i></span>
                        </div>
                                            <div class="bg-gray-100 index-highly-rounded w-fit-content p-3 m-4 icon-zoom-animation" data-toggle="tooltip" title="Instagram">
                            <span title="Instagram"><i class="fab fa-instagram fa-fw fa-xl mx-1" style="color: #e1306c"></i></span>
                        </div>
                                            <div class="bg-gray-100 index-highly-rounded w-fit-content p-3 m-4 icon-zoom-animation" data-toggle="tooltip" title="Whatsapp">
                            <span title="Whatsapp"><i class="fab fa-whatsapp fa-fw fa-xl mx-1" style="color: #128c7e"></i></span>
                        </div>
                                            <div class="bg-gray-100 index-highly-rounded w-fit-content p-3 m-4 icon-zoom-animation" data-toggle="tooltip" title="Snapchat">
                            <span title="Snapchat"><i class="fab fa-snapchat fa-fw fa-xl mx-1" style="color: #FFCC00"></i></span>
                        </div>
                                            <div class="bg-gray-100 index-highly-rounded w-fit-content p-3 m-4 icon-zoom-animation" data-toggle="tooltip" title="Facebook Messenger">
                            <span title="Facebook Messenger"><i class="fab fa-facebook-messenger fa-fw fa-xl mx-1" style="color: #0084ff"></i></span>
                        </div>
                                            <div class="bg-gray-100 index-highly-rounded w-fit-content p-3 m-4 icon-zoom-animation" data-toggle="tooltip" title="Facebook">
                            <span title="Facebook"><i class="fab fa-facebook fa-fw fa-xl mx-1" style="color: #1877f2"></i></span>
                        </div>
                                            <div class="bg-gray-100 index-highly-rounded w-fit-content p-3 m-4 icon-zoom-animation" data-toggle="tooltip" title="Telegram">
                            <span title="Telegram"><i class="fab fa-telegram fa-fw fa-xl mx-1" style="color: #0088cc"></i></span>
                        </div>
                                            <div class="bg-gray-100 index-highly-rounded w-fit-content p-3 m-4 icon-zoom-animation" data-toggle="tooltip" title="Spotify">
                            <span title="Spotify"><i class="fab fa-spotify fa-fw fa-xl mx-1" style="color: #2CD85C"></i></span>
                        </div>
                                            <div class="bg-gray-100 index-highly-rounded w-fit-content p-3 m-4 icon-zoom-animation" data-toggle="tooltip" title="LinkedIn">
                            <span title="LinkedIn"><i class="fab fa-linkedin fa-fw fa-xl mx-1" style="color: #0a66c2"></i></span>
                        </div>
                                            <div class="bg-gray-100 index-highly-rounded w-fit-content p-3 m-4 icon-zoom-animation" data-toggle="tooltip" title="Pinterest">
                            <span title="Pinterest"><i class="fab fa-pinterest fa-fw fa-xl mx-1" style="color: #e60023"></i></span>
                        </div>
                                            <div class="bg-gray-100 index-highly-rounded w-fit-content p-3 m-4 icon-zoom-animation" data-toggle="tooltip" title="Twitch">
                            <span title="Twitch"><i class="fab fa-twitch fa-fw fa-xl mx-1" style="color: #9146ff"></i></span>
                        </div>
                                            <div class="bg-gray-100 index-highly-rounded w-fit-content p-3 m-4 icon-zoom-animation" data-toggle="tooltip" title="Netflix">
                            <span title="Netflix"><i class="fas fa-film fa-fw fa-xl mx-1" style="color: #e50914"></i></span>
                        </div>
                                            <div class="bg-gray-100 index-highly-rounded w-fit-content p-3 m-4 icon-zoom-animation" data-toggle="tooltip" title="Google Sheets">
                            <span title="Google Sheets"><i class="fas fa-file fa-fw fa-xl mx-1" style="color: #25a465"></i></span>
                        </div>
                                            <div class="bg-gray-100 index-highly-rounded w-fit-content p-3 m-4 icon-zoom-animation" data-toggle="tooltip" title="Google Maps">
                            <span title="Google Maps"><i class="fas fa-map-location-dot fa-fw fa-xl mx-1" style="color: #4285f4"></i></span>
                        </div>
                                            <div class="bg-gray-100 index-highly-rounded w-fit-content p-3 m-4 icon-zoom-animation" data-toggle="tooltip" title="Airbnb">
                            <span title="Airbnb"><i class="fab fa-airbnb fa-fw fa-xl mx-1" style="color: #FF385c"></i></span>
                        </div>
                                            <div class="bg-gray-100 index-highly-rounded w-fit-content p-3 m-4 icon-zoom-animation" data-toggle="tooltip" title="TripAdvisor">
                            <span title="TripAdvisor"><i class="fas fa-plane fa-fw fa-xl mx-1" style="color: #00AF87"></i></span>
                        </div>
                                            <div class="bg-gray-100 index-highly-rounded w-fit-content p-3 m-4 icon-zoom-animation" data-toggle="tooltip" title="Amazon">
                            <span title="Amazon"><i class="fab fa-amazon fa-fw fa-xl mx-1" style="color: #ff9900"></i></span>
                        </div>
                                    </div>
            </div>
        </div>
    </div>

<div class="py-3"></div>

<div class="container mt-8">
    <div class="card py-4 index-highly-rounded border-0 bg-gray-900">
        <div class="card-body">
            <div class="row justify-content-between">
                <div class="col-12 col-lg-3 mb-4 mb-lg-0">
                    <div class="text-center d-flex flex-column">
                        <span class="font-weight-bold text-muted mb-3">Links</span>
                        <span class="h1 text-gradient-primary" style="--gradient-one: var(--purple); --gradient-two: var(--pink);">45+</span>
                    </div>
                </div>

                                    <div class="col-12 col-lg-3 mb-4 mb-lg-0">
                        <div class="text-center d-flex flex-column">
                            <span class="font-weight-bold text-muted mb-3">QR Codes</span>
                            <span class="h1 text-gradient-primary" style="--gradient-one: var(--teal); --gradient-two: var(--blue);">0+</span>
                        </div>
                    </div>
                
                <div class="col-12 col-lg-3 mb-4 mb-lg-0">
                    <div class="text-center d-flex flex-column">
                        <span class="font-weight-bold text-muted mb-3">Tracked pageviews</span>
                        <span class="h1 text-gradient-primary" style="--gradient-one: var(--blue); --gradient-two: var(--purple);">38K+</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="py-3"></div>



    <div class="py-3"></div>

    <div class="container mt-8">
        <h2 class="text-center mb-3">140 useful tools <i class="fas fa-fw fa-xs fa-screwdriver-wrench text-muted ml-1"></i></h2>

        <p class="text-muted text-center mb-4">Web utility tools. Fast, reliable and easy to use.</p>

        <div class="row position-relative">
            <div class="index-fade"></div>

                            <div class="col-12 col-lg-6 p-3 position-relative">
                    <div class="card"  style="background: #d72cef; border-color: #d72cef; color: white;">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-center">
                                <div class="d-flex text-truncate">
                                    <div class="d-flex align-items-center justify-content-center rounded mr-3 tool-icon" style="background: #f5d2fe;">
                                        <i class="fas fa-check-square fa-fw" style="color: #d72cef"></i>
                                    </div>

                                    <div class="text-truncate ml-3">
                                        <a href="https://siapa.net/tools" class="stretched-link text-decoration-none" style="color: white;">
                                            <strong>Checker tools</strong>
                                        </a>
                                        <p class="text-truncate small m-0">A collection of great checker-type tools to help you check & verify different types of things.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-12 col-lg-6 p-3 position-relative">
                    <div class="card"  style="background: #64748b; border-color: #64748b; color: white;">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-center">
                                <div class="d-flex text-truncate">
                                    <div class="d-flex align-items-center justify-content-center rounded mr-3 tool-icon" style="background: #dbeaff;">
                                        <i class="fas fa-font fa-fw" style="color: #64748b"></i>
                                    </div>

                                    <div class="text-truncate ml-3">
                                        <a href="https://siapa.net/tools" class="stretched-link text-decoration-none" style="color: white;">
                                            <strong>Text tools</strong>
                                        </a>
                                        <p class="text-truncate small m-0">A collection of text content related tools to help you create, modify & improve text type of content.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-12 col-lg-6 p-3 position-relative">
                    <div class="card"  style="background: #10b981; border-color: #10b981; color: white;">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-center">
                                <div class="d-flex text-truncate">
                                    <div class="d-flex align-items-center justify-content-center rounded mr-3 tool-icon" style="background: #c0ffea;">
                                        <i class="fas fa-exchange-alt fa-fw" style="color: #10b981"></i>
                                    </div>

                                    <div class="text-truncate ml-3">
                                        <a href="https://siapa.net/tools" class="stretched-link text-decoration-none" style="color: white;">
                                            <strong>Converter tools</strong>
                                        </a>
                                        <p class="text-truncate small m-0">A collection of tools that help you easily convert data.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-12 col-lg-6 p-3 position-relative">
                    <div class="card"  style="background: #0ea5e9; border-color: #0ea5e9; color: white;">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-center">
                                <div class="d-flex text-truncate">
                                    <div class="d-flex align-items-center justify-content-center rounded mr-3 tool-icon" style="background: #c9eeff;">
                                        <i class="fas fa-cogs fa-fw" style="color: #0ea5e9"></i>
                                    </div>

                                    <div class="text-truncate ml-3">
                                        <a href="https://siapa.net/tools" class="stretched-link text-decoration-none" style="color: white;">
                                            <strong>Generator tools</strong>
                                        </a>
                                        <p class="text-truncate small m-0">A collection of the most useful generator tools that you can generate data with.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-12 col-lg-6 p-3 position-relative">
                    <div class="card"  style="background: #3b82f6; border-color: #3b82f6; color: white;">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-center">
                                <div class="d-flex text-truncate">
                                    <div class="d-flex align-items-center justify-content-center rounded mr-3 tool-icon" style="background: #ccdfff;">
                                        <i class="fas fa-code fa-fw" style="color: #3b82f6"></i>
                                    </div>

                                    <div class="text-truncate ml-3">
                                        <a href="https://siapa.net/tools" class="stretched-link text-decoration-none" style="color: white;">
                                            <strong>Developer tools</strong>
                                        </a>
                                        <p class="text-truncate small m-0">A collection of highly useful tools mainly for developers and not only.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-12 col-lg-6 p-3 position-relative">
                    <div class="card"  style="background: #f97316; border-color: #f97316; color: white;">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-center">
                                <div class="d-flex text-truncate">
                                    <div class="d-flex align-items-center justify-content-center rounded mr-3 tool-icon" style="background: #ffd5b7;">
                                        <i class="fas fa-image fa-fw" style="color: #f97316"></i>
                                    </div>

                                    <div class="text-truncate ml-3">
                                        <a href="https://siapa.net/tools" class="stretched-link text-decoration-none" style="color: white;">
                                            <strong>Image manipulation tools</strong>
                                        </a>
                                        <p class="text-truncate small m-0">A collection of tools that help modify & convert image files.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-12 col-lg-6 p-3 position-relative">
                    <div class="card"  style="background: #32758c; border-color: #32758c; color: white;">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-center">
                                <div class="d-flex text-truncate">
                                    <div class="d-flex align-items-center justify-content-center rounded mr-3 tool-icon" style="background: #c9eefb;">
                                        <i class="fas fa-clock fa-fw" style="color: #32758c"></i>
                                    </div>

                                    <div class="text-truncate ml-3">
                                        <a href="https://siapa.net/tools" class="stretched-link text-decoration-none" style="color: white;">
                                            <strong>Time converter tools</strong>
                                        </a>
                                        <p class="text-truncate small m-0">A collection of date & time conversion related tools.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-12 col-lg-6 p-3 position-relative">
                    <div class="card"  style="background: #a855f7; border-color: #a855f7; color: white;">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-center">
                                <div class="d-flex text-truncate">
                                    <div class="d-flex align-items-center justify-content-center rounded mr-3 tool-icon" style="background: #e4cdfa;">
                                        <i class="fas fa-tools fa-fw" style="color: #a855f7"></i>
                                    </div>

                                    <div class="text-truncate ml-3">
                                        <a href="https://siapa.net/tools" class="stretched-link text-decoration-none" style="color: white;">
                                            <strong>Misc tools</strong>
                                        </a>
                                        <p class="text-truncate small m-0">A collection of other random, but great & useful tools.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                    </div>
    </div>




    <div class="py-3"></div>

    <div class="p-4 mt-8">
        <div class="py-7 bg-primary-100 rounded-2x">
            <div class="container">
                <div class="text-center">
                    <h2>Here's what people are saying <i class="fas fa-fw fa-xs fa-check-circle text-success"></i></h2>
                </div>

                
                <div class="row mt-8">
                                            <div class="col-12 col-lg-4 mb-6 mb-lg-0" data-aos="fade-up" data-aos-delay="0">
                            <div class="card border-0 zoom-animation-subtle">
                                <div class="card-body">
                                    <img src="https://siapa.net/themes/altum/assets/images/index/testimonial-one.jpeg" class="img-fluid index-testimonial-avatar" alt="Andrea, Writer Magazine" loading="lazy" />

                                    <p class="mt-5">
                                        <span class="text-gray-800 font-weight-bold text-muted h5">“</span>
                                        <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.Ornare ex. Vivamus eu ex non orci condimentum placerat ac ac nisi. Nam velit libero, hendrerit vitae auctor eget, congue ut ante.</span>
                                        <span class="text-gray-800 font-weight-bold text-muted h5">”</span>
                                    </p>

                                    <div class="blockquote-footer mt-4">
                                        <span class="font-weight-bold">Andrea</span>, <span class="text-muted">Writer Magazine</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                                            <div class="col-12 col-lg-4 mb-6 mb-lg-0" data-aos="fade-up" data-aos-delay="300">
                            <div class="card border-0 zoom-animation-subtle">
                                <div class="card-body">
                                    <img src="https://siapa.net/themes/altum/assets/images/index/testimonial-two.jpeg" class="img-fluid index-testimonial-avatar" alt="George, Lorem Ipsum Founder" loading="lazy" />

                                    <p class="mt-5">
                                        <span class="text-gray-800 font-weight-bold text-muted h5">“</span>
                                        <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus vestibulum porta. Sed id eros quam. Nunc at nisi vel arcu placerat gravida.</span>
                                        <span class="text-gray-800 font-weight-bold text-muted h5">”</span>
                                    </p>

                                    <div class="blockquote-footer mt-4">
                                        <span class="font-weight-bold">George</span>, <span class="text-muted">Lorem Ipsum Founder</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                                            <div class="col-12 col-lg-4 mb-6 mb-lg-0" data-aos="fade-up" data-aos-delay="600">
                            <div class="card border-0 zoom-animation-subtle">
                                <div class="card-body">
                                    <img src="https://siapa.net/themes/altum/assets/images/index/testimonial-three.jpeg" class="img-fluid index-testimonial-avatar" alt="Calvin, SAAS Lorem Owner" loading="lazy" />

                                    <p class="mt-5">
                                        <span class="text-gray-800 font-weight-bold text-muted h5">“</span>
                                        <span>Praesent finibus vestibulum porta. Sed id eros quam. Proin lacinia ipsum porttitor, sollicitudin est in, ornare ex. Vivamus eu ex non orci condimentum placerat ac ac nisi. Nam velit libero, hendrerit vitae auctor eget, congue ut ante.</span>
                                        <span class="text-gray-800 font-weight-bold text-muted h5">”</span>
                                    </p>

                                    <div class="blockquote-footer mt-4">
                                        <span class="font-weight-bold">Calvin</span>, <span class="text-muted">SAAS Lorem Owner</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                                    </div>
            </div>
        </div>
    </div>

    <div class="py-3"></div>

    <div class="container mt-8">
        <div class="text-center mb-5">
            <h2>Simple, transparent pricing.</h2>
            <p class="text-muted">Choose the plan that is right for you and your budget.</p>
        </div>

        

<div>
    <div class="row justify-content-around">

        
            <div class="col-12 col-lg-6 col-xl-4 p-3">
                <div class="pricing-plan rounded" style="">
                    <div class="pricing-header">
                        <span class="pricing-name">Free</span>

                        <div class="pricing-price">
                            <span class="pricing-price-amount">0</span>
                        </div>

                        <div class="pricing-details"></div>
                    </div>

                    <div class="pricing-body d-flex flex-column justify-content-between">
                        
    
<ul class="pricing-features">
            <li>
            <div><strong>Unlimited</strong> biolink pages</div>
        </li>

        <li>
            <div><strong>Unlimited</strong> biolink blocks</div>
        </li>

                                <li>
            <div class="">
                                    <strong><strong>16</strong></strong> enabled biolink blocks                
                <span class="mr-1" data-toggle="tooltip" title="Link, Heading, Paragraph, Avatar, Image, Socials, Email collector, Threads, SoundCloud, Spotify, YouTube, Twitch, Vimeo, TikTok Video, Phone collector, Contact form"><i class="fas fa-fw fa-xs fa-circle-question text-gray-500"></i></span>
            </div>
        </li>

            
            <li>
            <div><strong>Unlimited</strong> shortened links</div>
        </li>
    
            <li>
            <div><strong>Unlimited</strong> file links</div>
        </li>
    
            <li>
            <div><strong>Unlimited</strong> vcard links</div>
        </li>
    
            <li>
            <div><strong>Unlimited</strong> event links</div>
        </li>
    
            <li>
            <div><strong>Unlimited</strong> static sites</div>
        </li>
    
            <li>
            <div><strong>Unlimited</strong> QR codes</div>
        </li>

        <li>
            <div><strong>100</strong> bulk QR codes Limit</div>
        </li>
    
    
    
    
    
    
    <li>
        <div><strong>Unlimited</strong> projects</div>
    </li>

            <li>
            <div><strong>Unlimited</strong> splash Pages</div>
        </li>
    
    
    
    
            <li>
            <div><strong>Unlimited</strong> custom domains</div>
        </li>
    
    <li>
        <div data-toggle="tooltip" title="30 days"><strong>1 month</strong> days statistics retention</div>
    </li>

            <div class="d-flex justify-content-between align-items-center my-3 text-muted">
            <div>
                <strong>0</strong> additional domains                <span class="mr-1" data-toggle="tooltip" title="You get to choose from multiple domains when creating new links. "><i class="fas fa-fw fa-xs fa-circle-question text-gray-500"></i></span>
            </div>

            <i class="fas fa-fw fa-sm fa-times-circle"></i>
        </div>
    
            <li>
        <div class="">
            No forced splash page
            <span class="mr-1" data-toggle="tooltip" title="A temporary splash page with a countdown timer on certain links."><i class="fas fa-fw fa-xs fa-circle-question text-gray-500"></i></span>
        </div>

        <i class="fas fa-fw fa-sm fa-check-circle text-success"></i>
    </li>
    
            <li>
            <div class="">
                Custom back-half
                <span class="mr-1" data-toggle="tooltip" title="Instead of auto generated urls, like /a853we6, you get to choose your own"><i class="fas fa-fw fa-xs fa-circle-question text-gray-500"></i></span>
            </div>

            <i class="fas fa-fw fa-sm fa-check-circle text-success"></i>
        </li>
            <li>
            <div class="">
                Deep linking
                <span class="mr-1" data-toggle="tooltip" title="Provides the ability to enter deep links, like: steam://rungameid/id"><i class="fas fa-fw fa-xs fa-circle-question text-gray-500"></i></span>
            </div>

            <i class="fas fa-fw fa-sm fa-check-circle text-success"></i>
        </li>
            <li>
            <div class="">
                Removable branding
                <span class="mr-1" data-toggle="tooltip" title="All the branding will be removed from branded resources."><i class="fas fa-fw fa-xs fa-circle-question text-gray-500"></i></span>
            </div>

            <i class="fas fa-fw fa-sm fa-check-circle text-success"></i>
        </li>
            <li>
            <div class="">
                Custom branding
                <span class="mr-1" data-toggle="tooltip" title="Change and whitelabel the branding of your Biolinks"><i class="fas fa-fw fa-xs fa-circle-question text-gray-500"></i></span>
            </div>

            <i class="fas fa-fw fa-sm fa-check-circle text-success"></i>
        </li>
            <li>
            <div class="text-muted">
                Dofollow links
                <span class="mr-1" data-toggle="tooltip" title="All your links from your biolink pages will be dofollow links."><i class="fas fa-fw fa-xs fa-circle-question text-gray-500"></i></span>
            </div>

            <i class="fas fa-fw fa-sm fa-times-circle text-muted"></i>
        </li>
            <li>
            <div class="">
                Leap link
                <span class="mr-1" data-toggle="tooltip" title="The ability to temporarily redirect a biolink page to a specific URL."><i class="fas fa-fw fa-xs fa-circle-question text-gray-500"></i></span>
            </div>

            <i class="fas fa-fw fa-sm fa-check-circle text-success"></i>
        </li>
            <li>
            <div class="">
                SEO features
                <span class="mr-1" data-toggle="tooltip" title="Customize the meta tags for your pages"><i class="fas fa-fw fa-xs fa-circle-question text-gray-500"></i></span>
            </div>

            <i class="fas fa-fw fa-sm fa-check-circle text-success"></i>
        </li>
            <li>
            <div class="">
                Additional fonts
                <span class="mr-1" data-toggle="tooltip" title="Get access to multiple fonts to use for your pages."><i class="fas fa-fw fa-xs fa-circle-question text-gray-500"></i></span>
            </div>

            <i class="fas fa-fw fa-sm fa-check-circle text-success"></i>
        </li>
            <li>
            <div class="">
                Custom CSS
                <span class="mr-1" data-toggle="tooltip" title="Add your custom CSS code to modify the already existing page style."><i class="fas fa-fw fa-xs fa-circle-question text-gray-500"></i></span>
            </div>

            <i class="fas fa-fw fa-sm fa-check-circle text-success"></i>
        </li>
            <li>
            <div class="">
                Custom JS
                <span class="mr-1" data-toggle="tooltip" title="Add your custom JS code to enhance the capability of your page."><i class="fas fa-fw fa-xs fa-circle-question text-gray-500"></i></span>
            </div>

            <i class="fas fa-fw fa-sm fa-check-circle text-success"></i>
        </li>
            <li>
            <div class="">
                Indepth statistics
                <span class="mr-1" data-toggle="tooltip" title="You get access to more advanced statistics for all your links"><i class="fas fa-fw fa-xs fa-circle-question text-gray-500"></i></span>
            </div>

            <i class="fas fa-fw fa-sm fa-check-circle text-success"></i>
        </li>
            <li>
            <div class="">
                Links scheduling & limiter
                <span class="mr-1" data-toggle="tooltip" title="The ability to schedule links for when to go live & when to expire based on amount of clicks or date range."><i class="fas fa-fw fa-xs fa-circle-question text-gray-500"></i></span>
            </div>

            <i class="fas fa-fw fa-sm fa-check-circle text-success"></i>
        </li>
            <li>
            <div class="">
                Cloaking short URLs
                <span class="mr-1" data-toggle="tooltip" title="The ability to hide the original destination URL of a short link, under the created short alias."><i class="fas fa-fw fa-xs fa-circle-question text-gray-500"></i></span>
            </div>

            <i class="fas fa-fw fa-sm fa-check-circle text-success"></i>
        </li>
            <li>
            <div class="">
                Auto open app on mobile
                <span class="mr-1" data-toggle="tooltip" title="The ability to automatically detect and open the specific apps on mobile for short URLs."><i class="fas fa-fw fa-xs fa-circle-question text-gray-500"></i></span>
            </div>

            <i class="fas fa-fw fa-sm fa-check-circle text-success"></i>
        </li>
            <li>
            <div class="text-muted">
                Advanced targeting
                <span class="mr-1" data-toggle="tooltip" title="The ability to use the short URLs targeting features: Continent, Country, City, Device, OS, Browser, Language, A/B testing."><i class="fas fa-fw fa-xs fa-circle-question text-gray-500"></i></span>
            </div>

            <i class="fas fa-fw fa-sm fa-times-circle text-muted"></i>
        </li>
            <li>
            <div class="">
                UTM parameters
                <span class="mr-1" data-toggle="tooltip" title="The ability to use the UTM parameters builder for your links"><i class="fas fa-fw fa-xs fa-circle-question text-gray-500"></i></span>
            </div>

            <i class="fas fa-fw fa-sm fa-check-circle text-success"></i>
        </li>
            <li>
            <div class="">
                Password protection
                <span class="mr-1" data-toggle="tooltip" title="Get access to password protect your links or pages."><i class="fas fa-fw fa-xs fa-circle-question text-gray-500"></i></span>
            </div>

            <i class="fas fa-fw fa-sm fa-check-circle text-success"></i>
        </li>
            <li>
            <div class="">
                Sensitive content
                <span class="mr-1" data-toggle="tooltip" title="Get access to enable sensitive content warning on your links or pages."><i class="fas fa-fw fa-xs fa-circle-question text-gray-500"></i></span>
            </div>

            <i class="fas fa-fw fa-sm fa-check-circle text-success"></i>
        </li>
            <li>
            <div class="">
                No ads
                <span class="mr-1" data-toggle="tooltip" title="No ads for everything related to your account and experience."><i class="fas fa-fw fa-xs fa-circle-question text-gray-500"></i></span>
            </div>

            <i class="fas fa-fw fa-sm fa-check-circle text-success"></i>
        </li>
            <li>
            <div class="">
                API access
                <span class="mr-1" data-toggle="tooltip" title="Get access to use the REST API."><i class="fas fa-fw fa-xs fa-circle-question text-gray-500"></i></span>
            </div>

            <i class="fas fa-fw fa-sm fa-check-circle text-success"></i>
        </li>
    
    
    
    <div class="d-flex justify-content-between align-items-center my-3 text-muted">
        <div>
            0 export features            <span class="mr-1" data-html="true" data-toggle="tooltip" title="    <div class='d-flex flex-column'>
                                    <s class='my-1'>Export to CSV</s>
                                                <s class='my-1'>Export to JSON</s>
                                                <s class='my-1'>Export to PDF</s>
                        </div>
    "><i class="fas fa-fw fa-xs fa-circle-question text-gray-500"></i></span>
        </div>

        <i class="fas fa-fw fa-sm fa-times-circle"></i>
    </div>
</ul>

                        <a href="https://siapa.net/register" class="btn btn-lg rounded-pill btn-block btn-primary ">Choose plan</a>
                    </div>
                </div>
            </div>

        
        
    </div>
</div>


    </div>

    <div class="py-3"></div>

    <div class="container mt-8">
        <div class="text-center mb-5">
            <h2><span class="text-primary">Answers</span> for your common <span class="text-primary">questions</span></h2>
        </div>

        
        <div class="accordion index-faq" id="faq_accordion">
                            <div class="card index-highly-rounded">
                    <div class="card-body">
                        <div class="" id="faq_accordion_one">
                            <h3 class="mb-0">
                                <button class="btn btn-lg font-weight-bold btn-block d-flex justify-content-between text-gray-800 px-0 icon-zoom-animation" type="button" data-toggle="collapse" data-target="#faq_accordion_answer_one" aria-expanded="true" aria-controls="faq_accordion_answer_one">
                                    <span>How do you edit this?</span>

                                    <span data-icon>
                                        <i class="fas fa-fw fa-circle-chevron-down"></i>
                                    </span>
                                </button>
                            </h3>
                        </div>

                        <div id="faq_accordion_answer_one" class="collapse text-muted mt-3" aria-labelledby="faq_accordion_one" data-parent="#faq_accordion">
                            All the FAQ section can be edited from the admin panel - languages section.                        </div>
                    </div>
                </div>
                            <div class="card index-highly-rounded">
                    <div class="card-body">
                        <div class="" id="faq_accordion_two">
                            <h3 class="mb-0">
                                <button class="btn btn-lg font-weight-bold btn-block d-flex justify-content-between text-gray-800 px-0 icon-zoom-animation" type="button" data-toggle="collapse" data-target="#faq_accordion_answer_two" aria-expanded="true" aria-controls="faq_accordion_answer_two">
                                    <span>Lorem ipsum dolor sit amet</span>

                                    <span data-icon>
                                        <i class="fas fa-fw fa-circle-chevron-down"></i>
                                    </span>
                                </button>
                            </h3>
                        </div>

                        <div id="faq_accordion_answer_two" class="collapse text-muted mt-3" aria-labelledby="faq_accordion_two" data-parent="#faq_accordion">
                            Lorem ipsum dolor sit amet, vim eu quem nonumes omittam. Mutat facete patrioque et est, nusquam abhorreant definiebas te sit, albucius urbanitas pro ad. Ne nemore officiis sed. Cu mundi docendi qui, nam nonumes maluisset constituto an, vix ea solum accusamus consequuntur.                        </div>
                    </div>
                </div>
                            <div class="card index-highly-rounded">
                    <div class="card-body">
                        <div class="" id="faq_accordion_three">
                            <h3 class="mb-0">
                                <button class="btn btn-lg font-weight-bold btn-block d-flex justify-content-between text-gray-800 px-0 icon-zoom-animation" type="button" data-toggle="collapse" data-target="#faq_accordion_answer_three" aria-expanded="true" aria-controls="faq_accordion_answer_three">
                                    <span>Virtute feugiat ocurreret ad cum</span>

                                    <span data-icon>
                                        <i class="fas fa-fw fa-circle-chevron-down"></i>
                                    </span>
                                </button>
                            </h3>
                        </div>

                        <div id="faq_accordion_answer_three" class="collapse text-muted mt-3" aria-labelledby="faq_accordion_three" data-parent="#faq_accordion">
                            Virtute feugiat ocurreret ad cum, pro in posse ullum adversarium, te qui stet graece antiopam. Amet omnesque indoctum ut mel, ea eam sonet saperet nostrum. Te modus delectus mel, pri populo definitionem ne, an eam hinc labitur inciderint. Novum vivendum gloriatur ex nec, ad vocibus eleifend deterruisset pro, mutat voluptaria repudiandae eum ea. Ipsum soluta cotidieque sea ut, aliquando scripserit no has, iisque impetus erroribus pro ad. Case labitur scaevola vis ut, clita meliore te eos.                        </div>
                    </div>
                </div>
                            <div class="card index-highly-rounded">
                    <div class="card-body">
                        <div class="" id="faq_accordion_four">
                            <h3 class="mb-0">
                                <button class="btn btn-lg font-weight-bold btn-block d-flex justify-content-between text-gray-800 px-0 icon-zoom-animation" type="button" data-toggle="collapse" data-target="#faq_accordion_answer_four" aria-expanded="true" aria-controls="faq_accordion_answer_four">
                                    <span>Mel iusto putant feugiat et</span>

                                    <span data-icon>
                                        <i class="fas fa-fw fa-circle-chevron-down"></i>
                                    </span>
                                </button>
                            </h3>
                        </div>

                        <div id="faq_accordion_answer_four" class="collapse text-muted mt-3" aria-labelledby="faq_accordion_four" data-parent="#faq_accordion">
                            Mel iusto putant feugiat et, qui alii virtute eu. Diceret corrumpit mei an. Ius ei congue iudico, ex quo delectus indoctum. Mnesarchum reprehendunt pro ex, ea vix amet maluisset, in autem omnes consectetuer eum.                        </div>
                    </div>
                </div>
                    </div>
    </div>

    
    <div class="py-3"></div>

    <div class="container mt-8">
        <div class="card index-highly-rounded border-0 index-cta py-5 py-lg-6" data-aos="fade-up">
            <div class="card-body row align-items-center justify-content-center">
                <div class="col-12 col-lg-5">
                    <div class="text-center text-lg-left mb-4 mb-lg-0">
                        <h2 class="h1">Get started</h2>
                        <p class="h5">Start using the swiss army knife for the marketers.</p>
                    </div>
                </div>

                <div class="col-12 col-lg-5 mt-4 mt-lg-0">
                    <div class="text-center text-lg-right">
                                                    <a href="https://siapa.net/register" class="btn btn-primary zoom-animation">
                                Sign up <i class="fas fa-fw fa-arrow-right"></i>
                            </a>
                                            </div>
                </div>
            </div>
        </div>
    </div>





        </main>

        
        <div class="container d-print-none">
            <footer class="footer 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 footer-heading"
            href="https://siapa.net/"
            data-logo
            data-light-value="Transformasi URL"
            data-light-class="mb-2"
            data-light-tag="span"
            data-dark-value="Transformasi URL"
            data-dark-class="mb-2"
            data-dark-tag="span"
        >
                            <span class="mb-2">Transformasi URL</span>
                    </a>
        <div class="text-muted">Copyright © 2025 Transformasi URL.</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 (CMD/CTRL + I)" data-title-theme-style-light="Switch to Light (CMD/CTRL + I)" data-title-theme-style-dark="Switch to Dark (CMD/CTRL + I)">
                    <span data-theme-style="light" class=""><i class="fas fa-fw fa-sm fa-sun text-warning"></i></span>
                    <span data-theme-style="dark" class="d-none"><i class="fas fa-fw fa-sm fa-moon"></i></span>
                </button>
            </div>

                        </div>
</div>

<div class="row">
    <div class="col-12 col-lg mb-3 mb-lg-0">
        <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://siapa.net/blog">Blog</a></li>
            
            
            
                            <li class="mb-2 mr-lg-3"><a href="#" data-cc="show-preferencesModal">Cookies</a></li>
            
            
                                                <li class="mb-2 mr-lg-3">
                        <a href="https://altumco.de/66biolinks" target="_blank">
                            
                                                    </a>
                    </li>
                                    <li class="mb-2 mr-lg-3">
                        <a href="https://altumcode.commm/" target="_blank">
                            
                                                    </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://siapa.net/" />
<input type="hidden" name="global_url" value="https://siapa.net/" />
<input type="hidden" name="global_token" value="827924307438ff23f5ddba318d9f27ef" />
<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://siapa.net/themes/altum/assets/js/libraries/jquery.min.js?v=5400"></script>
                    <script src="https://siapa.net/themes/altum/assets/js/libraries/popper.min.js?v=5400"></script>
                    <script src="https://siapa.net/themes/altum/assets/js/libraries/bootstrap.min.js?v=5400"></script>
                    <script src="https://siapa.net/themes/altum/assets/js/custom.js?v=5400"></script>
                    <script src="https://siapa.net/themes/altum/assets/js/libraries/fontawesome.min.js?v=5400"></script>
                    <script src="https://siapa.net/themes/altum/assets/js/libraries/fontawesome-solid.min.js?v=5400"></script>
                    <script src="https://siapa.net/themes/altum/assets/js/libraries/fontawesome-brands.min.js?v=5400"></script>
        
        <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "Transformasi URL",
        "description": "A marketing wizard, all-in-one.",
        "applicationCategory": "WebApplication",
        "operatingSystem": "All",
        "url": "https://siapa.net/",
        "offers": [{"@type":"Offer","name":"Free","availability":"https:\/\/schema.org\/InStock","url":"https:\/\/siapa.net\/plan"},{"@type":"Offer","name":"Premium","availability":"https:\/\/schema.org\/InStock","url":"https:\/\/siapa.net\/plan"}]    }
</script>

    <script>
        'use strict';

        $('#faq_accordion').on('show.bs.collapse', event => {
            let svg = event.target.parentElement.querySelector('[data-icon] svg')
            svg.style.transform = 'rotate(180deg)';
            svg.style.color = 'var(--primary)';
        })

        $('#faq_accordion').on('hide.bs.collapse', event => {
            let svg = event.target.parentElement.querySelector('[data-icon] svg')
            svg.style.color = 'var(--primary-800)';
            svg.style.removeProperty('transform');
        })
    </script>
    <script src="https://siapa.net/themes/altum/assets/js/libraries/aos.min.js?v=5400"></script>

<script>
    AOS.init({
        delay: 100,
        duration: 600
    });
</script>
<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "Transformasi URL",
        "url": "https://siapa.net/",
        "slogan": "A marketing wizard, all-in-one.",
        "contactPoint": {
            "@type": "ContactPoint",
            "url": "https://siapa.net/contact",
            "contactType": "Contact us"
        }
    }
</script>

<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "BreadcrumbList",
        "itemListElement": [
            {
                "@type": "ListItem",
                "position": 1,
                "name": "Your all-in-one social tool",
                    "item": "https://siapa.net/"
                }
            ]
        }
</script>

        <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "FAQPage",
            "mainEntity": [{"@type":"Question","name":"How do you edit this?","acceptedAnswer":{"@type":"Answer","text":"All the FAQ section can be edited from the admin panel - languages section."}},{"@type":"Question","name":"Lorem ipsum dolor sit amet","acceptedAnswer":{"@type":"Answer","text":"Lorem ipsum dolor sit amet, vim eu quem nonumes omittam. Mutat facete patrioque et est, nusquam abhorreant definiebas te sit, albucius urbanitas pro ad. Ne nemore officiis sed. Cu mundi docendi qui, nam nonumes maluisset constituto an, vix ea solum accusamus consequuntur."}},{"@type":"Question","name":"Virtute feugiat ocurreret ad cum","acceptedAnswer":{"@type":"Answer","text":"Virtute feugiat ocurreret ad cum, pro in posse ullum adversarium, te qui stet graece antiopam. Amet omnesque indoctum ut mel, ea eam sonet saperet nostrum. Te modus delectus mel, pri populo definitionem ne, an eam hinc labitur inciderint. Novum vivendum gloriatur ex nec, ad vocibus eleifend deterruisset pro, mutat voluptaria repudiandae eum ea. Ipsum soluta cotidieque sea ut, aliquando scripserit no has, iisque impetus erroribus pro ad. Case labitur scaevola vis ut, clita meliore te eos."}},{"@type":"Question","name":"Mel iusto putant feugiat et","acceptedAnswer":{"@type":"Answer","text":"Mel iusto putant feugiat et, qui alii virtute eu. Diceret corrumpit mei an. Ius ei congue iudico, ex quo delectus indoctum. Mnesarchum reprehendunt pro ex, ea vix amet maluisset, in autem omnes consectetuer eum."}}]        }
    </script>
<script>
    let switch_theme_style = document.querySelector('#switch_theme_style');

    if(switch_theme_style) {
        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:\/\/siapa.net\/themes\/altum\/assets\/css\/bootstrap-dark.min.css?v=5400");
                    document.body.classList.add('cc--darkmode');
                    break;

                case 'light':
                    css.setAttribute('href', "https:\/\/siapa.net\/themes\/altum\/assets\/css\/bootstrap.min.css?v=5400");
                    document.body.classList.remove('cc--darkmode');
                    break;
            }

            /* Refresh the logo/title */
            document.querySelectorAll('[data-logo]').forEach(element => {
                let new_brand_value = element.getAttribute(`data-${new_theme_style}-value`);
                let new_brand_class = element.getAttribute(`data-${new_theme_style}-class`);
                let new_brand_tag = element.getAttribute(`data-${new_theme_style}-tag`)
                let new_brand_html = new_brand_tag == 'img' ? `<img src="${new_brand_value}" class="${new_brand_class}" alt="Website logo" />` : `<${new_brand_tag} class="${new_brand_class}">${new_brand_value}</${new_brand_tag}>`;
                element.innerHTML = new_brand_html;
            });


            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();
        });

        document.addEventListener('keydown', e => {
            if((e.ctrlKey || e.metaKey) && e.key === 'i') {
                e.preventDefault();
                switch_theme_style.click();
            }
        });
    }
</script>
    <script src="https://siapa.net/themes/altum/assets/js/libraries/cookieconsent.js?v=5400"></script>
    <link href="https://siapa.net/themes/altum/assets/css/libraries/cookieconsent.css?v=5400" rel="stylesheet" media="screen">
    <style>
        :root {
            --cc-font-family: inherit;
            --cc-bg: var(--white);
            --cc-separator-border-color: var(--white);

            --cc-modal-border-radius: var(--border-radius);
            --cc-btn-border-radius: var(--border-radius);

            --cc-primary-color:var(--gray-700);
            --cc-secondary-color:var(--gray-600);

            --cc-btn-primary-color: var(--white);
            --cc-btn-primary-bg: var(--primary);
            --cc-btn-primary-hover-bg: var(--primary-600);
            --cc-btn-primary-color-bg: var(--white);
            --cc-btn-primary-hover-color: var(--white);

            --cc-btn-secondary-bg:var(--gray-300);
            --cc-btn-secondary-hover-bg:var(--gray-400);

            --cc-btn-secondary-hover-color: var(--black);
            --cc-btn-secondary-hover-border-color: var(--cc-btn-secondary-hover-bg);
        }

        .cc--darkmode {
            --cc-bg: var(--white);
        }
    </style>

    <script>
        window.addEventListener('load', () => {
            let language_code = document.documentElement.getAttribute('lang');
            let language_direction = document.documentElement.getAttribute('dir');
            let translations = {};

            translations[language_code] = {
                consentModal: {
                    title: "We use cookies \ud83c\udf6a",
                    description: "Hi, this website uses essential cookies to ensure its proper operation and tracking cookies to understand how you interact with it. The latter will be set only after consent.",
                    acceptAllBtn: "Accept all",
                    acceptNecessaryBtn: "Reject all",
                    showPreferencesBtn: "Customize",
                },

                preferencesModal: {
                    title: "Cookie preferences",
                    acceptAllBtn: "Accept all",
                    acceptNecessaryBtn: "Reject all",
                    savePreferencesBtn: "Save settings",
                    closeIconLabel: "Close",
                    sections: [
                        {
                            title: "Cookie usage \ud83d\udce2",
                            description: "We use cookies to ensure the basic functionalities of the website and to enhance your online experience. You can choose for each category to opt-in\/out whenever you want. For more details relative to cookies and other sensitive data, please read the full <a href=\"\" class=\"cc-link\">privacy policy<\/a>."                        },

                        {
                            title: "Strictly necessary cookies",
                            description: "These cookies are essential for the proper functioning of my website. Without these cookies, the website would not work properly.",
                            linkedCategory: 'necessary'
                        },

                                                {
                            title: "Performance and Analytics cookies",
                            description: "These cookies allow the website to remember the choices you have made in the past.",
                            linkedCategory: 'analytics'
                        },
                        
                                                {
                            title: "Advertisement and Targeting cookies",
                            description: "These cookies collect information about how you use the website, which pages you visited and which links you clicked on. All of the data is anonymized and cannot be used to identify you.",
                            linkedCategory: 'targeting'
                        },
                                            ]
                }
            };

            CookieConsent.run({
                categories: {
                    necessary: {
                        enabled: true,
                        readOnly: true,
                    },
                    analytics: {},
                    targeting: {},
                },

                language: {
                    rtl: language_direction == 'rtl' ? language_code : null,
                    default: language_code,
                    autoDetect: 'document',
                    translations
                },

                                onFirstConsent: () => {
                    const preferences = CookieConsent.getUserPreferences();

                    if(!get_cookie('cookie_consent_logged')) {
                        navigator.sendBeacon(`${url}cookie-consent`, JSON.stringify({global_token, level: preferences.acceptedCategories}));
                        set_cookie('cookie_consent_logged', '1', 182, "\/");
                    }
                },
                onChange: () => {
                    const preferences = CookieConsent.getUserPreferences();

                    navigator.sendBeacon(`${url}cookie-consent`, JSON.stringify({global_token, level: preferences.acceptedCategories}));
                    set_cookie('cookie_consent_logged', '1', 182, "\/");
                },
                
                guiOptions: {
                    consentModal: {
                        layout: "bar",
                        position: "middle center",
                        flipButtons: false
                    },
                    preferencesModal: {
                        layout: 'box',
                    }
                },
            });
        });
    </script>
        </body>
</html>
