PageSourceSearch

https://nitiweb.net/

html nitiweb.net collected 2026-10-02 00:38:14 UTC 137,015 bytes, 2,249 lines download raw bytes

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 &amp; 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 &amp; 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 &amp; UX Analysis
722                                </a>
723                            </h6>
724                                                            <p class="mb-0 small">SalesPilot AI: Boost Your Store Sales with AI-Powered SEO &amp; 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&#039;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&#039;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.