1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <meta name="csrf-token" content="Xr7sHdBx1ONMEdXlVcg6sUds2OGhTWXFcDGAfCcq"> 7 <title>NitiWeb - Business Automation & Software Development</title> 8 <meta name="description" content="Professional software development and business automation solutions"> 9 10 <!-- OG Tags --> 11 <meta property="og:type" content="website"> 12 <meta property="og:title" content="NITIWEB"> 13 <meta property="og:description" content="Professional software development"> 14 <meta property="og:image" content="https://nitiweb.net/images/logo.png"> 15 <meta property="og:url" content="https://nitiweb.net"> 16 17 <!-- Twitter Card --> 18 <meta name="twitter:card" content="summary_large_image"> 19 <meta name="twitter:title" content="NITIWEB"> 20 <meta name="twitter:description" content="Professional software development"> 21 <meta name="twitter:image" content="https://nitiweb.net/images/logo.png"> 22 23 <!-- Canonical URL --> 24 <link rel="canonical" href="https://nitiweb.net"> 25 26 <!-- Favicon --> 27 <link rel="shortcut icon" href="https://nitiweb.net/images/favicon.png"> 28 29 <!-- PWA Manifest --> 30 <link rel="manifest" href="/manifest.json"> 31 <meta name="theme-color" content="#0d6efd"> 32 <meta name="mobile-web-app-capable" content="yes"> 33 <meta name="apple-mobile-web-app-capable" content="yes"> 34 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> 35 <meta name="apple-mobile-web-app-title" content="NitiWeb Tools"> 36 <link rel="apple-touch-icon" href="/images/icons/icon-192x192.png"> 37 38 <!-- Header Scripts from Settings --> 39 <!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 39-40
39 40<script async src="https://www.googletagmanager.com/gtag/js?id=
40G-TGMK27YT05
vendor: 13 bytes, line 40
40"></script>
41<script> 42
vendor: 138 bytes, lines 42-46
42window.dataLayer = window.dataLayer || []; 43 function gtag(){dataLayer.push(arguments);} 44 gtag('js', new Date()); 45 46 gtag('config', '
46G-TGMK27YT05
vendor: 5 bytes, line 46
46');
47</script>
47 48 49 <!-- Google Font --> 50 <link rel="preconnect" href="https://fonts.googleapis.com"> 51 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 52 <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet"> 53 54 <!-- Bootstrap Icons --> 55 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> 56 57 <!-- Theme CSS --> 58 <link rel="preload" as="style" href="https://nitiweb.net/build/assets/style-BgQ_6jtd.css" /><link rel="modulepreload" href="https://nitiweb.net/build/assets/functions-D6uSwsV1.js" /><link rel="modulepreload" href="https://nitiweb.net/build/assets/_commonjsHelpers-C4iS2aBk.js" /><link rel="stylesheet" href="https://nitiweb.net/build/assets/style-BgQ_6jtd.css" />
58<script type="module" src="https://nitiweb.net/build/assets/functions-D6uSwsV1.js"></script>
58 <link rel="stylesheet" href="https://nitiweb.net/css/main.css"> 59 60 <!-- Additional Head Scripts --> 61 62 <!-- Dark Mode Script --> 63
63<script> 64 const storedTheme = localStorage.getItem('theme') 65 const getPreferredTheme = () => { 66 if (storedTheme) { 67 return storedTheme 68 } 69 return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light' 70 } 71 const setTheme = function(theme) { 72 if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) { 73 document.documentElement.setAttribute('data-bs-theme', 'dark') 74 } else { 75 document.documentElement.setAttribute('data-bs-theme', theme) 76 } 77 } 78 setTheme(getPreferredTheme()) 79 80 window.addEventListener('DOMContentLoaded', () => { 81 var el = document.querySelector('.theme-icon-active'); 82 if (el != 'undefined' && el != null) { 83 const showActiveTheme = theme => { 84 const activeThemeIcon = document.querySelector('.theme-icon-active use') 85 const btnToActive = document.querySelector(`[data-bs-theme-value="${theme}"]`) 86 const svgOfActiveBtn = btnToActive.querySelector('.mode-switch use').getAttribute('href') 87 document.querySelectorAll('[data-bs-theme-value]').forEach(element => { 88 element.classList.remove('active') 89 }) 90 btnToActive.classList.add('active') 91 activeThemeIcon.setAttribute('href', svgOfActiveBtn) 92 } 93 window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => { 94 if (storedTheme !== 'light' || storedTheme !== 'dark') { 95 setTheme(getPreferredTheme()) 96 } 97 }) 98 showActiveTheme(getPreferredTheme()) 99 document.querySelectorAll('[data-bs-theme-value]').forEach(toggle => { 100 toggle.addEventListener('click', () => { 101 const theme = toggle.getAttribute('data-bs-theme-value') 102 localStorage.setItem('theme', theme) 103 setTheme(theme) 104 showActiveTheme(theme) 105 }) 106 }) 107 } 108 }) 109 </script>
109 110 111 <!-- Custom styles for responsive dropdown --> 112 <style> 113 @media (min-width: 768px) and (max-width: 1199.98px) { 114 .navbar-nav .nav-item.dropdown.d-none.d-md-block.d-xl-none { 115 display: block !important; 116 } 117 } 118 @media (min-width: 1200px) { 119 .navbar-nav .nav-item.dropdown.d-none.d-md-block.d-xl-none { 120 display: none !important; 121 } 122 } 123 </style> 124 125 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"> 126<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/glightbox.min.css"> 127</head> 128<body class="d-flex flex-column min-vh-100"> 129 130 131 <!-- Header START --> 132 <header class="header-sticky"> 133 <nav class="navbar navbar-expand-md bg-dark" data-bs-theme="dark"> 134 <div class="container"> 135 <!-- Logo START --> 136 <a class="navbar-brand me-0" href="https://nitiweb.net"> 137 <img class="navbar-brand-item h-40px" src="https://nitiweb.net/images/logo-light.png" alt="NitiWeb"> 138 </a> 139 <!-- Logo END --> 140 141 <!-- Main navbar START --> 142 <div class="navbar-collapse collapse" id="navbarCollapse"> 143 <ul class="navbar-nav mx-auto dropdown-hover"> 144 <li class="nav-item"><a class="nav-link" href="https://nitiweb.net">Home</a></li> 145 146 <li class="nav-item dropdown dropdown-fullwidth"> 147 <a class="nav-link dropdown-toggle" href="#" id="libraryDropdown" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false"> 148 Library 149 </a> 150 <div class="dropdown-menu dropdown-menu-fullwidth border-radius-0 mt-0" aria-labelledby="libraryDropdown"> 151 <div class="container"> 152 <div class="row"> 153 <div class="col-lg-4"> 154 <a href="https://nitiweb.net/sites" class="mega-menu-item h-100"> 155 <div class="d-flex align-items-start"> 156 <i class="bi bi-robot mega-menu-icon"></i> 157 <div> 158 <span class="mega-menu-title">AI Tools</span> 159 <p class="mega-menu-desc">Curated directory of the best AI tools and services.</p> 160 </div> 161 </div> 162 </a> 163 </div> 164 <div class="col-lg-4"> 165 <a href="https://nitiweb.net/open-source" class="mega-menu-item h-100"> 166 <div class="d-flex align-items-start"> 167 <i class="bi bi-github mega-menu-icon"></i> 168 <div> 169 <span class="mega-menu-title">Open Source</span> 170 <p class="mega-menu-desc">Explore our open source projects and code.</p> 171 </div> 172 </div> 173 </a> 174 </div> 175 <div class="col-lg-4"> 176 <a href="https://nitiweb.net/tools" class="mega-menu-item h-100"> 177 <div class="d-flex align-items-start"> 178 <i class="bi bi-tools mega-menu-icon"></i> 179 <div>
180 <span class="mega-menu-title">Free Web Tools</span> 181 <p class="mega-menu-desc">Collection of free online developer utilities.</p> 182 </div> 183 </div> 184 </a> 185 </div> 186 </div> 187 </div> 188 </div> 189 </li> 190 191 <li class="nav-item"><a class="nav-link" href="https://nitiweb.net/projects">Projects</a></li> 192 193 <li class="nav-item d-none d-xl-block"><a class="nav-link" href="https://nitiweb.net/contact">Contact</a></li> 194 195 196 <li class="nav-item dropdown d-none d-md-block d-xl-none"> 197 <a class="nav-link dropdown-toggle" href="#" role="button" id="moreMenuDropdown" data-bs-toggle="dropdown" data-bs-auto-close="true" aria-expanded="false"> 198 More 199 </a> 200 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="moreMenuDropdown"> 201 <li><a class="dropdown-item" href="https://nitiweb.net/blog">Blog</a></li> 202 <li><a class="dropdown-item" href="https://nitiweb.net/tools"><i class="bi bi-tools"></i> Tools</a></li> 203 <li><a class="dropdown-item" href="https://nitiweb.net/contact">Contact</a></li> 204 </ul> 205 </li> 206 </ul> 207 208 <ul class="navbar-nav ms-3 align-items-center"> 209 <li class="nav-item"> 210 <a class="nav-link p-2" href="mailto:[email protected]" title="Email"> 211 <i class="bi bi-envelope-fill"></i> 212 </a> 213 </li> 214 <li class="nav-item"> 215 <a class="nav-link p-2" href="https://www.linkedin.com/in/evgeniiorel/" target="_blank" title="LinkedIn"> 216 <i class="bi bi-linkedin"></i> 217 </a> 218 </li> 219 <li class="nav-item"> 220 <a class="nav-link p-2" href="https://x.com/EvgenAutomation" target="_blank" title="Twitter"> 221 <i class="bi bi-twitter"></i> 222 </a> 223 </li> 224 <li class="nav-item"> 225 <a class="nav-link p-2" href="https://t.me/nitiwebBot" target="_blank" title="Telegram"> 226 <i class="bi bi-telegram"></i> 227 </a> 228 </li> 229 <li class="nav-item"> 230 <a class="nav-link p-2" href="https://github.com/djeknet" target="_blank" title="Github"> 231 <i class="bi bi-github"></i> 232 </a> 233 </li> 234 </ul> 235 </div> 236 <!-- Main navbar END --> 237 238 <!-- Buttons --> 239 <ul class="nav align-items-center dropdown-hover ms-sm-2"> 240 <li class="nav-item dropdown dropdown-animation d-none d-md-block"> 241 <button class="btn btn-link mb-0 px-2 lh-1" id="bd-theme" type="button" aria-expanded="false" data-bs-toggle="dropdown" data-bs-display="static"> 242 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="bi bi-circle-half theme-icon-active fill-mode fa-fw" viewBox="0 0 16 16"> 243 <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z" /> 244 <use href="#"></use> 245 </svg> 246 </button> 247 <ul class="dropdown-menu min-w-auto dropdown-menu-end" aria-labelledby="bd-theme"> 248 <li class="mb-1"> 249 <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light"> 250 <svg width="16" height="16" fill="currentColor" class="bi bi-brightness-high-fill fa-fw mode-switch me-1" viewB
250ox="0 0 16 16"> 251 <path d="M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z" /> 252 <use href="#"></use> 253 </svg>Light 254 </button> 255 </li> 256 <li class="mb-1"> 257 <button type="button" class="dropdown-item d-flex align-items-centers" data-bs-theme-value="dark"> 258 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-moon-stars-fill fa-fw mode-switch me-1" viewBox="0 0 16 16"> 259 <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z" /> 260 <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z" /> 261 <use href="#"></use> 262 </svg>Dark 263 </button> 264 </li> 265 <li> 266 <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto"> 267 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-circle-half fa-fw mode-switch me-1" viewBox="0 0 16 16"> 268 <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z" /> 269 <use href="#"></use> 270 </svg>Auto 271 </button> 272 </li> 273 </ul> 274 </li> 275 276 <li class="nav-item ms-2"> 277 <a href="https://nitiweb.net/login" class="btn btn-link text-body mb-0 px-2 lh-1 d-md-none"> 278 <i class="bi bi-person" style="font-size: 20px;"></i> 279 </a> 280 <!-- Desktop: Button with background --> 281 <a href="https://nitiweb.net/login" class="btn btn-sm btn-success d-none d-md-inline-block"> 282 <i class="bi bi-box-arrow-in-right me-1"></i>Sign In 283 </a> 284 </li> 285 286 287 <!-- Responsive navbar toggler --> 288 <li class="nav-item"> 289 <button class="navbar-toggler ms-sm-3 p-2" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
290 <span class="navbar-toggler-animation"> 291 <span></span> 292 <span></span> 293 <span></span> 294 </span> 295 </button> 296 </li> 297 </ul> 298 </div> 299 </nav> 300 </header> 301 <!-- Header END --> 302 303 <main class="flex-grow-1"> 304 <!-- **************** MAIN CONTENT START **************** --> 305<main> 306 307 <!-- Hero START --> 308 <section class="position-relative pt-sm-8 pt-lg-9 pb-4"> 309 <!-- Right side svg decoration --> 310 <div class="position-absolute top-0 end-0 z-index-2 d-none d-md-block rtl-flip"> 311 <img src="/images/elements/grad-shape/07.png" alt=""> 312 </div> 313 314 <div class="container pt-4"> 315 <div class="col-md-9 pe-3"> 316 <!-- Pre title --> 317 <p class="heading-color bg-secondary d-inline-block rounded px-3 py-2 mb-3"><span class="badge bg-dark me-2">NitiWeb</span> Maximize productivity with next-generation software</p> 318 319 <!-- Title --> 320 <h1 class="display-6 fw-semibold mb-4 lh-base"> 321 Creating software solutions for your 322 </h1> 323 <div class="text-primary display-6 fw-semibold mb-4"> 324 <span class="typed-text"></span><span class="typed-cursor">|</span> 325 </div> 326 327 <!-- Button and info --> 328 <div class="d-flex gap-3 gap-sm-4 flex-wrap"> 329 <!-- Button --> 330 <a href="https://nitiweb.net/projects" class="btn btn-primary-grad">Explore our work</a> 331 332 <!-- Info --> 333 <div class="d-flex gap-2 align-items-center"> 334 <p class="heading-color mb-0">Business automation & Software development</p> 335 </div> 336 </div> 337 </div> 338 </div> 339 </section> 340 <!-- Hero END --> 341 342 <!-- Image and client START --> 343 <section class="bg-secondary position-relative overflow-hidden"> 344 <!-- skewed divider --> 345 <span class="position-absolute top-0 start-0"> 346 <svg class="fill-body" width="1920" height="237" viewBox="0 0 1920 237" fill="none" xmlns="http://www.w3.org/2000/svg"> 347 <path d="M1940.5 0H-9V164C708.2 295.2 1589.5 218.667 1940.5 164V0Z" /> 348 </svg> 349 </span> 350 351 <div class="container position-relative z-index-9"> 352 <!-- Grad blur decoration --> 353 <div class="position-absolute top-0 start-50 translate-middle-x mt-n3"> 354 <img src="/images/elements/grad-shape/blur-decoration-2.svg" class="opacity-2 blur-8" alt="Grad shape"> 355 </div> 356 357 <!-- Image --> 358 <div class="bg-body bg-opacity-10 bg-blur border border-white border-opacity-25 position-relative rounded-4 shadow-primary-lg p-4"> 359 <!-- Dots --> 360 <span class="text-purple"> 361 <svg class="mt-n4" width="40" height="10" viewBox="0 0 40 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 362 <path d="M10 5C10 7.76142 7.76142 10 5 10C2.23858 10 0 7.76142 0 5C0 2.23858 2.23858 0 5 0C7.76142 0 10 2.23858 10 5Z" fill="currentColor" /> 363 <path d="M25 5C25 7.76142 22.7614 10 20 10C17.2386 10 15 7.76142 15 5C15 2.23858 17.2386 0 20 0C22.7614 0 25 2.23858 25 5Z" fill="currentColor" /> 364 <path d="M40 5C40 7.76142 37.7614 10 35 10C32.2386 10 30 7.76142 30 5C30 2.23858 32.2386 0 35 0C37.7614 0 40 2.23858 40 5Z" fill="currentColor" /> 365 </svg> 366 </span> 367 368 <!-- Images content --> 369 <div class="row rounded-4 overflow-hidden g-0"> 370 <!-- Image --> 371 <div class="col-sm-5"> 372 <div class="h-100" style="background:url(/images/bg/02.jpg) no-repeat; background-size:cover; background-position:center; min-height: 400px;"></div> 373 </div> 374 375 <!-- Code image --> 376 <div class="col-sm-7"> 377 <div class="h-100" style="background:url(/images/bg/code.jpg) no-repeat; background-size:cover; background-position:left top; min-height: 400px;"></div> 378 </div> 379 </div> 380 </div> 381 382 <!-- Client slider START --> 383 <div class="swiper mt-6" data-swiper-options='{ 384 "slidesPerView": 2, 385 "spaceBetween": 50, 386 "breakpoints": { 387 "576": {"slidesPerView": 3}, 388 "768": {"slidesPerView": 4}, 389 "1200": {"slidesPerView": 6}, 390 "1400": {"slidesPerView": 8} 391 }}'> 392 393 <!-- Slider items --> 394 <div class="swiper-wrapper align-items-center"> 395 <div class="swiper-slide"> 396 <div class="swap-logo"> 397 <img src="/images/client/logo-gray/01.svg" alt="client-img"> 398 <div class="swap-item"> 399 <img src="/images/client/logo-light/01.svg" class="dark-mode-item" alt="client logo"> 400 <img src="/images/client/logo-dark/01.svg" class="light-mode-item" alt="client logo"> 401 </div> 402 </div> 403 </div> 404 <div class="swiper-slide"> 405 <div class="swap-logo"> 406 <img src="/images/client/logo-gray/02.svg" alt="client-img"> 407 <div class="swap-item"> 408 <img src="/images/client/logo-light/02.svg" class="dark-mode-item" alt="client logo"> 409 <img src="/images/client/logo-dark/02.svg" class="light-mode-item" alt="client logo"> 410 </div> 411 </div> 412 </div> 413 <div class="swiper-slide"> 414 <div class="swap-logo"> 415 <img src="/images/client/logo-gray/03.svg" alt="client-img"> 416 <div class="swap-item"> 417 <img src="/images/client/logo-light/03.svg" class="dark-mode-item" alt="client logo"> 418 <img src="/images/client/logo-dark/03.svg" class="light-mode-item" alt="client logo"> 419 </div> 420 </div> 421 </div> 422 <div class="swiper-slide"> 423 <div class="swap-logo"> 424 <img src="/images/client/logo-gray/04.svg" alt="client-img"> 425 <div class="swap-item"> 426 <img src="/images/client/logo-light/04.svg" class="dark-mode-item" alt="client logo"> 427 <img src="/images/client/logo-dark/04.svg" class="light-mode-item" alt="client logo"> 428 </div> 429 </div> 430 </div> 431 <div class="swiper-slide"> 432 <div class="swap-logo"> 433 <img src="/images/client/logo-gray/05.svg" alt="client-img"> 434 <div class="swap-item"> 435 <img src="/images/client/logo-light/05.svg" class="dark-mode-item" alt="client logo"> 436 <img src="/images/client/logo-dark/05.svg" class="light-mode-item" alt="client logo"> 437 </div> 438 </div> 439 </div> 440 <div class="swiper-slide"> 441 <div class="swap-logo"> 442 <img src="/images/client/logo-gray/06.svg" alt="client-img"> 443 <div class="swap-item"> 444 <img src="/images/client/logo-light/06.svg" class="dark-mode-item" alt="client logo"> 445 <img src="/images/client/logo-dark/06.svg" class="light-mode-item" alt="client logo"> 446 </div> 447 </div> 448 </div> 449 <div class="swiper-slide"> 450 <div class="swap-logo"> 451 <img src="/images/client/logo-gray/07.svg" alt="client-img"> 452 <div class="swap-item"> 453 <img src="/images/client/logo-light/07.svg" class="dark-mode-item" alt="client logo"> 454 <img src="/images/client/logo-dark/07.svg" class="light-mode-item" alt="client logo"> 455 </div> 456 </div> 457 </div> 458 <div class="swiper-slide"> 459 <div class="swap-logo"> 460 <img src="/images/client/logo-gray/08.svg" alt="client-img"> 461 <div class="swap-item"> 462 <img src="/images/client/logo-light/08.svg" class="dark-mode-item" alt="client logo"> 463 <img src="/images/client/logo-dark/08.svg" class="light-mode-item" alt="client logo"> 464 </div> 465 </div> 466 </div> 467 <div class="swiper-slide"> 468 <div class="swap-logo"> 469 <img src="/images/client/logo-gray/09.svg" alt="client-img"> 470 <div class="swap-item"> 471 <img src="/images/client/logo-light/09.svg" class="dark-mode-item" alt="client logo"> 472 <img src="/images/client/logo-dark/09.svg" class="light-mode-item" alt="client logo"> 473 </div> 474 </div> 475 </div> 476 </div> 477 </div> 478 <!-- Client slider END --> 479 </div> 480 </section> 481 <!-- Image and client END --> 482 483 <!-- About START --> 484 <section class="bg-secondary pt-0 overflow-hidden"> 485 <div class="container"> 486 <div class="row g-4"> 487 <!-- Title and contents --> 488 <div class="col-lg-5"> 489 <h2 class="mb-2 mb-lg-4">Leading the future of business automation</h2> 490 <p class="mb-2 mb-lg-4">Our expert team is dedicated to understanding your unique needs and delivering solutions that exceed expectations.</p> 491 492 <!-- List --> 493 <ul class="list-group list-group-borderless mb-3 mb-lg-4"> 494 <li class="list-group-item d-flex heading-color fw-semibold pb-0"><i class="bi bi-check-circle text-primary me-2"></i>
494Custom software development</li> 495 <li class="list-group-item d-flex heading-color fw-semibold pb-0"><i class="bi bi-check-circle text-primary me-2"></i>Business process automation</li> 496 <li class="list-group-item d-flex heading-color fw-semibold pb-0"><i class="bi bi-check-circle text-primary me-2"></i>Quality assurance & support</li> 497 </ul> 498 499 <!-- Buttons --> 500 <div class="d-flex gap-3 flex-wrap"> 501 <a href="https://nitiweb.net/projects" class="btn btn-primary mb-0">View Portfolio</a> 502 <a href="https://nitiweb.net/contact" class="link-primary-grad icon-link icon-link-hover">Schedule a consultation <i class="bi bi-arrow-right"></i></a> 503 </div> 504 </div> 505 506 <!-- Image --> 507 <div class="col-lg-6 position-relative ms-auto ps-lg-4"> 508 <!-- Shape decoration --> 509 <div class="position-absolute start-0 bottom-0 ms-n6 mb-5 d-none d-sm-block"> 510 <img src="/images/elements/grad-shape/08.png" class="blur-1 z-index-9 position-relative" alt="shape decoration"> 511 </div> 512 513 <!-- Blur decoration --> 514 <div class="position-absolute top-50 start-0 translate-middle-y ms-n4 mt-n7"> 515 <img src="/images/elements/grad-shape/blur-decoration.svg" class="blur-7 opacity-1" alt="Grad shape"> 516 </div> 517 518 <!-- Main image --> 519 <img src="/images/about/04.jpg" class="rounded-4 position-relative z-index-2" alt="about image"> 520 </div> 521 522 </div> 523 </div> 524 </section> 525 <!-- About END --> 526 527 <!-- Services START --> 528 <section class="bg-secondary position-relative overflow-hidden pt-0"> 529 <div class="container position-relative"> 530 <!-- Title --> 531 <div class="inner-container-small text-center mb-6 mb-lg-7"> 532 <h2 class="mb-0">Our expert services</h2> 533 </div> 534 535 <!-- Services START --> 536 <div class="row g-4 g-xl-5"> 537 <!-- Service item --> 538 <div class="col-sm-6 col-lg-4 mb-4"> 539 <div class="card card-hover-shadow card-icon-transition text-center bg-body bg-opacity-50 bg-blur rounded-4 h-100 p-4"> 540 <!-- Icon --> 541 <div class="card-icon icon-xl bg-pink d-flex justify-content-center align-items-center text-white rounded-circle"> 542 <svg width="40" height="40" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg"> 543 <path d="M22.5587 22.5601C22.1315 22.9872 22.1315 23.6797 22.5587 24.1068C22.9858 24.534 23.6782 24.534 24.1054 24.1068L22.5587 22.5601ZM29.1654 17.5001L29.9387 18.2735C30.1439 18.0684 30.2591 17.7902 30.2591 17.5001C30.2591 17.2101 30.1439 16.9318 29.9387 16.7268L29.1654 17.5001ZM24.1054 10.8934C23.6782 10.4663 22.9858 10.4663 22.5587 10.8934C22.1315 11.3205 22.1315 12.0131 22.5587 12.4402L24.1054 10.8934ZM12.4388 12.4402C12.8659 12.0131 12.8659 11.3205 12.4388 10.8934C12.0116 10.4663 11.3191 10.4663 10.892 10.8934L12.4388 12.4402ZM5.83203 17.5001L5.05863 16.7268C4.85352 16.9318 4.73828 17.2101 4.73828 17.5001C4.73828 17.7902 4.85352 18.0684 5.05863 18.2735L5.83203 17.5001ZM10.892 24.1068C11.3191 24.534 12.0116 24.534 12.4388 24.1068C12.8659 23.6797 12.8659 22.9872 12.4388 22.5601L10.892 24.1068ZM13.5304 27.408C13.3644 27.9887 13.7007 28.5941 14.2816 28.7601C14.8623 28.926 15.4677 28.5897 15.6336 28.0089L13.5304 27.408ZM21.467 7.59226C21.6329 7.01144 21.2966 6.40607 20.7158 6.24012C20.1351 6.07416 19.5297 6.41049 19.3638 6.99131L21.467 7.59226ZM24.1054 24.1068L29.9387 18.2735L28.392 16.7268L22.5587 22.5601L24.1054 24.1068ZM29.9387 16.7268L24.1054 10.8934L22.5587 12.4402L28.392 18.2735L29.9387 16.7268ZM10.892 10.8934L5.05863 16.7268L6.60543 18.2735L12.4388 12.4402L10.892 10.8934ZM5.05863 18.2735L10.892 24.1068L12.4388 22.5601L6.60543 16.7268L5.05863 18.2735ZM15.6336 28.0089L21.467 7.59226L19.3638 6.99
543131L13.5304 27.408L15.6336 28.0089Z" fill="currentColor" /> 544 </svg> 545 </div> 546 547 <!-- Card body --> 548 <div class="card-footer bg-transparent mt-6 p-0"> 549 <h6 class="mb-3">Custom Software Development</h6> 550 <p>Transform your unique ideas into reality with our custom development services.</p> 551 <a href="https://nitiweb.net/contact" class="link-primary-grad icon-link icon-link-hover stretched-link mb-0">Learn more <i class="bi bi-arrow-right"></i></a> 552 </div> 553 </div> 554 </div> 555 556 <!-- Service item --> 557 <div class="col-sm-6 col-lg-4 mb-4"> 558 <div class="card card-hover-shadow card-icon-transition text-center bg-body bg-opacity-50 bg-blur rounded-4 h-100 p-4"> 559 <!-- Icon --> 560 <div class="card-icon icon-xl bg-purple d-flex justify-content-center align-items-center text-white rounded-circle"> 561 <svg width="35" height="35" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> 562 <path d="M8.99982 16.6666C7.03588 17.5593 6.0539 18.0056 5.66258 18.5624C5.05648 19.4249 5.05648 20.5749 5.66258 21.4374C6.0539 21.9943 7.03588 22.4406 8.99982 23.3333M8.99982 16.6666C7.03588 15.7739 6.0539 15.3276 5.66258 14.7707C5.05648 13.9083 5.05648 12.7583 5.66258 11.8958C6.0539 11.339 7.03588 10.8926 8.99982 9.99994L18.1376 5.84636C18.951 5.47673 19.3575 5.29189 19.7868 5.25519C19.9285 5.24306 20.0711 5.24306 20.2128 5.25519C20.6421 5.29189 21.0486 5.47673 21.862 5.84636L30.9998 9.99994C32.9638 10.8926 33.9457 11.339 34.337 11.8958C34.9432 12.7583 34.9432 13.9083 34.337 14.7707C33.9457 15.3276 32.9638 15.7739 30.9998 16.6666M8.99982 16.6666L18.1376 20.8203C18.951 21.1898 19.3575 21.3746 19.7868 21.4114C19.9285 21.4234 20.0711 21.4234 20.2128 21.4114C20.6421 21.3746 21.0486 21.1898 21.862 20.8203L30.9998 16.6666M8.99982 23.3333C7.03588 24.2259 6.0539 24.6723 5.66258 25.2291C5.05648 26.0916 5.05648 27.2416 5.66258 28.1041C6.0539 28.6609 7.03588 29.1073 8.99982 29.9999L18.1376 34.1536C18.951 34.5231 19.3575 34.7079 19.7868 34.7448C19.9285 34.7568 20.0711 34.7568 20.2128 34.7448C20.6421 34.7079 21.0486 34.5231 21.862 34.1536L30.9998 29.9999C32.9638 29.1073 33.9457 28.6609 34.337 28.1041C34.9432 27.2416 34.9432 26.0916 34.337 25.2291C33.9457 24.6723 32.9638 24.2259 30.9998 23.3333M8.99982 23.3333L18.1376 27.4869C18.951 27.8564 19.3575 28.0413 19.7868 28.0781C19.9285 28.0901 20.0711 28.0901 20.2128 28.0781C20.6421 28.0413 21.0486 27.8564 21.862 27.4869L30.9998 23.3333M30.9998 16.6666C32.9638 17.5593 33.9457 18.0056 34.337 18.5624C34.9432 19.4249 34.9432 20.5749 34.337 21.4374C33.9457 21.9943 32.9638 22.4406 30.9998 23.3333" stroke="currentColor" stroke-width="2.5" stroke-linejoin="round" /> 563 </svg> 564 </div> 565 566 <!-- Card body --> 567 <div class="card-footer bg-transparent mt-6 p-0"> 568 <h6 class="mb-3">Business Automation</h6> 569 <p>Streamline your operations with intelligent automation solutions.</p> 570 <a href="https://nitiweb.net/contact" class="link-primary-grad icon-link icon-link-hover stretched-link mb-0">Learn more <i class="bi bi-arrow-right"></i></a> 571 </div> 572 </div> 573 </div> 574 575 <!-- Service item --> 576 <div class="col-sm-6 col-lg-4 mb-4"> 577 <div class="card card-hover-shadow card-icon-transition text-center bg-body bg-opacity-50 bg-blur rounded-4 h-100 p-4"> 578 <!-- Icon --> 579 <div class="card-icon icon-xl bg-warning d-flex justify-content-center align-items-center text-white rounded-circle"> 580 <svg width="40" height="40" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> 581 <path d="M16.9076 8.95361L11.4613 10.3868C10.8209 10.5554 10.5007 10.6396 10.2575 10.8362C10.1776 10.9008 10.1047 10.9737 10.0401 11.0536C9.84355 11.2968 9.75929 11.617 9.59077 12.2574L6.51585 23.9421C5.73018 26.9276 5.33735 28.4204 5.95407 29.3682C6.14829 29.6667 6.40282 29.9212 6.7013 30.1154C7.64911 30.7322 9.14189 30.3393 12.1274 29.5536L23.8121 26.4787C24.4525 26.3102 24.7727 26.2259 25.0159 26.0294C25.0958 25.9648 25.1687 25.8919 25.2333 25.812C25.4299 25.5688 25.5141 25.2486 25.6827 24.6082L27.
5811159 19.1619M16.9076 8.95361L27.1159 19.1619M16.9076 8.95361L19.4264 6.43477C20.1997 5.66143 20.5864 5.27475 21.0544 5.20063C21.2056 5.17669 21.3595 5.17669 21.5107 5.20063C21.9787 5.27475 22.3654 5.66143 23.1387 6.43477L29.6347 12.9308C30.4081 13.7041 30.7947 14.0908 30.8689 14.5588C30.8928 14.71 30.8928 14.8639 30.8689 15.0151C30.7947 15.4831 30.4081 15.8698 29.6347 16.6431L27.1159 19.1619" stroke="currentColor" stroke-width="2.1875" stroke-linecap="round" stroke-linejoin="round" /> 582 <path d="M14.9023 21.1742C13.8452 20.1171 13.8452 18.4032 14.9023 17.3461C15.9595 16.2889 17.6734 16.2889 18.7305 17.3461C19.7876 18.4032 19.7876 20.1171 18.7305 21.1742C17.6734 22.2313 15.9595 22.2313 14.9023 21.1742ZM14.9023 21.1742L11.0742 25.0023" stroke="currentColor" stroke-width="2.1875" stroke-linecap="round" stroke-linejoin="round" /> 583 </svg> 584 </div> 585 586 <!-- Card body --> 587 <div class="card-footer bg-transparent mt-6 p-0"> 588 <h6 class="mb-3">UX/UI Design</h6> 589 <p>Create beautiful and functional interfaces that users love.</p> 590 <a href="https://nitiweb.net/contact" class="link-primary-grad icon-link icon-link-hover stretched-link mb-0">Learn more <i class="bi bi-arrow-right"></i></a> 591 </div> 592 </div> 593 </div> 594 595 <!-- Service item --> 596 <div class="col-sm-6 col-lg-4 mb-4"> 597 <div class="card card-hover-shadow card-icon-transition text-center bg-body bg-opacity-50 bg-blur rounded-4 h-100 p-4"> 598 <!-- Icon --> 599 <div class="card-icon icon-xl bg-primary d-flex justify-content-center align-items-center text-white rounded-circle"> 600 <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> 601 <path d="M20 5V8.33333M20 5C15.8579 5 12.1079 6.67893 9.3934 9.3934M20 5C24.1418 5 27.8917 6.67875 30.6062 9.39295M9.3934 9.3934C6.67893 12.1079 5 15.8579 5 20M9.3934 9.3934L11.7488 11.7488M30.6062 9.39295C33.3208 12.1074 35 15.8576 35 20M30.6062 9.39295L28.2492 11.75M5 20H8.33333M5 20C5 24.1418 6.67875 27.8917 9.39295 30.6062M9.39295 30.6062C12.1074 33.3208 15.8576 35 20 35M9.39295 30.6062L11.75 28.2492M35 20H31.6667M35 20C35 24.1422 33.321 27.8922 30.6067 30.6067M30.6067 30.6067C27.8922 33.321 24.1422 35 20 35M30.6067 30.6067L28.248 28.248M20 35V31.6667M19.9993 17.5C21.38 17.5 22.5 18.6193 22.5 20C22.5 21.3807 21.3807 22.5 20 22.5C18.6193 22.5 17.5 21.3803 17.5 19.9997C17.5 18.6193 18.619 17.5 19.9993 17.5ZM19.9993 17.5V12.9167" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" /> 602 </svg> 603 </div> 604 605 <!-- Card body --> 606 <div class="card-footer bg-transparent mt-6 p-0"> 607 <h6 class="mb-3">Quality Assurance</h6> 608 <p>Ensure your software works flawlessly with rigorous testing.</p> 609 <a href="https://nitiweb.net/contact" class="link-primary-grad icon-link icon-link-hover stretched-link mb-0">Learn more <i class="bi bi-arrow-right"></i></a> 610 </div> 611 </div> 612 </div> 613 614 <!-- Service item --> 615 <div class="col-sm-6 col-lg-4 mb-4"> 616 <div class="card card-hover-shadow card-icon-transition text-center bg-body bg-opacity-50 bg-blur rounded-4 h-100 p-4"> 617 <!-- Icon --> 618 <div class="card-icon icon-xl bg-success d-flex justify-content-center align-items-center text-white rounded-circle"> 619 <svg width="40" height="40" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> 620 <path d="M7.79167 24.1979V24.1979C6.64783 24.1979 5.5866 23.5194 5.2982 22.4125C5.02201 21.3525 4.875 20.2403 4.875 19.0938C4.875 11.845 10.7513 5.96875 18 5.96875C25.2487 5.96875 31.125 11.845 31.125 19.0938C31.125 20.2403 30.978 21.3525 30.7018 22.4125C30.4134 23.5194 29.3522 24.1979 28.2083 24.1979V24.1979M25.2917 30.0313V30.0313C26.9025 30.0313 28.2083 28.7254 28.2083 27.1146V21.2813C28.2083 19.6704 26.9025 18.3646 25.2917 18.3646V18.3646C23.6808 18.3646 22.375 19.6704 22.375 21.2813V27.1146C22.375 28.7254 23.6808 30.0313 25.2917 30.0313ZM10.7083 30.0313V30.0313C12.3192 30.0313 13.625 28.7254 13.625 27.1146V21.2813C13.625 19.6704 12.3192 18.3646 10.7083 18.3646V18.3646C9.0975 18.3646 7.79167 19.6704 7.79167 21.2813V27.1146C7.79167 28.7254 9.0975 30.0313 10.7083 30.0313Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" /> 621 </svg> 622 </div> 623 624 <!-- Card body --> 625 <div class="card-footer bg-transparent mt-6 p-0"> 626 <h6 class="mb-3">Maintenance & Support</h6> 627 <p>Keep your software running smoothly with ongoing support.</p> 628 <a href="https://nitiweb.net/contact" class="link-primary-grad icon-link icon-link-hover stretched-link mb-0">Learn more <i class="bi bi-arrow-right"></i></a> 629 </div> 630 </div> 631 </div> 632 633 <!-- button --> 634 <div class="col-sm-6 col-lg-4 mb-4"> 635 <div class="d-flex flex-column justify-content-center align-items-center text-center h-100"> 636 <img src="/images/elements/emoji.png" class="mb-3" alt=""> 637 <p>Need something else?</p> 638 <a href="https://nitiweb.net/contact" class="btn btn-primary-grad mb-0">Contact Us</a> 639 </div> 640 </div> 641 642 </div> 643 <!-- Services END --> 644 </div> 645 </section> 646 <!-- Services END --> 647 648 <!-- Our Projects START --> 649 <section class="pt-0 pt-sm-5"> 650 <div class="container"> 651 <!-- Title --> 652 <div class="inner-container-small text-center mb-4 mb-sm-6"> 653 <h2 class="mb-4">Our Projects</h2> 654 <p class="mb-0">Check out our latest work and innovative solutions we've created for businesses</p> 655 </div> 656 657 <!-- Projects grid --> 658 <div class="row g-4 g-lg-5"> 659 <div class="col-sm-6 col-lg-4"> 660 <article class="card card-img-scale card-content-hover bg-transparent overflow-hidden h-100 p-0"> 661 <!-- Card image --> 662 <div class="card-img-scale-wrapper rounded-4"> 663 <img src="https://nitiweb.net/storage/projects/1/68f7c97811b33.png" class="rounded-4 img-scale" alt="FontDetector Pro"> 664 <!-- Arrow button -->
665 <div class="card-img-overlay hover-content d-flex flex-column align-items-center justify-content-center p-5"> 666 <div class="icon-xl bg-dark text-white rounded-circle"><i class="bi bi-arrow-up-right"></i></div> 667 </div> 668 </div> 669 670 <!-- Card Body --> 671 <div class="card-body px-2"> 672 <!-- Title --> 673 <h6 class="card-title mb-2"> 674 <a href="https://nitiweb.net/projects/1_font_detector" class="stretched-link"> 675 FontDetector Pro 676 </a> 677 </h6> 678 <p class="mb-0 small">FontDetector Pro is a handy tool for finding, comparing, and downloading fonts d...</p> 679 </div> 680 </article> 681 </div> 682 <div class="col-sm-6 col-lg-4"> 683 <article class="card card-img-scale card-content-hover bg-transparent overflow-hidden h-100 p-0"> 684 <!-- Card image --> 685 <div class="card-img-scale-wrapper rounded-4"> 686 <img src="https://nitiweb.net/storage/projects/2/68f7cd220052e.png" class="rounded-4 img-scale" alt="N8N Master"> 687 <!-- Arrow button --> 688 <div class="card-img-overlay hover-content d-flex flex-column align-items-center justify-content-center p-5"> 689 <div class="icon-xl bg-dark text-white rounded-circle"><i class="bi bi-arrow-up-right"></i></div> 690 </div> 691 </div> 692 693 <!-- Card Body --> 694 <div class="card-body px-2"> 695 <!-- Title --> 696 <h6 class="card-title mb-2"> 697 <a href="https://nitiweb.net/projects/2_n8n_master_workflow_assistant" class="stretched-link"> 698 N8N Master 699 </a> 700 </h6> 701 <p class="mb-0 small">Supercharge Your n8n Experience with n8n Master â AI-Powered Chrome Extension...</p> 702 </div> 703 </article> 704 </div> 705 <div class="col-sm-6 col-lg-4"> 706 <article class="card card-img-scale card-content-hover bg-transparent overflow-hidden h-100 p-0"> 707 <!-- Card image --> 708 <div class="card-img-scale-wrapper rounded-4"> 709 <img src="https://nitiweb.net/storage/projects/3/68f7cfd095f43.jpg" class="rounded-4 img-scale" alt="SalesPilot AI - SEO & UX Analysis"> 710 <!-- Arrow button --> 711 <div class="card-img-overlay hover-content d-flex flex-column align-items-center justify-content-center p-5"> 712 <div class="icon-xl bg-dark text-white rounded-circle"><i class="bi bi-arrow-up-right"></i></div> 713 </div> 714 </div> 715 716 <!-- Card Body --> 717 <div class="card-body px-2"> 718 <!-- Title --> 719 <h6 class="card-title mb-2"> 720 <a href="https://nitiweb.net/projects/3_salespilot_ai_seo_ux_analysis" class="stretched-link"> 721 SalesPilot AI - SEO & UX Analysis 722 </a> 723 </h6> 724 <p class="mb-0 small">SalesPilot AI: Boost Your Store Sales with AI-Powered SEO & UX Optimization 725 726S...</p> 727 </div> 728 </article> 729 </div> 730 <div class="col-sm-6 col-lg-4"> 731 <article class="card card-img-scale card-content-hover bg-transparent overflow-hidden h-100 p-0"> 732 <!-- Card image --> 733 <div class="card-img-scale-wrapper rounded-4"> 734 <img src="https://nitiweb.net/storage/projects/4/68f7d2889a6b2.jpg" class="rounded-4 img-scale" alt="Firelinks"> 735 <!-- Arrow button -->
736 <div class="card-img-overlay hover-content d-flex flex-column align-items-center justify-content-center p-5"> 737 <div class="icon-xl bg-dark text-white rounded-circle"><i class="bi bi-arrow-up-right"></i></div> 738 </div> 739 </div> 740 741 <!-- Card Body --> 742 <div class="card-body px-2"> 743 <!-- Title --> 744 <h6 class="card-title mb-2"> 745 <a href="https://nitiweb.net/projects/4_firelinks" class="stretched-link"> 746 Firelinks 747 </a> 748 </h6> 749 <p class="mb-0 small">Firelinks - is a service for working with your links and distributing traffic wi...</p> 750 </div> 751 </article> 752 </div> 753 <div class="col-sm-6 col-lg-4"> 754 <article class="card card-img-scale card-content-hover bg-transparent overflow-hidden h-100 p-0"> 755 <!-- Card image --> 756 <div class="card-img-scale-wrapper rounded-4"> 757 <img src="https://nitiweb.net/storage/projects/5/693889b29eabb.png" class="rounded-4 img-scale" alt="AiLex - Browser AI Agent"> 758 <!-- Arrow button --> 759 <div class="card-img-overlay hover-content d-flex flex-column align-items-center justify-content-center p-5"> 760 <div class="icon-xl bg-dark text-white rounded-circle"><i class="bi bi-arrow-up-right"></i></div> 761 </div> 762 </div> 763 764 <!-- Card Body --> 765 <div class="card-body px-2"> 766 <!-- Title --> 767 <h6 class="card-title mb-2"> 768 <a href="https://nitiweb.net/projects/5_ailex_browser_ai_agent" class="stretched-link"> 769 AiLex - Browser AI Agent 770 </a> 771 </h6> 772 <p class="mb-0 small"> 773 774 775AiLex is not just a chatbot, but a powerful ecosystem for working with art...</p> 776 </div> 777 </article> 778 </div> 779 <div class="col-sm-6 col-lg-4"> 780 <article class="card card-img-scale card-content-hover bg-transparent overflow-hidden h-100 p-0"> 781 <!-- Card image --> 782 <div class="card-img-scale-wrapper rounded-4"> 783 <img src="https://nitiweb.net/storage/projects/6/6a5cfaa317c0e.jpg" class="rounded-4 img-scale" alt="Botconsole"> 784 <!-- Arrow button --> 785 <div class="card-img-overlay hover-content d-flex flex-column align-items-center justify-content-center p-5"> 786 <div class="icon-xl bg-dark text-white rounded-circle"><i class="bi bi-arrow-up-right"></i></div> 787 </div> 788 </div> 789 790 <!-- Card Body --> 791 <div class="card-body px-2"> 792 <!-- Title --> 793 <h6 class="card-title mb-2"> 794 <a href="https://nitiweb.net/projects/6_botconsole-ai-chat-bots" class="stretched-link"> 795 Botconsole 796 </a> 797 </h6> 798 <p class="mb-0 small">Botconsole is a unified platform for building and managing AI-powered chatbots a...</p> 799 </div> 800 </article> 801 </div> 802 </div> 803 804 <!-- View all button --> 805 <div class="text-center mt-5"> 806 <a href="https://nitiweb.net/projects" class="btn btn-dark mb-0">View all projects</a> 807 </div> 808 </div> 809 </section> 810 <!-- Our Projects END --> 811 812 813 <!-- Top AI Tools START --> 814 <section class="pt-5 pb-5"> 815 <div class="container"> 816 <div class="inner-container-small text-center mb-4 mb-sm-6"> 817 <h2 class="mb-4">Discover best AI tools</h2> 818 <p class="mb-0">Discover the most popular AI tools and services</p> 819 </div> 820 821 <div class="row g-4"> 822 <div class="col-sm-6 col-md-4 col-lg-3"> 823 <div class="card h-100 border shadow-sm bg-body-tertiary rounded-3 position-relative"> 824 <div class="site-preview-container position-relative bg-secondary bg-opacity-10 d-flex align-items-center justify-content-center overflow-hidden rounded-top-3" style="height: 180px; z-index: 1;"> 825 826 827 <img src="https://nitiweb.net/storage/websites/69fe8c13b934e_thumb.png" 828 class="site-preview-media position-absolute top-0 start-0 w-100 h-100 active" 829 alt="GroMach" 830 style="object-fit: cover; pointer-events: none; opacity: 1; transition: opacity 0.5s ease-in-out;"> 831 832 <img src="https://nitiweb.net/storage/websites/screenshots/7415/69fe8c140549c_thumb.png" 833 class="site-preview-media position-absolute top-0 start-0 w-100 h-100 d-none" 834 alt="GroMach" 835 style="object-fit: cover; pointer-events: none; opacity: 0; transition: opacity 0.5s ease-in-out;"> 836 837 <!-- Progress bar for hover effect --> 838 <div class="preview-progress position-absolute bottom-0 start-0 w-100 d-flex px-2 pb-2 gap-1" style="height: 4px; opacity: 0; transition: opacity 0.2s; z-index: 10; pointer-events: none;"> 839 <div class="progress-bar-item flex-grow-1 rounded-pill bg-dark bg-opacity-50" style="height: 100%;"> 840 <div class="progress-fill bg-white rounded-pill h-100" style="width: 0%; transition: none;"></div> 841 </div> 842 <div class="progress-bar-item flex-grow-1 rounded-pill bg-dark bg-opacity-50" style="height: 100%;"> 843 <div class="progress-fill bg-white rounded-pill h-100" style="width: 0%; transition: none;"></div> 844 </div> 845 </div> 846 </div> 847 <div class="card-body"> 848 <div class="d-flex justify-content-between align-items-start mb-2 gap-2"> 849 <h5 class="card-title mb-0 flex-grow-1" style="min-width: 0; overflow-wrap: break-word; word-break: break-word;"> 850 <a href="https://nitiweb.net/sites/ai-marketing-tools/gromach" 851 class="text-decoration-none stretched-link">
852 GroMach 853 </a> 854 </h5> 855 <span class="badge bg-secondary flex-shrink-0" style="white-space: nowrap;"> 856 <i class="bi bi-hand-thumbs-up-fill"></i> 1 857 </span> 858 </div> 859 <p class="card-text small text-muted mb-2">GroMach is a pioneering Generative Engine Optimization (GEO) platform.</p> 860 <div> 861 <span class="badge bg-info text-dark">AI Marketing Tools</span> 862 </div> 863 </div> 864</div> 865 </div> 866 <div class="col-sm-6 col-md-4 col-lg-3"> 867 <div class="card h-100 border shadow-sm bg-body-tertiary rounded-3 position-relative"> 868 <div class="site-preview-container position-relative bg-secondary bg-opacity-10 d-flex align-items-center justify-content-center overflow-hidden rounded-top-3" style="height: 180px; z-index: 1;"> 869 870 871 <img src="https://nitiweb.net/storage/websites/6a0b1b30de093_thumb.png" 872 class="site-preview-media position-absolute top-0 start-0 w-100 h-100 active" 873 alt="ytzolo" 874 style="object-fit: cover; pointer-events: none; opacity: 1; transition: opacity 0.5s ease-in-out;"> 875 876 <img src="https://nitiweb.net/storage/websites/screenshots/7417/6a0b1b3324153_thumb.png" 877 class="site-preview-media position-absolute top-0 start-0 w-100 h-100 d-none" 878 alt="ytzolo" 879 style="object-fit: cover; pointer-events: none; opacity: 0; transition: opacity 0.5s ease-in-out;"> 880 881 <!-- Progress bar for hover effect --> 882 <div class="preview-progress position-absolute bottom-0 start-0 w-100 d-flex px-2 pb-2 gap-1" style="height: 4px; opacity: 0; transition: opacity 0.2s; z-index: 10; pointer-events: none;"> 883 <div class="progress-bar-item flex-grow-1 rounded-pill bg-dark bg-opacity-50" style="height: 100%;"> 884 <div class="progress-fill bg-white rounded-pill h-100" style="width: 0%; transition: none;"></div> 885 </div> 886 <div class="progress-bar-item flex-grow-1 rounded-pill bg-dark bg-opacity-50" style="height: 100%;"> 887 <div class="progress-fill bg-white rounded-pill h-100" style="width: 0%; transition: none;"></div> 888 </div> 889 </div> 890 </div> 891 <div class="card-body"> 892 <div class="d-flex justify-content-between align-items-start mb-2 gap-2"> 893 <h5 class="card-title mb-0 flex-grow-1" style="min-width: 0; overflow-wrap: break-word; word-break: break-word;"> 894 <a href="https://nitiweb.net/sites/ai/ytzolo" 895 class="text-decoration-none stretched-link"> 896 ytzolo 897 </a> 898 </h5> 899 <span class="badge bg-secondary flex-shrink-0" style="white-space: nowrap;"> 900 <i class="bi bi-hand-thumbs-up-fill"></i> 1 901 </span> 902 </div> 903 <p class="card-text small text-muted mb-2">Ytzolo offers AI tools for script writing, SEO optimization, and viral content generation.</p> 904 <div> 905 <span class="badge bg-info text-dark">AI</span> 906 </div> 907 </div> 908</div> 909 </div> 910 <div class="col-sm-6 col-md-4 col-lg-3"> 911 <div class="card h-100 border shadow-sm bg-body-tertiary rounded-3 position-relative"> 912 <div class="site-preview-container position-relative bg-secondary bg-opacity-10 d-flex align-items-center justify-content-center overflow-hidden rounded-top-3" style="height: 180px; z-index: 1;"> 913 914 915 <img src="https://nitiweb.net/storage/websites/supermoon_20260103_185641_thumb.jpg" 916 class="site-preview-media position-absolute top-0 start-0 w-100 h-100 active" 917 alt="Supermoon" 918 style="object-fit: cover; pointer-events: none; opacity: 1; transition: opacity 0.5s ease-in-out;"> 919 920 <!-- Progress bar for hover effect --> 921 </div> 922 <div class="card-body"> 923 <div class="d-flex justify-content-between align-items-start mb-2 gap-2"> 924 <h5 class="card-title mb-0 flex-grow-1" style="min-width: 0; overflow-wrap: break-word; word-break: break-word;"> 925 <a href="https://nitiweb.net/sites/consumer-electronics/supermoon" 926 class="text-decoration-none stretched-link"> 927 Supermoon 928 </a> 929 </h5>
930 <span class="badge bg-secondary flex-shrink-0" style="white-space: nowrap;"> 931 <i class="bi bi-hand-thumbs-up-fill"></i> 0 932 </span> 933 </div> 934 <p class="card-text small text-muted mb-2">Discover the XYZ Ultra 5G with revolutionary features for superior performance.</p> 935 <div> 936 <span class="badge bg-info text-dark">Consumer Electronics</span> 937 </div> 938 </div> 939</div> 940 </div> 941 <div class="col-sm-6 col-md-4 col-lg-3"> 942 <div class="card h-100 border shadow-sm bg-body-tertiary rounded-3 position-relative"> 943 <div class="site-preview-container position-relative bg-secondary bg-opacity-10 d-flex align-items-center justify-content-center overflow-hidden rounded-top-3" style="height: 180px; z-index: 1;"> 944 945 946 <img src="https://nitiweb.net/storage/websites/genexpert_20260103_185655_thumb.jpg" 947 class="site-preview-media position-absolute top-0 start-0 w-100 h-100 active" 948 alt="GenExpert" 949 style="object-fit: cover; pointer-events: none; opacity: 1; transition: opacity 0.5s ease-in-out;"> 950 951 <!-- Progress bar for hover effect --> 952 </div> 953 <div class="card-body"> 954 <div class="d-flex justify-content-between align-items-start mb-2 gap-2"> 955 <h5 class="card-title mb-0 flex-grow-1" style="min-width: 0; overflow-wrap: break-word; word-break: break-word;"> 956 <a href="https://nitiweb.net/sites/content-creation/genexpert" 957 class="text-decoration-none stretched-link"> 958 GenExpert 959 </a> 960 </h5> 961 <span class="badge bg-secondary flex-shrink-0" style="white-space: nowrap;"> 962 <i class="bi bi-hand-thumbs-up-fill"></i> 0 963 </span> 964 </div> 965 <p class="card-text small text-muted mb-2">GenExpert enhances ChatGPT with AI auto-completion to boost writing efficiency.</p> 966 <div> 967 <span class="badge bg-info text-dark">Content Creation</span> 968 </div> 969 </div> 970</div> 971 </div> 972 <div class="col-sm-6 col-md-4 col-lg-3"> 973 <div class="card h-100 border shadow-sm bg-body-tertiary rounded-3 position-relative"> 974 <div class="site-preview-container position-relative bg-secondary bg-opacity-10 d-flex align-items-center justify-content-center overflow-hidden rounded-top-3" style="height: 180px; z-index: 1;"> 975 976 977 <img src="https://nitiweb.net/storage/websites/open_20260103_185701_thumb.jpg" 978 class="site-preview-media position-absolute top-0 start-0 w-100 h-100 active" 979 alt="Open" 980 style="object-fit: cover; pointer-events: none; opacity: 1; transition: opacity 0.5s ease-in-out;"> 981 982 <!-- Progress bar for hover effect --> 983 </div> 984 <div class="card-body"> 985 <div class="d-flex justify-content-between align-items-start mb-2 gap-2"> 986 <h5 class="card-title mb-0 flex-grow-1" style="min-width: 0; overflow-wrap: break-word; word-break: break-word;"> 987 <a href="https://nitiweb.net/sites/customer-support/open" 988 class="text-decoration-none stretched-link"> 989 Open 990 </a> 991 </h5> 992 <span class="badge bg-secondary flex-shrink-0" style="white-space: nowrap;"> 993 <i class="bi bi-hand-thumbs-up-fill"></i> 0 994 </span> 995 </div> 996 <p class="card-text small text-muted mb-2">Open.cx delivers empathetic, multichannel AI support, L2/L3 resolution, fast integrations, and enter...</p> 997 <div>
998 <span class="badge bg-info text-dark">Customer Support</span> 999 </div> 1000 </div> 1001</div> 1002 </div> 1003 <div class="col-sm-6 col-md-4 col-lg-3"> 1004 <div class="card h-100 border shadow-sm bg-body-tertiary rounded-3 position-relative"> 1005 <div class="site-preview-container position-relative bg-secondary bg-opacity-10 d-flex align-items-center justify-content-center overflow-hidden rounded-top-3" style="height: 180px; z-index: 1;"> 1006 1007 1008 <img src="https://nitiweb.net/storage/websites/your-political-place_20260103_185809_thumb.jpg" 1009 class="site-preview-media position-absolute top-0 start-0 w-100 h-100 active" 1010 alt="Your Political Place" 1011 style="object-fit: cover; pointer-events: none; opacity: 1; transition: opacity 0.5s ease-in-out;"> 1012 1013 <!-- Progress bar for hover effect --> 1014 </div> 1015 <div class="card-body"> 1016 <div class="d-flex justify-content-between align-items-start mb-2 gap-2"> 1017 <h5 class="card-title mb-0 flex-grow-1" style="min-width: 0; overflow-wrap: break-word; word-break: break-word;"> 1018 <a href="https://nitiweb.net/sites/education/your-political-place" 1019 class="text-decoration-none stretched-link"> 1020 Your Political Place 1021 </a> 1022 </h5> 1023 <span class="badge bg-secondary flex-shrink-0" style="white-space: nowrap;"> 1024 <i class="bi bi-hand-thumbs-up-fill"></i> 0 1025 </span> 1026 </div> 1027 <p class="card-text small text-muted mb-2">Write short essays and let AI determine your political orientation with Your Political Place. Insigh...</p> 1028 <div> 1029 <span class="badge bg-info text-dark">Education</span> 1030 </div> 1031 </div> 1032</div> 1033 </div> 1034 <div class="col-sm-6 col-md-4 col-lg-3"> 1035 <div class="card h-100 border shadow-sm bg-body-tertiary rounded-3 position-relative"> 1036 <div class="site-preview-container position-relative bg-secondary bg-opacity-10 d-flex align-items-center justify-content-center overflow-hidden rounded-top-3" style="height: 180px; z-index: 1;"> 1037 1038 1039 <img src="https://nitiweb.net/storage/websites/genie-figma_20260103_185814_thumb.jpg" 1040 class="site-preview-media position-absolute top-0 start-0 w-100 h-100 active" 1041 alt="Genie - Figma" 1042 style="object-fit: cover; pointer-events: none; opacity: 1; transition: opacity 0.5s ease-in-out;"> 1043 1044 <!-- Progress bar for hover effect --> 1045 </div> 1046 <div class="card-body"> 1047 <div class="d-flex justify-content-between align-items-start mb-2 gap-2"> 1048 <h5 class="card-title mb-0 flex-grow-1" style="min-width: 0; overflow-wrap: break-word; word-break: break-word;"> 1049 <a href="https://nitiweb.net/sites/figma-plugin/genie-figma" 1050 class="text-decoration-none stretched-link"> 1051 Genie - Figma 1052 </a> 1053 </h5> 1054 <span class="badge bg-secondary flex-shrink-0" style="white-space: nowrap;"> 1055 <i class="bi bi-hand-thumbs-up-fill"></i> 0 1056 </span> 1057 </div> 1058 <p class="card-text small text-muted mb-2">Boost your Figma design workflow with AI-powered content creation, grammar correction, and image gen...</p> 1059 <div> 1060 <span class="badge bg-info text-dark">Figma Plugin</span> 1061 </div> 1062 </div> 1063</div> 1064 </div> 1065 <div class="col-sm-6 col-md-4 col-lg-3"> 1066 <div class="card h-100 border shadow-sm bg-body-tertiary rounded-3 position-relative"> 1067 <div class="site-preview-container position-relative bg-secondary bg-opacity-10 d-flex align-items-center justify-content-center overflow-hidden rounded-top-3" style="height: 180px; z-index: 1;"> 1068 1069 1070 <img src="https://nitiweb.net/storage/websites/dezgo_20260103_185820_thumb.jpg" 1071 class="site-preview-media position-absolute top-0 start-0 w-100 h-100 active" 1072 alt="Dezgo" 1073 style="object-fit: cover; pointer-events: none; opacity: 1; transition: opacity 0.5s ease-in-out;"> 1074 1075 <!-- Progress bar for hover effect --> 1076 </div> 1077 <div class="card-body"> 1078 <div class="d-flex justify-content-between align-items-start mb-2 gap-2"> 1079 <h5 class="card-title mb-0 flex-grow-1" style="min-width: 0; overflow-wrap: break-word; word-break: break-word;"> 1080 <a href="https://nitiweb.net/sites/generative-art/dezgo" 1081 class="text-decoration-none stretched-link"> 1082 Dezgo 1083 </a> 1084 </h5>
1085 <span class="badge bg-secondary flex-shrink-0" style="white-space: nowrap;"> 1086 <i class="bi bi-hand-thumbs-up-fill"></i> 0 1087 </span> 1088 </div> 1089 <p class="card-text small text-muted mb-2">Create stunning images and videos with Dezgo's AI-powered platform, using Stable Diffusion technolog...</p> 1090 <div> 1091 <span class="badge bg-info text-dark">Generative Art</span> 1092 </div> 1093 </div> 1094</div> 1095 </div> 1096 </div> 1097 1098 <div class="text-center mt-5"> 1099 <a href="https://nitiweb.net/sites" class="btn btn-dark mb-0">View all tools</a> 1100 </div> 1101 </div> 1102 </section> 1103 <!-- Top AI Tools END --> 1104 1105 <!-- Top Free Web Tools START --> 1106 <section class="pt-5 pb-5 bg-secondary bg-opacity-10"> 1107 <div class="container"> 1108 <div class="inner-container-small text-center mb-4 mb-sm-6"> 1109 <h2 class="mb-4">Top free web tools</h2> 1110 <p class="mb-0">Most used free online developer tools</p> 1111 </div> 1112 1113 <div class="row g-4"> 1114 <div class="col-sm-6 col-md-4 col-lg-3"> 1115 <article class="card h-100 border shadow-sm bg-body-tertiary rounded-3 p-4"> 1116 <div class="card-body p-0 d-flex flex-column h-100"> 1117 <i class="bi bi-ticket-perforated fs-1 text-primary mb-3"></i> 1118 <h5 class="card-title mb-2"> 1119 <a href="https://nitiweb.net/tools/lottery-numbers" class="text-decoration-none stretched-link"> 1120 Lottery Numbers Generator 1121 </a> 1122 </h5> 1123 <p class="card-text small text-muted mb-3 flex-grow-1">Generate random lottery numbers for popular games</p> 1124 <div class="d-flex justify-content-between align-items-center w-100 mt-auto"> 1125 <span class="badge bg-primary bg-opacity-10 text-primary"> 1126 <i class="bi bi-play-fill me-1"></i>Run 1127 </span> 1128 <small class="text-muted">1,522 uses</small> 1129 </div> 1130 </div> 1131 </article> 1132 </div> 1133 <div class="col-sm-6 col-md-4 col-lg-3"> 1134 <article class="card h-100 border shadow-sm bg-body-tertiary rounded-3 p-4"> 1135 <div class="card-body p-0 d-flex flex-column h-100"> 1136 <i class="bi bi-globe fs-1 text-primary mb-3"></i> 1137 <h5 class="card-title mb-2"> 1138 <a href="https://nitiweb.net/tools/random-country" class="text-decoration-none stretched-link"> 1139 Random Country Generator 1140 </a> 1141 </h5> 1142 <p class="card-text small text-muted mb-3 flex-grow-1">Generate random countries from around the world</p> 1143 <div class="d-flex justify-content-between align-items-center w-100 mt-auto"> 1144 <span class="badge bg-primary bg-opacity-10 text-primary"> 1145 <i class="bi bi-play-fill me-1"></i>Run 1146 </span> 1147 <small class="text-muted">1,254 uses</small> 1148 </div> 1149 </div> 1150 </article> 1151 </div> 1152 <div class="col-sm-6 col-md-4 col-lg-3"> 1153 <article class="card h-100 border shadow-sm bg-body-tertiary rounded-3 p-4"> 1154 <div class="card-body p-0 d-flex flex-column h-100"> 1155 <i class="bi bi-book fs-1 text-primary mb-3"></i> 1156 <h5 class="card-title mb-2"> 1157 <a href="https://nitiweb.net/tools/isbn" class="text-decoration-none stretched-link"> 1158 ISBN Generator 1159 </a> 1160 </h5> 1161 <p class="card-text small text-muted mb-3 flex-grow-1">Generate random ISBN numbers (ISBN-10, ISBN-13)</p> 1162 <div class="d-flex justify-content-between align-items-center w-100 mt-auto">
1163 <span class="badge bg-primary bg-opacity-10 text-primary"> 1164 <i class="bi bi-play-fill me-1"></i>Run 1165 </span> 1166 <small class="text-muted">377 uses</small> 1167 </div> 1168 </div> 1169 </article> 1170 </div> 1171 <div class="col-sm-6 col-md-4 col-lg-3"> 1172 <article class="card h-100 border shadow-sm bg-body-tertiary rounded-3 p-4"> 1173 <div class="card-body p-0 d-flex flex-column h-100"> 1174 <i class="bi bi-123 fs-1 text-primary mb-3"></i> 1175 <h5 class="card-title mb-2"> 1176 <a href="https://nitiweb.net/tools/random-number" class="text-decoration-none stretched-link"> 1177 Random Number Generator 1178 </a> 1179 </h5> 1180 <p class="card-text small text-muted mb-3 flex-grow-1">Generate random numbers within any range, integers or floating point</p> 1181 <div class="d-flex justify-content-between align-items-center w-100 mt-auto"> 1182 <span class="badge bg-primary bg-opacity-10 text-primary"> 1183 <i class="bi bi-play-fill me-1"></i>Run 1184 </span> 1185 <small class="text-muted">371 uses</small> 1186 </div> 1187 </div> 1188 </article> 1189 </div> 1190 <div class="col-sm-6 col-md-4 col-lg-3"> 1191 <article class="card h-100 border shadow-sm bg-body-tertiary rounded-3 p-4"> 1192 <div class="card-body p-0 d-flex flex-column h-100"> 1193 <i class="bi bi-clock fs-1 text-primary mb-3"></i> 1194 <h5 class="card-title mb-2"> 1195 <a href="https://nitiweb.net/tools/random-time" class="text-decoration-none stretched-link"> 1196 Random Time Generator 1197 </a> 1198 </h5> 1199 <p class="card-text small text-muted mb-3 flex-grow-1">Generate random times in 12-hour or 24-hour format</p> 1200 <div class="d-flex justify-content-between align-items-center w-100 mt-auto"> 1201 <span class="badge bg-primary bg-opacity-10 text-primary"> 1202 <i class="bi bi-play-fill me-1"></i>Run 1203 </span> 1204 <small class="text-muted">345 uses</small> 1205 </div> 1206 </div> 1207 </article> 1208 </div> 1209 <div class="col-sm-6 col-md-4 col-lg-3"> 1210 <article class="card h-100 border shadow-sm bg-body-tertiary rounded-3 p-4"> 1211 <div class="card-body p-0 d-flex flex-column h-100"> 1212 <i class="bi bi-list-check fs-1 text-primary mb-3"></i> 1213 <h5 class="card-title mb-2"> 1214 <a href="https://nitiweb.net/tools/list-picker" class="text-decoration-none stretched-link"> 1215 Random List Picker 1216 </a> 1217 </h5> 1218 <p class="card-text small text-muted mb-3 flex-grow-1">Pick random winners from a list - perfect for giveaways and contests</p> 1219 <div class="d-flex justify-content-between align-items-center w-100 mt-auto">
1220 <span class="badge bg-primary bg-opacity-10 text-primary"> 1221 <i class="bi bi-play-fill me-1"></i>Run 1222 </span> 1223 <small class="text-muted">305 uses</small> 1224 </div> 1225 </div> 1226 </article> 1227 </div> 1228 <div class="col-sm-6 col-md-4 col-lg-3"> 1229 <article class="card h-100 border shadow-sm bg-body-tertiary rounded-3 p-4"> 1230 <div class="card-body p-0 d-flex flex-column h-100"> 1231 <i class="bi bi-building fs-1 text-primary mb-3"></i> 1232 <h5 class="card-title mb-2"> 1233 <a href="https://nitiweb.net/tools/random-city" class="text-decoration-none stretched-link"> 1234 Random City Generator 1235 </a> 1236 </h5> 1237 <p class="card-text small text-muted mb-3 flex-grow-1">Generate random cities from around the world</p> 1238 <div class="d-flex justify-content-between align-items-center w-100 mt-auto"> 1239 <span class="badge bg-primary bg-opacity-10 text-primary"> 1240 <i class="bi bi-play-fill me-1"></i>Run 1241 </span> 1242 <small class="text-muted">162 uses</small> 1243 </div> 1244 </div> 1245 </article> 1246 </div> 1247 <div class="col-sm-6 col-md-4 col-lg-3"> 1248 <article class="card h-100 border shadow-sm bg-body-tertiary rounded-3 p-4"> 1249 <div class="card-body p-0 d-flex flex-column h-100"> 1250 <i class="bi bi-browser-chrome fs-1 text-primary mb-3"></i> 1251 <h5 class="card-title mb-2"> 1252 <a href="https://nitiweb.net/tools/user-agent" class="text-decoration-none stretched-link"> 1253 User Agent Generator 1254 </a> 1255 </h5> 1256 <p class="card-text small text-muted mb-3 flex-grow-1">Generate random browser user agent strings</p> 1257 <div class="d-flex justify-content-between align-items-center w-100 mt-auto"> 1258 <span class="badge bg-primary bg-opacity-10 text-primary"> 1259 <i class="bi bi-play-fill me-1"></i>Run 1260 </span> 1261 <small class="text-muted">128 uses</small> 1262 </div> 1263 </div> 1264 </article> 1265 </div> 1266 </div> 1267 1268 <div class="text-center mt-5"> 1269 <a href="https://nitiweb.net/tools" class="btn btn-dark mb-0">View all web tools</a> 1270 </div> 1271 </div> 1272 </section> 1273 <!-- Top Free Web Tools END --> 1274 1275 1276 <!-- Latest Blog Posts START --> 1277 <section class="pt-5 pt-md-7"> 1278 <div class="container"> 1279 <!-- Title --> 1280 <div class="inner-container-small text-center mb-4 mb-sm-6"> 1281 <h2 class="mb-4">Latest from Our Blog</h2> 1282 <p class="mb-0">Explore insights, industry updates, and tech trends from our team</p> 1283 </div> 1284 1285 <!-- Blog grid --> 1286 <div class="row g-4 g-lg-5"> 1287 <div class="col-md-6 col-lg-4"> 1288 <article class="card card-img-scale bg-transparent overflow-hidden h-100 p-0"> 1289 <!-- Badge --> 1290 <div class="d-flex gap-2 position-absolute top-0 start-0 z-index-2 m-4">
1291 <span class="badge bg-white text-dark">Jan 24, 2026</span> 1292 </div> 1293 1294 <!-- Card image --> 1295 <div class="card-img-scale-wrapper rounded-4"> 1296 <img src="https://nitiweb.net/storage/posts/697525526bc9a.webp" class="rounded-4 img-scale" alt="Why Your Business Needs Automated Testing"> 1297 </div> 1298 1299 <!-- Card Body --> 1300 <div class="card-body px-2"> 1301 <!-- Title --> 1302 <h6 class="card-title mb-2"><a href="https://nitiweb.net/blog/why-automated-testing-is-important2">Why Your Business Needs Automated Testing</a></h6> 1303 <p class="mb-2 small">Discover how automated testing transforms software development with faster delivery cycles, reduced...</p> 1304 <a class="icon-link icon-link-hover stretched-link" href="https://nitiweb.net/blog/why-automated-testing-is-important2">Read more<i class="bi bi-arrow-right"></i> </a> 1305 </div> 1306 </article> 1307 </div> 1308 <div class="col-md-6 col-lg-4"> 1309 <article class="card card-img-scale bg-transparent overflow-hidden h-100 p-0"> 1310 <!-- Badge --> 1311 <div class="d-flex gap-2 position-absolute top-0 start-0 z-index-2 m-4"> 1312 <span class="badge bg-white text-dark">Jan 17, 2026</span> 1313 </div> 1314 1315 <!-- Card image --> 1316 <div class="card-img-scale-wrapper rounded-4"> 1317 <img src="https://nitiweb.net/storage/posts/696bead477724.webp" class="rounded-4 img-scale" alt="Why Your Business Needs Automated Testing"> 1318 </div> 1319 1320 <!-- Card Body --> 1321 <div class="card-body px-2"> 1322 <!-- Title --> 1323 <h6 class="card-title mb-2"><a href="https://nitiweb.net/blog/why-automated-testing-is-important">Why Your Business Needs Automated Testing</a></h6> 1324 <p class="mb-2 small">Learn how automated testing accelerates software development, reduces costs, and ensures product rel...</p> 1325 <a class="icon-link icon-link-hover stretched-link" href="https://nitiweb.net/blog/why-automated-testing-is-important">Read more<i class="bi bi-arrow-right"></i> </a> 1326 </div> 1327 </article> 1328 </div> 1329 <div class="col-md-6 col-lg-4"> 1330 <article class="card card-img-scale bg-transparent overflow-hidden h-100 p-0"> 1331 <!-- Badge --> 1332 <div class="d-flex gap-2 position-absolute top-0 start-0 z-index-2 m-4"> 1333 <span class="badge bg-white text-dark">Jan 16, 2026</span> 1334 </div> 1335 1336 <!-- Card image --> 1337 <div class="card-img-scale-wrapper rounded-4"> 1338 <img src="https://nitiweb.net/storage/posts/696a995452d79.webp" class="rounded-4 img-scale" alt="The Psychology of Web Design: How Users Make Decisions"> 1339 </div> 1340 1341 <!-- Card Body --> 1342 <div class="card-body px-2"> 1343 <!-- Title --> 1344 <h6 class="card-title mb-2"><a href="https://nitiweb.net/blog/psychology-in-web-design">The Psychology of Web Design: How Users Make Decisions</a></h6> 1345 <p class="mb-2 small">Discover how psychology impacts web design and boosts conversion rates. Learn practical UX/UI strate...</p> 1346 <a class="icon-link icon-link-hover stretched-link" href="https://nitiweb.net/blog/psychology-in-web-design">Read more<i class="bi bi-arrow-right"></i> </a> 1347 </div> 1348 </article> 1349 </div> 1350 </div> 1351 1352 <!-- View all button --> 1353 <div class="text-center mt-5"> 1354 <a href="https://nitiweb.net/blog" class="btn btn-dark mb-0">View all articles</a> 1355 </div> 1356 </div> 1357 </section> 1358 <!-- Latest Blog Posts END --> 1359 1360 <!-- FAQ START --> 1361 <section class="bg-secondary position-relative pt-6 pt-md-7"> 1362 <!-- Grad blur decoration --> 1363 <div class="position-absolute end-0 bottom-0 d-none d-sm-block"> 1364 <img src="/images/elements/grad-shape/12.png" class="blur-2" alt="Decoration shape"> 1365 </div> 1366 1367 <div class="container position-relative"> 1368 <!-- Title --> 1369 <div class="inner-container position-relative text-center mb-4 mb-md-5"> 1370 <h2 class="mb-0">Frequently asked questions</h2> 1371 </div> 1372 1373 <div class="row"> 1374 <div class="col-lg-8 mx-auto"> 1375 <!-- Accordion START --> 1376 <div class="accordion accordion-icon" id="accordionFaq"> 1377 <!-- Item --> 1378 <div class="accordion-item mb-4"> 1379 <div class="accordion-header font-base" id="heading-1"> 1380 <button class="accordion-button fw-semibold rounded " 1381 type="button" 1382 data-bs-toggle="collapse" 1383 data-bs-target="#collapse-1" 1384 aria-expanded="true" 1385 aria-controls="collapse-1">
1386 How much does custom software development cost? 1387 </button> 1388 </div> 1389 <div id="collapse-1" 1390 class="accordion-collapse collapse show" 1391 aria-labelledby="heading-1" 1392 data-bs-parent="#accordionFaq"> 1393 <div class="accordion-body pt-0"> 1394 The cost varies depending on project complexity, features, and timeline. A simple web application starts from $5,000, while complex enterprise solutions can range from $50,000 to $200,000+. We provide detailed estimates after understanding your specific requirements. 1395 </div> 1396 </div> 1397 </div> 1398 <!-- Item --> 1399 <div class="accordion-item mb-4"> 1400 <div class="accordion-header font-base" id="heading-2"> 1401 <button class="accordion-button fw-semibold rounded collapsed" 1402 type="button" 1403 data-bs-toggle="collapse" 1404 data-bs-target="#collapse-2" 1405 aria-expanded="false" 1406 aria-controls="collapse-2"> 1407 How long does it take to develop a custom web application? 1408 </button> 1409 </div> 1410 <div id="collapse-2" 1411 class="accordion-collapse collapse " 1412 aria-labelledby="heading-2" 1413 data-bs-parent="#accordionFaq"> 1414 <div class="accordion-body pt-0"> 1415 Development timelines depend on project scope. A basic website takes 2-4 weeks, a medium-complexity web app takes 2-3 months, and enterprise-level solutions can take 6-12 months. We break projects into milestones for faster delivery and feedback. 1416 </div> 1417 </div> 1418 </div> 1419 <!-- Item --> 1420 <div class="accordion-item mb-4"> 1421 <div class="accordion-header font-base" id="heading-3"> 1422 <button class="accordion-button fw-semibold rounded collapsed" 1423 type="button" 1424 data-bs-toggle="collapse" 1425 data-bs-target="#collapse-3" 1426 aria-expanded="false" 1427 aria-controls="collapse-3"> 1428 What is AI automation and how can it help my business? 1429 </button> 1430 </div> 1431 <div id="collapse-3" 1432 class="accordion-collapse collapse " 1433 aria-labelledby="heading-3" 1434 data-bs-parent="#accordionFaq"> 1435 <div class="accordion-body pt-0"> 1436 AI automation uses artificial intelligence to handle repetitive tasks like data entry, customer support, document processing, and workflow management. It can reduce operational costs by 40-60%, eliminate human errors, and free up your team for strategic work. 1437 </div> 1438 </div> 1439 </div> 1440 <!-- Item --> 1441 <div class="accordion-item mb-4"> 1442 <div class="accordion-header font-base" id="heading-4"> 1443 <button class="accordion-button fw-semibold rounded collapsed" 1444 type="button" 1445 data-bs-toggle="collapse" 1446 data-bs-target="#collapse-4" 1447 aria-expanded="false" 1448 aria-controls="collapse-4"> 1449 Do I own the source code after development? 1450 </button> 1451 </div> 1452 <div id="collapse-4" 1453 class="accordion-collapse collapse " 1454 aria-labelledby="heading-4" 1455 data-bs-parent="#accordionFaq"> 1456 <div class="accordion-body pt-0"> 1457 Yes, absolutely. Upon final payment, you receive full ownership of the source code, documentation, and all intellectual property rights. We can also provide ongoing support and maintenance if needed. 1458 </div> 1459 </div> 1460 </div> 1461 <!-- Item --> 1462 <div class="accordion-item mb-4"> 1463 <div class="accordion-header font-base" id="heading-5"> 1464 <button class="accordion-button fw-semibold rounded collapsed" 1465 type="button" 1466 data-bs-toggle="collapse" 1467 data-bs-target="#collapse-5" 1468 aria-expanded="false" 1469 aria-controls="collapse-5"> 1470 Can you integrate AI into my existing website or software? 1471 </button> 1472 </div> 1473 <div id="collapse-5" 1474 class="accordion-collapse collapse " 1475 aria-labelledby="heading-5" 1476 data-bs-parent="#accordionFaq"> 1477 <div class="accordion-body pt-0"> 1478 Yes, we specialize in AI integration into existing systems. We can add chatbots, recommendation engines, predictive analytics, automated workflows, and machine learning models without rebuilding your entire platform. 1479 </div> 1480 </div> 1481 </div> 1482 <!-- Item --> 1483 <div class="accordion-item mb-4"> 1484 <div class="accordion-header font-base" id="heading-6"> 1485 <button class="accordion-button fw-semibold rounded collapsed" 1486 type="button" 1487 data-bs-toggle="collapse" 1488 data-bs-target="#collapse-6" 1489 aria-expanded="false" 1490 aria-controls="collapse-6"> 1491 What technologies do you use for development? 1492 </button> 1493 </div> 1494 <div id="collapse-6" 1495 class="accordion-collapse collapse " 1496 aria-labelledby="heading-6" 1497 data-bs-parent="#accordionFaq"> 1498 <div class="accordion-body pt-0"> 1499 We use modern, proven technologies including Laravel/PHP, Node.js, React, Vue.js for web development; Python and TensorFlow for AI/ML; and cloud platforms like AWS, Azure, and Google Cloud for hosting and deployment. 1500 </div> 1501 </div> 1502 </div> 1503 <!-- Item --> 1504 <div class="accordion-item mb-4"> 1505 <div class="accordion-header font-base" id="heading-7"> 1506 <button class="accordion-button fw-semibold rounded collapsed" 1507 type="button" 1508 data-bs-toggle="collapse" 1509 data-bs-target="#collapse-7" 1510 aria-expanded="false" 1511 aria-controls="collapse-7"> 1512 Do you provide ongoing support and maintenance? 1513 </button> 1514 </div> 1515 <div id="collapse-7" 1516 class="accordion-collapse collapse " 1517 aria-labelledby="heading-7" 1518 data-bs-parent="#accordionFaq"> 1519 <div class="accordion-body pt-0"> 1520 Yes, we offer flexible maintenance packages including bug fixes, security updates, feature enhancements, server monitoring, and 24/7 technical support. Monthly plans start from $500 depending on service level. 1521 </div> 1522 </div> 1523 </div> 1524 <!-- Item --> 1525 <div class="accordion-item mb-4"> 1526 <div class="accordion-header font-base" id="heading-8"> 1527 <button class="accordion-button fw-semibold rounded collapsed" 1528 type="button" 1529 data-bs-toggle="collapse" 1530 data-bs-target="#collapse-8" 1531 aria-expanded="false" 1532 aria-controls="collapse-8"> 1533 How do you ensure my project data and ideas are secure? 1534 </button> 1535 </div> 1536 <div id="collapse-8" 1537 class="accordion-collapse collapse " 1538 aria-labelledby="heading-8" 1539 data-bs-parent="#accordionFaq"> 1540 <div class="accordion-body pt-0"> 1541 We sign NDAs before project discussion, use secure development practices, encrypt all data transmissions, implement role-based access controls, and comply with GDPR and other data protection regulations. 1542 </div> 1543 </div> 1544 </div> 1545 <!-- Item --> 1546 <div class="accordion-item mb-4"> 1547 <div class="accordion-header font-base" id="heading-9"> 1548 <button class="accordion-button fw-semibold rounded collapsed" 1549 type="button" 1550 data-bs-toggle="collapse" 1551 data-bs-target="#collapse-9" 1552 aria-expanded="false" 1553 aria-controls="collapse-9"> 1554 Can you help automate our customer service with AI chatbots? 1555 </button> 1556 </div> 1557 <div id="collapse-9" 1558 class="accordion-collapse collapse " 1559 aria-labelledby="heading-9" 1560 data-bs-parent="#accordionFaq"> 1561 <div class="accordion-body pt-0"> 1562 Yes, we build intelligent chatbots that can handle 70-80% of common customer inquiries, integrate with your CRM, support multiple languages, escalate complex issues to humans, and continuously learn from interactions. 1563 </div> 1564 </div> 1565 </div> 1566 <!-- Item --> 1567 <div class="accordion-item mb-4"> 1568 <div class="accordion-header font-base" id="heading-10"> 1569 <button class="accordion-button fw-semibold rounded collapsed" 1570 type="button" 1571 data-bs-toggle="collapse" 1572 data-bs-target="#collapse-10" 1573 aria-expanded="false" 1574 aria-controls="collapse-10"> 1575 What if I need changes or new features after launch? 1576 </button> 1577 </div> 1578 <div id="collapse-10" 1579 class="accordion-collapse collapse " 1580 aria-labelledby="heading-10" 1581 data-bs-parent="#accordionFaq"> 1582 <div class="accordion-body pt-0"> 1583 We're here for the long term. You can request changes anytime through our support system. Minor tweaks are often free within warranty period, while new features are quoted separately. We offer flexible hourly rates or retainer agreements. 1584 </div> 1585 </div> 1586 </div> 1587 </div> 1588 <!-- Accordion END --> 1589 1590 <!-- CTA text --> 1591 <p class="heading-color text-center">Still have questions? <a href="https://nitiweb.net/contact" class="hover-underline-animation fw-semibold">Contact us</a></p> 1592 </div> 1593 </div> 1594 </div> 1595 </section> 1596 <!-- FAQ END --> 1597 1598 <!-- CTA START --> 1599 <section class="bg-secondary overflow-hidden pt-0 pb-5 mb-n8"> 1600 <div class="container z-index-9 position-relative"> 1601 <div class="bg-dark rounded-4 position-relative overflow-hidden p-4 p-sm-5"> 1602 <!-- Left bottom decoration --> 1603 <figure class="position-absolute bottom-0 start-0 ms-n8 mb-n8 d-none d-lg-block"> 1604 <svg class="fill-mode" width="371" height="354" viewBox="0 0 371 354" fill="none" xmlns="http://www.w3.org/2000/svg"> 1605 <ellipse cx="172.5" cy="176.5" rx="131.5" ry="125.5" fill="url(#paint0_linear_195_2)" fill-opacity="0.8"></ellipse> 1606 <ellipse cx="185.5" cy="177" rx="185.5" ry="177" fill="url(#paint1_linear_195_2)" fill-opacity="0.6"></ellipse> 1607 <defs> 1608 <linearGradient id="paint0_linear_195_2" x1="172.5" y1="51" x2="172.5" y2="302" gradientUnits="userSpaceOnUse"> 1609 <stop offset="0.0569271" stop-color="#D9D9D9" stop-opacity="0.5"></stop> 1610 <stop offset="0.998202" stop-color="#D9D9D9" stop-opacity="0"></stop> 1611 </linearGradient> 1612 <linearGradient id="paint1_linear_195_2" x1="185.5" y1="0" x2="185.5" y2="354" gradientUnits="userSpaceOnUse"> 1613 <stop offset="0.0569271" stop-color="#D9D9D9" stop-opacity="0.2"></stop> 1614 <stop offset="0.998202" stop-color="#D9D9D9" stop-opacity="0"></stop> 1615 </linearGradient> 1616 </defs> 1617 </svg> 1618 </figure> 1619 1620 <!-- Content --> 1621 <div class="row position-relative align-items-center g-4"> 1622 <div class="col-
1622lg-7"> 1623 <h3 class="text-white mb-3">Ready to Start Your Project?</h3> 1624 <p class="text-white mb-3 mb-lg-0">Let's discuss how we can help automate your business and create innovative software solutions</p> 1625 </div> 1626 1627 <div class="col-lg-5 text-lg-end"> 1628 <a href="https://nitiweb.net/contact" class="btn btn-lg btn-white mb-0">Get in Touch</a> 1629 </div> 1630 </div> 1631 </div> 1632 </div> 1633 </section> 1634 <!-- CTA END --> 1635 1636</main> 1637<!-- **************** MAIN CONTENT END **************** --> 1638 </main> 1639 1640 <!-- Footer START --> 1641 <footer class="bg-dark pt-4 position-relative" data-bs-theme="dark"> 1642 <div class="container"> 1643 <div class="row g-4 justify-content-between"> 1644 <!-- Widget 1 --> 1645 <div class="col-lg-4"> 1646 <a href="https://nitiweb.net"> 1647 <img class="h-40px" src="https://nitiweb.net/images/logo-light.png" alt="NitiWeb"> 1648 </a> 1649 <p class="my-3 my-lg-4">Professional software development and business automation solutions for modern businesses.</p> 1650 <!-- Social icons --> 1651 <ul class="list-inline mb-0"> 1652 <li class="list-inline-item"><a class="btn btn-xs btn-icon btn-secondary" href="mailto:[email protected]"><i class="bi bi-envelope-fill lh-base"></i></a></li> 1653 <li class="list-inline-item"><a class="btn btn-xs btn-icon btn-secondary" href="https://www.linkedin.com/in/evgeniiorel/" target="_blank"><i class="bi bi-linkedin lh-base"></i></a></li> 1654 <li class="list-inline-item"><a class="btn btn-xs btn-icon btn-secondary" href="https://x.com/EvgenAutomation" target="_blank"><i class="bi bi-twitter lh-base"></i></a></li> 1655 <li class="list-inline-item"><a class="btn btn-xs btn-icon btn-secondary" href="https://t.me/nitiwebBot" target="_blank"><i class="bi bi-telegram lh-base"></i></a></li> 1656 <li class="list-inline-item"><a class="btn btn-xs btn-icon btn-secondary" href="https://github.com/djeknet" target="_blank"><i class="bi bi-github lh-base"></i></a></li> 1657 </ul> 1658 </div> 1659 1660 <!-- Widget 2 --> 1661 <div class="col-lg-7 col-xxl-6"> 1662 <div class="row g-4"> 1663 <div class="col-6 col-md-4"> 1664 <h6 class="mb-3 mb-sm-4">Company</h6> 1665 <ul class="nav flex-column gap-1"> 1666 <li class="nav-item"><a class="nav-link pt-0" href="https://nitiweb.net">Home</a></li> 1667 <li class="nav-item"><a class="nav-link" href="https://nitiweb.net/projects">Projects</a></li> 1668 <li class="nav-item"><a class="nav-link" href="https://nitiweb.net/blog">Blog</a></li> 1669 <li class="nav-item"><a class="nav-link" href="https://nitiweb.net/contact">Contact</a></li> 1670 <li class="nav-item"><a class="nav-link" href="/page/privacy-policy">Privacy Policy</a></li> 1671 <li class="nav-item"><a class="nav-link" href="/page/terms-of-service">Terms of Service</a></li> 1672 </ul> 1673 </div> 1674 1675 <div class="col-6 col-md-4"> 1676 <h6 class="mb-3 mb-sm-4">Resources</h6> 1677 <ul class="nav flex-column gap-1"> 1678 <li class="nav-item"><a class="nav-link pt-0" href="https://nitiweb.net/sites">AI tools</a></li> 1679 <li class="nav-item"><a class="nav-link" href="https://nitiweb.net/tools">Free Tools</a></li> 1680 <li class="nav-item"><a class="nav-link" href="https://nitiweb.net/open-source">Open Source</a></li> 1681 </ul> 1682 </div> 1683 1684 <div class="col-6 col-md-4"> 1685 <h6 class="mb-3 mb-sm-4">News</h6> 1686 <ul class="nav flex-column gap-1"> 1687 <li class="nav-item"><a class="nav-link pt-0" href="https://nitiweb.net/news">All news</a></li> 1688 <li class="nav-item"><a class="nav-link" href="https://nitiweb.net/news/category/ai">AI</a></li> 1689 <li class="nav-item"><a class="nav-link" href="https://nitiweb.net/news/category/business">Business</a></li> 1690 <li class="nav-item"><a class="nav-link" href="https://nitiweb.net/news/category/cybersecurity">Cybersecurity</a></li> 1691 <li class="nav-item"><a class="nav-link" href="https://nitiweb.net/news/category/development">Development</a></li> 1692 <li class="nav-item"><a class="nav-link" href="https://nitiweb.net/news/category/fintech">FinTech</a></li> 1693 <li class="nav-item"><a class="nav-link" href="https://t.me/nitiweb_news" target="_blank">Telegram Channel</a></li> 1694 </ul> 1695 </div> 1696 </div> 1697 </div> 1698 </div> 1699 1700 <!-- Divider --> 1701 <hr class="mt-xl-5 mb-0 opacity-1"> 1702 1703 <!-- Bottom footer --> 1704 <div class="d-md-flex justify-content-between align-items-center text-center text-lg-start py-4"> 1705 <div class="text-body small mb-3 mb-md-0">© 2026 NitiWeb. All rights reserved.</div> 1706 <ul class="nav d-flex justify-content-center gap-1 mb-0"> 1707 </ul> 1708 </div> 1709 </div> 1710 </footer> 1711 <!-- Footer END --> 1712 1713 <!-- Back to top --> 1714 <div class="back-top"></div> 1715 1716 <!-- Global Toast Container --> 1717 <div class="toast-container position-fixed bottom-0 end-0 p-3" style="z-index: 9999;"> 1718 <div id="globalToast" class="toast align-items-center text-white border-0" role="alert" aria-live="assertive" aria-atomic="true"> 1719 <div class="d-flex"> 1720 <div class="toast-body"> 1721 <i id="globalToastIcon" class="bi bi-info-circle-fill me-2"></i>
1722 <span id="globalToastMessage"></span> 1723 </div> 1724 <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"></button> 1725 </div> 1726 </div> 1727 </div> 1728 1729 <!-- Guest Limit Modal --> 1730 <!-- Guest Limit Modal --> 1731<div class="modal fade" id="guestLimitModal" tabindex="-1" aria-labelledby="guestLimitModalLabel" aria-hidden="true"> 1732 <div class="modal-dialog modal-dialog-centered"> 1733 <div class="modal-content"> 1734 <div class="modal-header border-0"> 1735 <h5 class="modal-title" id="guestLimitModalLabel"> 1736 <i class="bi bi-exclamation-triangle-fill text-warning me-2"></i> 1737 Usage Limit Reached 1738 </h5> 1739 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 1740 </div> 1741 <div class="modal-body"> 1742 <div class="alert alert-info d-flex align-items-start mb-3" role="alert"> 1743 <i class="bi bi-info-circle-fill me-2 mt-1"></i> 1744 <div> 1745 <strong>To continue using this tool, you need to register.</strong> 1746 <p class="mb-0 mt-2 small"> 1747 You have reached the daily usage limit for guests. 1748 After registration, you will get unlimited access to all tools! 1749 </p> 1750 </div> 1751 </div> 1752 1753 <div class="d-grid gap-2"> 1754 <a href="#" id="registerLink" class="btn btn-primary"> 1755 <i class="bi bi-person-plus me-2"></i> 1756 Sign Up 1757 </a> 1758 <a href="#" id="loginLink" class="btn btn-outline-primary"> 1759 <i class="bi bi-box-arrow-in-right me-2"></i> 1760 Already have an account? Sign In 1761 </a> 1762 </div> 1763 </div> 1764 <div class="modal-footer border-0"> 1765 <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> 1766 </div> 1767 </div> 1768 </div> 1769</div> 1770 1771 1772 <!-- Scripts --> 1773 <link rel="preload" as="style" href="https://nitiweb.net/build/assets/app-722RXOHy.css" /><link rel="modulepreload" href="https://nitiweb.net/build/assets/functions-D6uSwsV1.js" /><link rel="modulepreload" href="https://nitiweb.net/build/assets/_commonjsHelpers-C4iS2aBk.js" /><link rel="modulepreload" href="https://nitiweb.net/build/assets/app-CA52_8M0.js" /><link rel="stylesheet" href="https://nitiweb.net/build/assets/app-722RXOHy.css" />
1773<script type="module" src="https://nitiweb.net/build/assets/functions-D6uSwsV1.js"></script>
1773<script type="module" src="https://nitiweb.net/build/assets/app-CA52_8M0.js"></script>
1773
1773<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
1773 1774 1775 <!-- Global Toast Script --> 1776
1776<script src="https://nitiweb.net/js/toast.js"></script>
1776 1777 1778 <!-- Bootstrap Tooltips - Auto initialize for all elements with title attribute --> 1779
1779<script> 1780 document.addEventListener('DOMContentLoaded', function() { 1781 // Initialize tooltips for all elements with title attribute 1782 const tooltipTriggerList = [].slice.call(document.querySelectorAll('[title]:not([data-bs-toggle]):not([data-bs-tooltip-initialized])')); 1783 1784 tooltipTriggerList.forEach(function(element) { 1785 // Store original title 1786 const originalTitle = element.getAttribute('title'); 1787 1788 // Remove title attribute to prevent default browser tooltip 1789 element.removeAttribute('title'); 1790 1791 // Set data-bs-title for Bootstrap tooltip 1792 element.setAttribute('data-bs-title', originalTitle); 1793 element.setAttribute('data-bs-toggle', 'tooltip'); 1794 element.setAttribute('data-bs-tooltip-initialized', 'true'); 1795 1796 // Initialize Bootstrap tooltip 1797 new bootstrap.Tooltip(element); 1798 }); 1799 1800 // Also initialize tooltips that already have data-bs-toggle="tooltip" 1801 const existingTooltips = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]:not([data-bs-tooltip-initialized])')); 1802 existingTooltips.forEach(function(element) { 1803 element.setAttribute('data-bs-tooltip-initialized', 'true'); 1804 new bootstrap.Tooltip(element); 1805 }); 1806 }); 1807 </script>
1807 1808 1809 <!-- PWA Install Script --> 1810
1810<script> 1811 // Register Service Worker 1812 let swRegistration = null; 1813 1814 if ('serviceWorker' in navigator) { 1815 window.addEventListener('load', () => { 1816 navigator.serviceWorker.register('/sw.js') 1817 .then(registration => { 1818 console.log('SW registered: ', registration); 1819 swRegistration = registration; 1820 1821 // Check for updates every 60 seconds 1822 setInterval(() => { 1823 registration.update(); 1824 }, 60000); 1825 1826 // Listen for updates 1827 registration.addEventListener('updatefound', () => { 1828 const newWorker = registration.installing; 1829 1830 newWorker.addEventListener('statechange', () => { 1831 if (newWorker.state === 'installed' && navigator.serviceWorker.controller) { 1832 // New version available 1833 showUpdateNotification(); 1834 } 1835 }); 1836 }); 1837 }) 1838 .catch(error => { 1839 console.log('SW registration failed: ', error); 1840 }); 1841 1842 // Handle SW controller change 1843 navigator.serviceWorker.addEventListener('controllerchange', () => { 1844 console.log('SW controller changed, reloading...'); 1845 window.location.reload(); 1846 }); 1847 }); 1848 } 1849 1850 // Show update notification 1851 function showUpdateNotification() { 1852 if (typeof showInfoToast === 'function') { 1853 const toast = showInfoToast('New version available! Click to update.'); 1854 1855 // Make toast clickable 1856 const toastEl = document.getElementById('globalToast'); 1857 if (toastEl) { 1858 toastEl.style.cursor = 'pointer'; 1859 toastEl.addEventListener('click', () => { 1860 updateServiceWorker(); 1861 }); 1862 } 1863 } 1864 } 1865 1866 // Update service worker 1867 function updateServiceWorker() { 1868 if (swRegistration && swRegistration.waiting) { 1869 swRegistration.waiting.postMessage({ type: 'SKIP_WAITING' }); 1870 } 1871 } 1872 1873 // Clear PWA cache (for debugging) 1874 window.clearPWACache = function() { 1875 if ('serviceWorker' in navigator && swRegistration) { 1876 swRegistration.active.postMessage({ type: 'CLEAR_CACHE' }); 1877 1878 // Listen for confirmation 1879 navigator.serviceWorker.addEventListener('message', event => { 1880 if (event.data.type === 'CACHE_CLEARED') { 1881 console.log('PWA cache cleared!'); 1882 if (typeof showSuccessToast === 'function') { 1883 showSuccessToast('Cache cleared! Reloading...'); 1884 } 1885 setTimeout(() => window.location.reload(), 1000); 1886 } 1887 }); 1888 } else { 1889 // Fallback for browsers without SW 1890 if ('caches' in window) { 1891 caches.keys().then(names => { 1892 names.forEach(name => caches.delete(name)); 1893 }).then(() => { 1894 console.log('Cache cleared!'); 1895 window.location.reload(); 1896 }); 1897 } 1898 } 1899 }; 1900 1901 // Handle PWA install prompt 1902 let deferredPrompt; 1903 const installBtn = document.createElement('button'); 1904 installBtn.id = 'pwaInstallBtn'; 1905 installBtn.className = 'btn btn-primary position-fixed bottom-0 start-0 m-3 d-none'; 1906 installBtn.style.zIndex = '9998'; 1907 installBtn.innerHTML = '<i class="bi bi-download me-2"></i>Install App'; 1908 document.body.appendChild(installBtn); 1909 1910 window.addEventListener('beforeinstallprompt', (e) => { 1911 e.preventDefault(); 1912 deferredPrompt = e; 1913 1914 // Show install button only on tools pages 1915 if (window.location.pathname.includes('/tools')) { 1916 installBtn.classList.remove('d-none'); 1917 } 1918 }); 1919 1920 installBtn.addEventListener('click', async () => { 1921 if (deferredPrompt) { 1922 deferredPrompt.prompt(); 1923 const { outcome } = await deferredPrompt.userChoice; 1924 1925 if (outcome === 'accepted') { 1926 console.log('User accepted PWA install'); 1927 if (typeof showSuccessToast === 'function') { 1928 showSuccessToast('App installed successfully!'); 1929 } 1930 } 1931 1932 deferredPrompt = null; 1933 installBtn.classList.add('d-none'); 1934 } 1935 }); 1936 1937 // Hide button after install 1938 window.addEventListener('appinstalled', () => { 1939 console.log('PWA installed'); 1940 installBtn.classList.add('d-none'); 1941 deferredPrompt = null; 1942 }); 1943
1944 // Debug: Add cache clear button in console 1945 console.log('%cð¡ TIP: Use clearPWACache() to clear all PWA cache', 'color: #0d6efd; font-size: 14px; font-weight: bold;'); 1946 </script>
1946 1947 1948 <!-- Ensure dropdown works --> 1949
1949<script> 1950 document.addEventListener('DOMContentLoaded', function() { 1951 const dropdownToggle = document.querySelector('#moreMenuDropdown'); 1952 if (dropdownToggle && typeof bootstrap !== 'undefined') { 1953 dropdownToggle.addEventListener('click', function(e) { 1954 e.preventDefault(); 1955 const dropdown = bootstrap.Dropdown.getOrCreateInstance(this); 1956 dropdown.toggle(); 1957 }); 1958 } 1959 1960 // Library Mega Menu - Click to toggle, close only on outside click 1961 const libraryDropdownToggle = document.querySelector('#libraryDropdown'); 1962 const libraryDropdownMenu = document.querySelector('.dropdown-menu-fullwidth'); 1963 const libraryDropdownItem = libraryDropdownToggle ? libraryDropdownToggle.closest('.dropdown-fullwidth') : null; 1964 1965 if (libraryDropdownToggle && libraryDropdownMenu && libraryDropdownItem && typeof bootstrap !== 'undefined') { 1966 let dropdownInstance = bootstrap.Dropdown.getOrCreateInstance(libraryDropdownToggle, { 1967 autoClose: 'outside' 1968 }); 1969 1970 // Override Bootstrap's hide method to prevent closing on mouseleave 1971 const originalHide = dropdownInstance.hide.bind(dropdownInstance); 1972 let shouldClose = false; 1973 1974 dropdownInstance.hide = function() { 1975 if (shouldClose) { 1976 originalHide(); 1977 } 1978 }; 1979 1980 // Click to toggle 1981 libraryDropdownToggle.addEventListener('click', function(e) { 1982 e.preventDefault(); 1983 e.stopPropagation(); 1984 shouldClose = false; 1985 dropdownInstance.toggle(); 1986 }); 1987 1988 // Prevent menu from closing when clicking inside the menu 1989 libraryDropdownMenu.addEventListener('click', function(e) { 1990 e.stopPropagation(); 1991 shouldClose = false; 1992 }); 1993 1994 // Prevent closing when mouse leaves the dropdown item 1995 libraryDropdownItem.addEventListener('mouseleave', function(e) { 1996 e.stopPropagation(); 1997 shouldClose = false; 1998 }); 1999 2000 // Keep menu open when hovering over menu itself 2001 libraryDropdownMenu.addEventListener('mouseenter', function(e) { 2002 shouldClose = false; 2003 }); 2004 2005 libraryDropdownMenu.addEventListener('mouseleave', function(e) { 2006 shouldClose = false; 2007 }); 2008 2009 // Close on outside click only 2010 document.addEventListener('click', function(e) { 2011 if (!libraryDropdownItem.contains(e.target) && libraryDropdownMenu.classList.contains('show')) { 2012 shouldClose = true; 2013 dropdownInstance.hide(); 2014 } 2015 }); 2016 } 2017 }); 2018 </script>
2018 2019 2020
2020<script> 2021document.addEventListener('DOMContentLoaded', function() { 2022 const cardsContainer = document.querySelector('.row.g-4'); 2023 if (!cardsContainer) return; 2024 2025 const cardData = new Map(); 2026 2027 // Initialize all cards 2028 document.querySelectorAll('.site-preview-container').forEach((container) => { 2029 const mediaElements = container.querySelectorAll('.site-preview-media'); 2030 const progressBars = container.querySelectorAll('.progress-fill'); 2031 const progressContainer = container.querySelector('.preview-progress'); 2032 const card = container.closest('.card'); 2033 2034 if (mediaElements.length <= 1) return; 2035 2036 let intervalId = null; 2037 let currentIndex = 0; 2038 const duration = 2000; 2039 2040 function showIndex(index) { 2041 if (index < 0 || index >= mediaElements.length) return; 2042 2043 mediaElements.forEach((el, i) => { 2044 if (i === index) { 2045 el.classList.remove('d-none'); 2046 el.classList.add('active'); 2047 el.style.display = el.tagName === 'VIDEO' ? 'block' : ''; 2048 el.style.zIndex = '2'; 2049 el.style.opacity = '1'; 2050 el.style.visibility = 'visible'; 2051 2052 if (el.tagName === 'VIDEO') { 2053 el.play().catch(() => {}); 2054 } 2055 } else { 2056 if (el.tagName === 'VIDEO') { 2057 el.pause(); 2058 el.currentTime = 0; 2059 } 2060 el.style.zIndex = '1'; 2061 el.style.opacity = '0'; 2062 setTimeout(() => { 2063 if (el.style.opacity === '0') { 2064 el.classList.add('d-none'); 2065 el.style.display = 'none'; 2066 el.style.visibility = 'hidden'; 2067 } 2068 }, 500); 2069 } 2070 }); 2071 2072 progressBars.forEach((bar, i) => { 2073 if (bar) { 2074 bar.style.width = i < index ? '100%' : '0%'; 2075 } 2076 }); 2077 2078 if (progressBars[index]) { 2079 progressBars[index].style.transition = 'none'; 2080 progressBars[index].style.width = '0%'; 2081 setTimeout(() => { 2082 progressBars[index].style.transition = `width ${duration}ms linear`; 2083 progressBars[index].style.width = '100%'; 2084 }, 10); 2085 } 2086 } 2087 2088 function nextIndex() { 2089 const lastEl = mediaElements[mediaElements.length - 1]; 2090 const isLastVideo = lastEl && lastEl.tagName === 'VIDEO'; 2091 const lastIdx = mediaElements.length - 1; 2092 2093 if (isLastVideo && currentIndex === lastIdx) { 2094 return; 2095 } 2096 2097 currentIndex = (currentIndex + 1) % mediaElements.length; 2098 if (isLastVideo && currentIndex === lastIdx) { 2099 showIndex(currentIndex); 2100 } else if (!isLastVideo || currentIndex < lastIdx) { 2101 showIndex(currentIndex); 2102 } 2103 } 2104 2105 function handleEnter() { 2106 if (intervalId) { 2107 clearInterval(intervalId); 2108 intervalId = null; 2109 } 2110 2111 if (progressContainer) { 2112 progressContainer.style.opacity = '1'; 2113 } 2114 2115 if (mediaElements.length > 1) { 2116 currentIndex = 1; 2117 showIndex(1); 2118 intervalId = setInterval(nextIndex, duration); 2119 } 2120 } 2121 2122 function handleLeave() { 2123 if (intervalId) { 2124 clearInterval(intervalId); 2125 intervalId = null; 2126 } 2127 2128 mediaElements.forEach((el) => { 2129 if (el.tagName === 'VIDEO') { 2130 el.pause(); 2131 el.currentTime = 0;
2132 el.style.transition = 'none'; 2133 el.style.visibility = 'hidden'; 2134 el.style.display = 'none'; 2135 el.style.zIndex = '-1'; 2136 el.style.opacity = '0'; 2137 el.classList.add('d-none'); 2138 el.classList.remove('active'); 2139 } 2140 }); 2141 2142 if (mediaElements[0] && mediaElements[0].tagName !== 'VIDEO') { 2143 mediaElements[0].classList.remove('d-none'); 2144 mediaElements[0].classList.add('active'); 2145 mediaElements[0].style.display = ''; 2146 mediaElements[0].style.zIndex = '2'; 2147 mediaElements[0].style.opacity = '1'; 2148 mediaElements[0].style.visibility = 'visible'; 2149 } 2150 2151 for (let i = 1; i < mediaElements.length; i++) { 2152 const el = mediaElements[i]; 2153 if (el.tagName !== 'VIDEO') { 2154 el.classList.add('d-none'); 2155 el.classList.remove('active'); 2156 el.style.display = 'none'; 2157 el.style.zIndex = '1'; 2158 el.style.opacity = '0'; 2159 el.style.visibility = 'hidden'; 2160 } 2161 } 2162 2163 if (progressContainer) { 2164 progressContainer.style.opacity = '0'; 2165 } 2166 2167 currentIndex = 0; 2168 } 2169 2170 cardData.set(card, { 2171 handleEnter, 2172 handleLeave 2173 }); 2174 2175 card.addEventListener('mouseenter', handleEnter); 2176 card.addEventListener('mouseleave', handleLeave); 2177 }); 2178}); 2179</script>
2179 2180 2181 2182 2183 2184 2185
2186<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 2186
2186
2187<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/glightbox.min.js"></script>
2187 2188<style> 2189 .typed-cursor { 2190 animation: blink 1s infinite; 2191 margin-left: 2px; 2192 } 2193 @keyframes blink { 2194 0%, 50% { opacity: 1; } 2195 51%, 100% { opacity: 0; } 2196 } 2197</style>
2198<script> 2199 // Simple typing animation 2200 document.addEventListener('DOMContentLoaded', function() { 2201 const words = ['business', 'enterprise', 'startup']; 2202 const typedTextSpan = document.querySelector('.typed-text'); 2203 2204 let wordIndex = 0; 2205 let charIndex = 0; 2206 let isDeleting = false; 2207 2208 function type() { 2209 const currentWord = words[wordIndex]; 2210 2211 if (isDeleting) { 2212 typedTextSpan.textContent = currentWord.substring(0, charIndex - 1); 2213 charIndex--; 2214 } else { 2215 typedTextSpan.textContent = currentWord.substring(0, charIndex + 1); 2216 charIndex++; 2217 } 2218 2219 let typeSpeed = isDeleting ? 50 : 100; 2220 2221 if (!isDeleting && charIndex === currentWord.length) { 2222 typeSpeed = 2000; 2223 isDeleting = true; 2224 } else if (isDeleting && charIndex === 0) { 2225 isDeleting = false; 2226 wordIndex = (wordIndex + 1) % words.length; 2227 typeSpeed = 500; 2228 } 2229 2230 setTimeout(type, typeSpeed); 2231 } 2232 2233 type(); 2234 2235 // Initialize all Swiper sliders 2236 const swiperElements = document.querySelectorAll('.swiper'); 2237 swiperElements.forEach(function(swiperEl) { 2238 const options = swiperEl.dataset.swiperOptions; 2239 if (options) { 2240 new Swiper(swiperEl, JSON.parse(options)); 2241 } 2242 }); 2243 }); 2244</script>
2244 2245 2246 <!-- Footer Scripts from Settings --> 2247 </body> 2248</html> 2249
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.