Prerender.io Setup for SEO SPA: nginx, Express
Search bots see an empty shell of your SPA, and pages don't make it into search results. We configure Prerender.io for nginx and Express so bots receive ready HTML while users enjoy a fast interface. We deliver turnkey: from User-Agent filtering to sitemap precache, with ongoing support and reliable operation.
Development and maintenance of all types of websites:
Informational websites or web applications
Business card websites, landing pages, corporate websites, online catalogs, quizzes, promo websites, blogs, news resources, informational portals, forums, aggregators
E-commerce websites or web applications
Online stores, B2B portals, marketplaces, online exchanges, cashback websites, exchanges, dropshipping platforms, product parsers
Business process management web applications
CRM systems, ERP systems, corporate portals, production management systems, information parsers
Electronic service websites or web applications
Classified ads platforms, online schools, online cinemas, website builders, portals for electronic services, video hosting platforms, thematic portals
These are just some of the technical types of websites we work with, and each of them can have its own specific features and functionality, as well as be customized to meet the specific needs and goals of the client.
Services we offer
Showing 1 of 1All 2062 services
Prerender.io Setup for SEO SPA: nginx, Express~2-3 days
Medium
Frequently Asked Questions
- Prerender.io is a SaaS service that, upon a search bot request, launches headless Chrome, renders the SPA page, and returns a ready HTML. For regular users, the site remains a SPA with client-side rendering. Cold page first-render time is 1–3 seconds, hot is under 100 ms.
- SSR renders the page on the server for every request — requires a dedicated server and complex infrastructure. Prerender.io renders only for bots, leaving the SPA for clients. Server resource savings up to 70% compared to SSR, and load decreases 3–5 times. Prerender.io does not require rewriting the frontend and works with any SPA framework.
- The service is paid, cold page render takes time (up to 2–3 seconds), does not support personalized content (no user cookies), and does not render pages protected by authentication. For dynamic pages with frequent updates, it is recommended to set up automatic recaching.
- Send a request with User-Agent 'Googlebot' via curl: `curl -A 'Googlebot/2.1' https://site.com/page | grep -o '
[^<]* '`. The response should contain a realand content. Also disable JavaScript in Chrome DevTools and reload the page — if content is visible, prerender is working.</div></dd></div></div><div class="group bg-white dark:bg-dark-item rounded-lg transition-colors xl:shadow-light overflow-hidden hover:bg-dark-button dark:hover:bg-dark-button"><dt><button class="flex w-full items-start justify-between text-left text-black dark:text-white p-[1.125rem] cursor-pointer transition-colors group-hover:text-white dark:group-hover:text-white" id="headlessui-disclosure-button-:R1mh5:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-base sm:text-lg">How long does it take to set up Prerender.io?</span><span class="ml-6 flex h-7 items-center"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="rotate-0 h-6 w-6 transform transition-transform duration-300"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg></span></button></dt><div hidden="" style="display:none"><dd class="px-[1.125rem] pb-8" id="headlessui-disclosure-panel-:R2mh5:" hidden="" style="display:none" data-headlessui-state=""><div class="frontend-context-text">Basic setup with nginx and precaching — from 0.5 to 1 working day. If middleware integration (Express, Laravel) and automatic recache on deploy are needed — up to 2 days. Complex integration with custom filtering — up to 3 days.</div></dd></div></div></dl></div><div class="frontend-post-text flex flex-col p-4 md:p-8 gap-4 lg:gap-8 mb-4 lg:mb-16 xl:mb-40 transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item border-t-2 border-dark-button"><p>You launched an SPA on Vue 3 — pages fly, UX is excellent. But Googlebot sees an empty <code><div id="app"></code>, indexation is zero. Traffic from search doesn't grow. In our practice, a client with an online store on Vue 3 after configuring Prerender.io achieved a 40% increase in indexation within a month, and LCP dropped from 4.2 to 1.1 seconds. We explain how to set up the service correctly and without surprises.</p> <p>Prerender.io is a SaaS that, upon a bot request, renders the page in headless Chrome and returns ready HTML. For regular users, nothing changes. We have used it in 50+ projects — from corporate sites to marketplaces. Server time savings compared to full SSR — up to 70%, and server load decreases 3–5 times.</p><h2>Problems We Solve</h2><p>SPAs by default do not deliver content when JavaScript is disabled — search bots see an empty index.html. As a result:</p><ul> <li>Pages don't get into search results (or get indexed with errors).</li> <li>Snippets are empty, Title is "React App".</li> <li>Internal links are not indexed.</li> </ul><p>For example, a client with a catalog of 10,000 products: without prerender, bots indexed only 12 out of 10,000 pages. After setup — 8,500 pages in a week.</p> <p>Typical mistakes:</p><ul> <li>nginx does not distinguish between bots and humans.</li> <li>Middleware incorrectly filters User-Agent.</li> <li>Cache is not cleared after deployment.</li> </ul><p>In 90% of cases, the problem is exactly in User-Agent filtering. We configure Prerender.io taking these nuances into account — so that bots get full HTML and users get a fast SPA.</p><h2>Why Prerender.io Instead of Full SSR?</h2><p>SSR (Nuxt 3, Next.js) renders every page on the server — that's load and complexity. Prerender.io does it only for bots: it spends resources only on rendering for search engines. Server time savings — up to 70% compared to SSR. Plus, you don't need to rewrite the frontend — it works with any SPA framework. In practice, Prerender.io reduces server load by 3–5 times for high-traffic projects, especially if most pages are static.</p><table> <thead> <tr> <th>Criterion</th> <th>Prerender.io</th> <th>SSR (Nuxt/Next)</th> </tr> </thead> <tbody> <tr> <td>Rendering for humans</td> <td>No (only SPA)</td> <td>Yes (every request)</td> </tr> <tr> <td>Impact on UX</td> <td>None</td> <td>May increase TTFB</td> </tr> <tr> <td>Integration complexity</td> <td>Low (middleware)</td> <td>High (migration)</td> </tr> <tr> <td>Cost</td> <td>Fixed fee + traffic</td> <td>Server + development</td> </tr> <tr> <td>Personalization</td> <td>Limited</td> <td>Full</td> </tr> </tbody> </table> <h2>How It Works (Schematic)</h2> <ol> <li>Bot requests <code>/products/42</code>.</li> <li>nginx / middleware detects User-Agent and proxies to prerender.io.</li> <li>Prerender.io renders the page in headless Chrome.</li> <li>Returns ready HTML to the bot.</li> </ol><p>Users get the regular SPA — no changes.</p><h2>Setting Up Prerender.io for SPA</h2> <h3>nginx Configuration</h3> <pre><code class="language-nginx">map $http_user_agent $prerender_ua { ~*(Googlebot|AdsBot-Google|Googlebot-Image|Bingbot|Slurp|DuckDuckBot|Baiduspider|YandexBot|LinkedInBot|facebookexternalhit|Twitterbot|WhatsApp|TelegramBot) "1"; default "0"; } server { listen 443 ssl; server_name company.com; location / { if ($prerender_ua = "1") { rewrite .* /$scheme://$host$request_uri? break; proxy_pass https://service.prerender.io; proxy_set_header X-Prerender-Token "YOUR_API_TOKEN"; proxy_set_header X-Prerender-Host $host; proxy_connect_timeout 5s; proxy_read_timeout 60s; } try_files $uri /index.html; } }</code></pre> <h4>Middleware for Node.js (Express)</h4> <pre><code class="language-javascript">const prerender = require('prerender-node') prerender.set('prerenderToken', process.env.PRERENDER_TOKEN) prerender.set('prerenderServiceUrl', 'https://service.prerender.io/') // Optional settings prerender.crawlerUserAgents.push('TelegramBot', 'WhatsApp') prerender.set('blacklistPaths', ['/admin', '/dashboard', '/api']) app.use(prerender)</code></pre><p>The <a href="https://github.com/prerender/prerender-node">prerender-node</a> library is available on GitHub.</p><h2>How to Set Up Automatic Recaching on Deploy?</h2><p>Prerender.io caches pages automatically. But after deploy, the cache must be cleared for changed URLs. We automate this via API:</p><pre><code class="language-bash"># Clear a specific URL curl -X POST https://api.prerender.io/recache \ -H "Content-Type: application/json" \ -d '{"prerenderToken": "YOUR_TOKEN", "url": "https://company.com/product/42"}' # Recache on deploy (list of changed URLs) CHANGED_URLS=$(git diff HEAD~1 --name-only | grep "pages/" | ...) for url in $CHANGED_URLS; do curl -X POST https://api.prerender.io/recache \ -d "{\"prerenderToken\": \"$TOKEN\", \"url\": \"https://company.com/$url\"}" done</code></pre><p>If there are many pages, we use precaching via sitemap:</p><pre><code class="language-python">import requests import xml.etree.ElementTree as ET def precache_sitemap(sitemap_url, prerender_token): response = requests.get(sitemap_url) root = ET.fromstring(response.content) ns = {'sm': 'http://www.sitemaps.org/schemas/sitemap/0.9'} urls = [loc.text for loc in root.findall('.//sm:loc', ns)] print(f"Precaching {len(urls)} URLs...") for url in urls: requests.post('https://api.prerender.io/recache', json={'prerenderToken': prerender_token, 'url': url}) precache_sitemap('https://company.com/sitemap.xml', os.environ['PRERENDER_TOKEN'])</code></pre><p>Prerender.io stores cache on its servers. Default cache TTL is 30 minutes; it can be configured via <code>Cache-Control</code> headers. We recommend setting <code>max-age=3600</code> for static pages and <code>no-cache</code> for dynamic ones. Automatic recache on deploy ensures bots see the current version.</p><h3>How to Verify That Prerender Works?</h3> <pre><code class="language-bash"># Request as Googlebot curl -A "Googlebot/2.1 (+http://www.google.com/bot.html)" \ https://company.com/products/iphone-15 | \ grep -o '<title>[^<]*</title>' # Should return a real title, not "React App" or empty string</code></pre><p>Chrome DevTools → Network → Disable JS → reload the page — if content is visible without JS, prerendering works correctly for bots.</p><h3>What Advantages Does Prerender.io Offer for SPA?</h3><p>Fast integration — setup takes from 0.5 days. No code rewrite required. Server resource savings up to 70%. Average cold page first-render time — 1.5 seconds, hot — 100 ms. Prerender.io supports all popular frameworks: Vue, React, Angular.</p><h2>What's Included in Turnkey Setup</h2> <table> <thead> <tr> <th>Stage</th> <th>Result</th> </tr> </thead> <tbody> <tr> <td>Configuration analysis</td> <td>User-Agent scheme, framework identification</td> </tr> <tr> <td>nginx/Express/middleware setup</td> <td>Working prerender for bots</td> </tr> <tr> <td>Caching setup</td> <td>Automatic recache on deploy</td> </tr> <tr> <td>Sitemap precaching</td> <td>All pages in cache</td> </tr> <tr> <td>Verification</td> <td>curl tests, indexation report</td> </tr> <tr> <td>Documentation</td> <td>Instructions for the team, credentials</td> </tr> </tbody> </table> <h2>Timeline and Cost</h2><p>Basic setup (nginx + precache) — from 0.5 to 1 working day. Complex integration (multiple middleware, custom recache) — up to 2 days. Cost is fixed and calculated individually. We guarantee that after setup, Googlebot will start seeing content. Our team has 10+ years of experience and has completed 50+ projects on SPA SEO optimization.</p> <p>Order Prerender.io setup — get a consultation from an engineer. Contact us to discuss your project. Get an engineer consultation — we'll help you choose the optimal solution.</p></div><div class="grid grid-flow-dense grid-cols-1 sm:grid-cols-2 gap-4 lg:gap-8 mb-12 lg:mb-16 xl:mb-40"><div class=" hidden lg:flex flex-col p-8 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item border-t-2 border-border-consult"><div class="text-center text-black dark:text-white pb-5 text-lg lg:text-2xl">Discuss your task</div><div class="text-center text-xs xl:text-sm pb-6 text-black/75 dark:text-white/50">Describe your task — a specialist in the field will review it and suggest a solution.</div><button type="button" class="ripple-animation inline-block mr-auto ml-auto whitespace-nowrap rounded-lg bg-dark-button items-center justify-center text-sm text-white px-8 py-3.5 hover:opacity-70 transition-all ">Discuss your task</button></div><div class=" hidden lg:flex flex-col p-8 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item border-t-2 border-border-price"><div class="text-center text-black dark:text-white pb-5 text-lg lg:text-2xl">Cost estimate</div><div class="text-center text-xs xl:text-sm pb-6 text-black/75 dark:text-white/50">If you know exactly what you need to build, or you already have a ready technical brief.</div><button type="button" class="ripple-animation inline-block mr-auto ml-auto whitespace-nowrap rounded-lg bg-dark-button items-center justify-center text-sm text-white px-8 py-3.5 hover:opacity-70 transition-all ">Get estimate</button></div><button type="button" class="ripple-animation flex lg:hidden text-start flex-col p-6 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item border-t-2 border-border-consult"><span class="text-start text-black dark:text-white pb-2.5 text-lg lg:text-2xl">Discuss your task</span><span class="text-start text-xs xl:text-base pb-2 text-black dark:text-white">Describe your task — a specialist in the field will review it and suggest a solution.</span><span class="text-start text-xs xl:text-base text-black/75 dark:text-white/50">Click to submit an application</span></button><button type="button" class="ripple-animation flex lg:hidden text-start flex-col p-8 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item border-t-2 border-border-price"><span class="text-start text-black dark:text-white pb-2.5 text-lg lg:text-2xl">Cost estimate</span><span class="text-start text-xs xl:text-base pb-2 text-black dark:text-white ">If you know exactly what you need to build, or you already have a ready technical brief.</span><span class="text-start text-xs xl:text-base text-black/75 dark:text-white/50">Click to submit an application</span></button></div><div id="servicesList" class="relative mb-6 lg:mb-8"><h2 class="mb-4 lg:mb-8 xl:mb-12 text-2xl lg:text-3xl font-normal dark:text-white text-center">Our competencies:</h2><div class="grid grid-flow-dense grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 lg:gap-8"><button type="button" class="ripple-animation group flex flex-col p-5 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item hover:bg-dark-button dark:hover:bg-dark-button hover:scale-105 min-h-[9.5rem] sm:min-h-[10.5rem]"><span class="w-8 h-8 mb-3 group-hover:text-white text-[#b5b0b0] dark:text-[#DCDCDC]"><svg x="0px" y="0px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M13 13V26" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4 13H28" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M27 6H5C4.44772 6 4 6.44772 4 7V25C4 25.5523 4.44772 26 5 26H27C27.5523 26 28 25.5523 28 25V7C28 6.44772 27.5523 6 27 6Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="text-start text-black dark:text-white text-lg pb-2 font-normal group-hover:text-white">Content Management Systems CMS/CMF</span><span class="text-xs text-black/75 dark:text-white/50 group-hover:text-white text-start">Our developers have experience with more than 200+ CMS/CMF</span></button><button type="button" class="ripple-animation group flex flex-col p-5 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item hover:bg-dark-button dark:hover:bg-dark-button hover:scale-105 min-h-[9.5rem] sm:min-h-[10.5rem]"><span class="w-8 h-8 mb-3 group-hover:text-white text-[#FFA07A] dark:text-[#FFA07A]"><svg x="0px" y="0px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M9 12.5H4C3.44772 12.5 3 12.9477 3 13.5V18.5C3 19.0523 3.44772 19.5 4 19.5H9C9.55228 19.5 10 19.0523 10 18.5V13.5C10 12.9477 9.55228 12.5 9 12.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M27 5H21C20.4477 5 20 5.44772 20 6V12C20 12.5523 20.4477 13 21 13H27C27.5523 13 28 12.5523 28 12V6C28 5.44772 27.5523 5 27 5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M27 19H21C20.4477 19 20 19.4477 20 20V26C20 26.5523 20.4477 27 21 27H27C27.5523 27 28 26.5523 28 26V20C28 19.4477 27.5523 19 27 19Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10 16H15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20 23H18C17.2044 23 16.4413 22.6839 15.8787 22.1213C15.3161 21.5587 15 20.7956 15 20V12C15 11.2044 15.3161 10.4413 15.8787 9.87868C16.4413 9.31607 17.2044 9 18 9H20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="text-start text-black dark:text-white text-lg pb-2 font-normal group-hover:text-white">Frameworks</span><span class="text-xs text-black/75 dark:text-white/50 group-hover:text-white text-start">Our developers have experience with all popular frameworks</span></button><button type="button" class="ripple-animation group flex flex-col p-5 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item hover:bg-dark-button dark:hover:bg-dark-button hover:scale-105 min-h-[9.5rem] sm:min-h-[10.5rem]"><span class="w-8 h-8 mb-3 group-hover:text-white text-[#00E1E1] dark:text-[#00FFFF]"><svg x="0px" y="0px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M10 5C2 5 10 16 2 16C10 16 2 27 10 27" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M22 5C30 5 22 16 30 16C22 16 30 27 22 27" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="text-start text-black dark:text-white text-lg pb-2 font-normal group-hover:text-white">Programming languages</span><span class="text-xs text-black/75 dark:text-white/50 group-hover:text-white text-start">PHP, ASP.NET, Java, Python, NodeJS, JS, TypeScript and etc.</span></button><button type="button" class="ripple-animation group flex flex-col p-5 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item hover:bg-dark-button dark:hover:bg-dark-button hover:scale-105 min-h-[9.5rem] sm:min-h-[10.5rem]"><span class="w-8 h-8 mb-3 group-hover:text-white text-[#53B29B] dark:text-[#53B29B]"><svg x="0px" y="0px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M23 23H8.72727L5.2402 3.82112C5.19831 3.5907 5.07688 3.3823 4.89708 3.23225C4.71728 3.08219 4.49052 3 4.25633 3H2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10 28C11.3807 28 12.5 26.8807 12.5 25.5C12.5 24.1193 11.3807 23 10 23C8.61929 23 7.5 24.1193 7.5 25.5C7.5 26.8807 8.61929 28 10 28Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M23 28C24.3807 28 25.5 26.8807 25.5 25.5C25.5 24.1193 24.3807 23 23 23C21.6193 23 20.5 24.1193 20.5 25.5C20.5 26.8807 21.6193 28 23 28Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.81818 18H23.5127C23.981 18 24.4346 17.8356 24.7942 17.5355C25.1538 17.2354 25.3966 16.8186 25.4804 16.3578L27 8H6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="text-start text-black dark:text-white text-lg pb-2 font-normal group-hover:text-white">Payment systems and e-commerce</span><span class="text-xs text-black/75 dark:text-white/50 group-hover:text-white text-start">Extensive experience with payment systems and e-commerce</span></button><button type="button" class="ripple-animation group flex flex-col p-5 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item hover:bg-dark-button dark:hover:bg-dark-button hover:scale-105 min-h-[9.5rem] sm:min-h-[10.5rem]"><span class="w-8 h-8 mb-3 group-hover:text-white text-[#D9D300] dark:text-[#FFFB00]"><svg x="0px" y="0px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M10 15H19C20.3261 15 21.5979 15.5268 22.5355 16.4645C23.4732 17.4021 24 18.6739 24 20C24 21.3261 23.4732 22.5979 22.5355 23.5355C21.5979 24.4732 20.3261 25 19 25L9.99927 24.9994V5.99939L17.5 6C18.6935 6 19.8381 6.47411 20.682 7.31802C21.5259 8.16193 22 9.30653 22 10.5C22 11.6935 21.5259 12.8381 20.682 13.682C19.8381 14.5259 18.6935 15 17.5 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.99927 5.99939H9.99927" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.99927 24.9994H9.99927" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13 6V3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M17 6V3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13 28V25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M17 28V25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="text-start text-black dark:text-white text-lg pb-2 font-normal group-hover:text-white">Blockchain</span><span class="text-xs text-black/75 dark:text-white/50 group-hover:text-white text-start">Extensive experience with blockchain and cryptocurrencies</span></button><button type="button" class="ripple-animation group flex flex-col p-5 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item hover:bg-dark-button dark:hover:bg-dark-button hover:scale-105 min-h-[9.5rem] sm:min-h-[10.5rem]"><span class="w-8 h-8 mb-3 group-hover:text-white text-[#21AE9F] dark:text-[#21AE9F]"><svg x="0px" y="0px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M25 7H7C5.34315 7 4 8.34315 4 10V24C4 25.6569 5.34315 27 7 27H25C26.6569 27 28 25.6569 28 24V10C28 8.34315 26.6569 7 25 7Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M11.5 18H20.5C21.8807 18 23 19.1193 23 20.5V20.5C23 21.8807 21.8807 23 20.5 23H11.5C10.1193 23 9 21.8807 9 20.5V20.5C9 19.1193 10.1193 18 11.5 18Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M18.5 18V23" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13.5 18V23" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16 7V2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.5 14.75C11.1904 14.75 11.75 14.1904 11.75 13.5C11.75 12.8096 11.1904 12.25 10.5 12.25C9.80964 12.25 9.25 12.8096 9.25 13.5C9.25 14.1904 9.80964 14.75 10.5 14.75Z" fill="currentColor"></path><path d="M21.5 14.75C22.1904 14.75 22.75 14.1904 22.75 13.5C22.75 12.8096 22.1904 12.25 21.5 12.25C20.8096 12.25 20.25 12.8096 20.25 13.5C20.25 14.1904 20.8096 14.75 21.5 14.75Z" fill="currentColor"></path></svg></span><span class="text-start text-black dark:text-white text-lg pb-2 font-normal group-hover:text-white">Machine learning, AI</span><span class="text-xs text-black/75 dark:text-white/50 group-hover:text-white text-start">Extensive experience with machine learning and AI</span></button><button type="button" class="ripple-animation group flex flex-col p-5 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item hover:bg-dark-button dark:hover:bg-dark-button hover:scale-105 min-h-[9.5rem] sm:min-h-[10.5rem]"><span class="w-8 h-8 mb-3 group-hover:text-white text-[#7BCE00] dark:text-[#ADFF2F]"><svg x="0px" y="0px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M16 16C22.0751 16 27 13.3137 27 10C27 6.68629 22.0751 4 16 4C9.92487 4 5 6.68629 5 10C5 13.3137 9.92487 16 16 16Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5 10V16C5 19.3137 9.92487 22 16 22C22.0751 22 27 19.3137 27 16V10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5 16V22C5 25.3137 9.92487 28 16 28C22.0751 28 27 25.3137 27 22V16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="text-start text-black dark:text-white text-lg pb-2 font-normal group-hover:text-white">Bigdata and scaling</span><span class="text-xs text-black/75 dark:text-white/50 group-hover:text-white text-start">Extensive experience with Bigdata and scaling</span></button><button type="button" class="ripple-animation group flex flex-col p-5 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item hover:bg-dark-button dark:hover:bg-dark-button hover:scale-105 min-h-[9.5rem] sm:min-h-[10.5rem]"><span class="w-8 h-8 mb-3 group-hover:text-white text-[#1E90FF] dark:text-[#1E90FF]"><svg x="0px" y="0px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M14.7573 21.7574L18.9999 26L23.2426 21.7574" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M19 16V26" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 26H9.00003C8.00732 25.999 7.02618 25.7869 6.12172 25.3778C5.21725 24.9686 4.41016 24.3718 3.754 23.6268C3.09785 22.8819 2.60764 22.0059 2.31591 21.0571C2.02419 20.1082 1.93762 19.1081 2.06196 18.1232C2.1863 17.1384 2.51869 16.1912 3.03708 15.3446C3.55547 14.498 4.248 13.7713 5.06871 13.2128C5.88941 12.6544 6.81952 12.2768 7.79729 12.1053C8.77506 11.9338 9.77814 11.9722 10.7399 12.2179" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10 16C10.0002 14.4155 10.3768 12.8538 11.0989 11.4435C11.821 10.0331 12.868 8.81457 14.1534 7.8882C15.4388 6.96183 16.926 6.35417 18.4923 6.11528C20.0587 5.8764 21.6594 6.01314 23.1625 6.51422C24.6656 7.0153 26.0282 7.8664 27.1379 8.99736C28.2476 10.1283 29.0726 11.5068 29.5451 13.0192C30.0175 14.5316 30.1239 16.1346 29.8553 17.6961C29.5867 19.2576 28.9509 20.733 28.0003 22.0006" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="text-start text-black dark:text-white text-lg pb-2 font-normal group-hover:text-white">Cloud Solutions</span><span class="text-xs text-black/75 dark:text-white/50 group-hover:text-white text-start">Extensive experience in developing cloud solutions</span></button><button type="button" class="ripple-animation group flex flex-col p-5 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item hover:bg-dark-button dark:hover:bg-dark-button hover:scale-105 min-h-[9.5rem] sm:min-h-[10.5rem]"><span class="w-8 h-8 mb-3 group-hover:text-white text-[#C1B7FF] dark:text-[#C1B7FF]"><svg x="0px" y="0px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M15 9C16.6569 9 18 7.65685 18 6C18 4.34315 16.6569 3 15 3C13.3431 3 12 4.34315 12 6C12 7.65685 13.3431 9 15 9Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5 18C6.65685 18 8 16.6569 8 15C8 13.3431 6.65685 12 5 12C3.34315 12 2 13.3431 2 15C2 16.6569 3.34315 18 5 18Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20 29C21.6569 29 23 27.6569 23 26C23 24.3431 21.6569 23 20 23C18.3431 23 17 24.3431 17 26C17 27.6569 18.3431 29 20 29Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M26 12C27.6569 12 29 10.6569 29 9C29 7.34315 27.6569 6 26 6C24.3431 6 23 7.34315 23 9C23 10.6569 24.3431 12 26 12Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M23.106 8.21075L17.8939 6.78926" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12.7701 8.00689L7.22986 12.9931" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.41956 16.7743L17.5805 24.2257" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20.9987 23.1704L25.0013 11.8295" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="text-start text-black dark:text-white text-lg pb-2 font-normal group-hover:text-white">Microservices</span><span class="text-xs text-black/75 dark:text-white/50 group-hover:text-white text-start">Extensive experience in microservice development</span></button><button type="button" class="ripple-animation group flex flex-col p-5 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item hover:bg-dark-button dark:hover:bg-dark-button hover:scale-105 min-h-[9.5rem] sm:min-h-[10.5rem]"><span class="w-8 h-8 mb-3 group-hover:text-white text-[#FF8787] dark:text-[#FF8787]"><svg x="0px" y="0px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M10 19.9991H26C26.2652 19.9991 26.5196 19.8938 26.7071 19.7063C26.8946 19.5187 27 19.2644 27 18.9991V5.99915C27 5.73393 26.8946 5.47958 26.7071 5.29204C26.5196 5.1045 26.2652 4.99915 26 4.99915H12C11.7348 4.99915 11.4804 5.1045 11.2929 5.29204C11.1054 5.47958 11 5.73393 11 5.99915V6.99915" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13 17L10 20L13 23" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M22 12H6C5.73478 12 5.48043 12.1054 5.29289 12.2929C5.10536 12.4804 5 12.7348 5 13V26C5 26.2652 5.10536 26.5196 5.29289 26.7071C5.48043 26.8946 5.73478 27 6 27H20C20.2652 27 20.5196 26.8946 20.7071 26.7071C20.8946 26.5196 21 26.2652 21 26V25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M19 14.9991L22 11.9991L19 8.99911" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="text-start text-black dark:text-white text-lg pb-2 font-normal group-hover:text-white">Module Development</span><span class="text-xs text-black/75 dark:text-white/50 group-hover:text-white text-start">Extensive experience in developing CMS/CMF modules for sale on marketplaces</span></button><button type="button" class="ripple-animation group flex flex-col p-5 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item hover:bg-dark-button dark:hover:bg-dark-button hover:scale-105 min-h-[9.5rem] sm:min-h-[10.5rem]"><span class="w-8 h-8 mb-3 group-hover:text-white text-[#00E8D7] dark:text-[#5FFFF5]"><svg x="0px" y="0px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M23.001 10H5.00098C4.44869 10 4.00098 10.4477 4.00098 11V25C4.00098 25.5523 4.44869 26 5.00098 26H23.001C23.5533 26 24.001 25.5523 24.001 25V11C24.001 10.4477 23.5533 10 23.001 10Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.00098 10V7C8.00098 6.73478 8.10633 6.48043 8.29387 6.29289C8.48141 6.10536 8.73576 6 9.00098 6H27.001C27.2662 6 27.5205 6.10536 27.7081 6.29289C27.8956 6.48043 28.001 6.73478 28.001 7V21C28.001 21.2652 27.8956 21.5196 27.7081 21.7071C27.5205 21.8946 27.2662 22 27.001 22H24.001" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4 14H24" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="text-start text-black dark:text-white text-lg pb-2 font-normal group-hover:text-white">UX/UI</span><span class="text-xs text-black/75 dark:text-white/50 group-hover:text-white text-start">Extensive experience in designing complex and simple design elements</span></button><button type="button" class="ripple-animation group flex flex-col p-5 text-white transition-all rounded-lg xl:shadow-light bg-white dark:bg-dark-item hover:bg-dark-button dark:hover:bg-dark-button hover:scale-105 min-h-[9.5rem] sm:min-h-[10.5rem]"><span class="w-8 h-8 mb-3 group-hover:text-white text-[#FFBB55] dark:text-[#FFD699]"><svg x="0px" y="0px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M8.5 27C10.433 27 12 25.433 12 23.5C12 21.567 10.433 20 8.5 20C6.567 20 5 21.567 5 23.5C5 25.433 6.567 27 8.5 27Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.5 12C10.433 12 12 10.433 12 8.5C12 6.567 10.433 5 8.5 5C6.567 5 5 6.567 5 8.5C5 10.433 6.567 12 8.5 12Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.5 12V20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M23.5003 27C25.4333 27 27.0003 25.433 27.0003 23.5C27.0003 21.567 25.4333 20 23.5003 20C21.5673 20 20.0003 21.567 20.0003 23.5C20.0003 25.433 21.5673 27 23.5003 27Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M23.5003 20L23.5001 14.9851C23.5 13.3939 22.8679 11.8679 21.7427 10.7427L17 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M17 11V6H22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="text-start text-black dark:text-white text-lg pb-2 font-normal group-hover:text-white">Сode review</span><span class="text-xs text-black/75 dark:text-white/50 group-hover:text-white text-start">We carry out an independent analysis of the verification of the program code of finished projects.</span></button></div></div><div class="relative mb-12 sm:mb-16 md:mb-20 xl:mb-24"><h2 class="mb-6 lg:mb-8 xl:mb-12 text-2xl lg:text-3xl font-normal dark:text-white text-center">Latest works</h2><ul class=" grid gap-6 sm:gap-4 lg:gap-8 grid-cols-1 sm:grid-cols-2 "><li class="relative"><div class="bg-white dark:bg-dark-item rounded-lg overflow-hidden xl:bg-transparent dark:xl:bg-transparent"><div class="block w-full overflow-hidden rounded-lg hover:opacity-75 transition-all xl:shadow-light"><div class="group focus:outline-none cursor-pointer"><div class="ripple-animation group:hover:ripple-animation-native"><div class="pointer-events-none"><div class="relative aspect-video w-full rounded-lg overflow-hidden"><img src="/files/works/2023/06/30/466/image_web-applications_feedme_466_0.webp" alt="Development of a web application for FEEDME" width="1280" height="720" loading="lazy" decoding="async" class="h-full w-full object-cover"/></div></div></div></div></div><div class=" flex items-center gap-4 justify-center font-normal text-black dark:text-white xl:py-0 xl:px-0 xl:pt-6 py-3 px-2 "><div class="grow text-base text-black/75 dark:text-white/75">Development of a web application for FEEDME</div><button class="font-normal flex gap-1 items-center text-sm xl:text-lg cursor-pointer text-black/70 dark:text-white/50 hover:text-black/100 hover:dark:text-white/100" type="button"><span class="flex items-center h-6 w-6"><svg x="0px" y="0px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M12.0012 19.4401C12.0012 19.4401 2.62622 14.4001 2.62622 8.28011C2.62641 7.19843 3.01683 6.15019 3.73111 5.31363C4.44538 4.47706 5.43942 3.9038 6.54421 3.69131C7.649 3.47882 8.79636 3.64021 9.79121 4.14805C10.7861 4.65589 11.567 5.47883 12.0012 6.47695L12.0012 6.47696C12.4355 5.47884 13.2164 4.6559 14.2112 4.14806C15.2061 3.64022 16.3534 3.47882 17.4582 3.69131C18.563 3.9038 19.5571 4.47706 20.2713 5.31363C20.9856 6.15019 21.376 7.19843 21.3762 8.28011C21.3762 14.4001 12.0012 19.4401 12.0012 19.4401Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>205</button><div class="font-normal flex gap-1 items-center text-sm xl:text-lg opacity-70 dark:opacity-50 pointer-events-none"><span class="flex items-center h-6 w-6 xl:h-6 xl:w-6 opacity-50 mr-1"><svg x="0px" y="0px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M12 5.24927C4.5 5.24927 1.5 12 1.5 12C1.5 12 4.5 18.7493 12 18.7493C19.5 18.7493 22.5 12 22.5 12C22.5 12 19.5 5.24927 12 5.24927Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>1393</div></div></div></li><li class="relative"><div class="bg-white dark:bg-dark-item rounded-lg overflow-hidden xl:bg-transparent dark:xl:bg-transparent"><div class="block w-full overflow-hidden rounded-lg hover:opacity-75 transition-all xl:shadow-light"><div class="group focus:outline-none cursor-pointer"><div class="ripple-animation group:hover:ripple-animation-native"><div class="pointer-events-none"><div class="relative aspect-video w-full rounded-lg overflow-hidden"><img src="/files/works/2023/06/28/435/image_ecommerce_furnoro_435_0.webp" alt="Development of an online store for the company FURNORO" width="1280" height="720" loading="lazy" decoding="async" class="h-full w-full object-cover"/></div></div></div></div></div><div class=" flex items-center gap-4 justify-center font-normal text-black dark:text-white xl:py-0 xl:px-0 xl:pt-6 py-3 px-2 "><div class="grow text-base text-black/75 dark:text-white/75">Development of an online store for the company FURNORO</div><button class="font-normal flex gap-1 items-center text-sm xl:text-lg cursor-pointer text-black/70 dark:text-white/50 hover:text-black/100 hover:dark:text-white/100" type="button"><span class="flex items-center h-6 w-6"><svg x="0px" y="0px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M12.0012 19.4401C12.0012 19.4401 2.62622 14.4001 2.62622 8.28011C2.62641 7.19843 3.01683 6.15019 3.73111 5.31363C4.44538 4.47706 5.43942 3.9038 6.54421 3.69131C7.649 3.47882 8.79636 3.64021 9.79121 4.14805C10.7861 4.65589 11.567 5.47883 12.0012 6.47695L12.0012 6.47696C12.4355 5.47884 13.2164 4.6559 14.2112 4.14806C15.2061 3.64022 16.3534 3.47882 17.4582 3.69131C18.563 3.9038 19.5571 4.47706 20.2713 5.31363C20.9856 6.15019 21.376 7.19843 21.3762 8.28011C21.3762 14.4001 12.0012 19.4401 12.0012 19.4401Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>57</button><div class="font-normal flex gap-1 items-center text-sm xl:text-lg opacity-70 dark:opacity-50 pointer-events-none"><span class="flex items-center h-6 w-6 xl:h-6 xl:w-6 opacity-50 mr-1"><svg x="0px" y="0px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M12 5.24927C4.5 5.24927 1.5 12 1.5 12C1.5 12 4.5 18.7493 12 18.7493C19.5 18.7493 22.5 12 22.5 12C22.5 12 19.5 5.24927 12 5.24927Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>1368</div></div></div></li><li class="relative"><div class="bg-white dark:bg-dark-item rounded-lg overflow-hidden xl:bg-transparent dark:xl:bg-transparent"><div class="block w-full overflow-hidden rounded-lg hover:opacity-75 transition-all xl:shadow-light"><div class="group focus:outline-none cursor-pointer"><div class="ripple-animation group:hover:ripple-animation-native"><div class="pointer-events-none"><div class="relative aspect-video w-full rounded-lg overflow-hidden"><img src="/files/works/2023/07/12/479/image_crm_enviok_479_0.webp" alt="Development of a web application for Enviok" width="1280" height="720" loading="lazy" decoding="async" class="h-full w-full object-cover"/></div></div></div></div></div><div class=" flex items-center gap-4 justify-center font-normal text-black dark:text-white xl:py-0 xl:px-0 xl:pt-6 py-3 px-2 "><div class="grow text-base text-black/75 dark:text-white/75">Development of a web application for Enviok</div><button class="font-normal flex gap-1 items-center text-sm xl:text-lg cursor-pointer text-black/70 dark:text-white/50 hover:text-black/100 hover:dark:text-white/100" type="button"><span class="flex items-center h-6 w-6"><svg x="0px" y="0px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M12.0012 19.4401C12.0012 19.4401 2.62622 14.4001 2.62622 8.28011C2.62641 7.19843 3.01683 6.15019 3.73111 5.31363C4.44538 4.47706 5.43942 3.9038 6.54421 3.69131C7.649 3.47882 8.79636 3.64021 9.79121 4.14805C10.7861 4.65589 11.567 5.47883 12.0012 6.47695L12.0012 6.47696C12.4355 5.47884 13.2164 4.6559 14.2112 4.14806C15.2061 3.64022 16.3534 3.47882 17.4582 3.69131C18.563 3.9038 19.5571 4.47706 20.2713 5.31363C20.9856 6.15019 21.376 7.19843 21.3762 8.28011C21.3762 14.4001 12.0012 19.4401 12.0012 19.4401Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>230</button><div class="font-normal flex gap-1 items-center text-sm xl:text-lg opacity-70 dark:opacity-50 pointer-events-none"><span class="flex items-center h-6 w-6 xl:h-6 xl:w-6 opacity-50 mr-1"><svg x="0px" y="0px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M12 5.24927C4.5 5.24927 1.5 12 1.5 12C1.5 12 4.5 18.7493 12 18.7493C19.5 18.7493 22.5 12 22.5 12C22.5 12 19.5 5.24927 12 5.24927Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>1139</div></div></div></li><li class="relative"><div class="bg-white dark:bg-dark-item rounded-lg overflow-hidden xl:bg-transparent dark:xl:bg-transparent"><div class="block w-full overflow-hidden rounded-lg hover:opacity-75 transition-all xl:shadow-light"><div class="group focus:outline-none cursor-pointer"><div class="ripple-animation group:hover:ripple-animation-native"><div class="pointer-events-none"><div class="relative aspect-video w-full rounded-lg overflow-hidden"><img src="/files/works/2023/07/17/493/image_crm_chasseurs_493_0.webp" alt="CRM development for Chasseurs" width="1280" height="720" loading="lazy" decoding="async" class="h-full w-full object-cover"/></div></div></div></div></div><div class=" flex items-center gap-4 justify-center font-normal text-black dark:text-white xl:py-0 xl:px-0 xl:pt-6 py-3 px-2 "><div class="grow text-base text-black/75 dark:text-white/75">CRM development for Chasseurs</div><button class="font-normal flex gap-1 items-center text-sm xl:text-lg cursor-pointer text-black/70 dark:text-white/50 hover:text-black/100 hover:dark:text-white/100" type="button"><span class="flex items-center h-6 w-6"><svg x="0px" y="0px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M12.0012 19.4401C12.0012 19.4401 2.62622 14.4001 2.62622 8.28011C2.62641 7.19843 3.01683 6.15019 3.73111 5.31363C4.44538 4.47706 5.43942 3.9038 6.54421 3.69131C7.649 3.47882 8.79636 3.64021 9.79121 4.14805C10.7861 4.65589 11.567 5.47883 12.0012 6.47695L12.0012 6.47696C12.4355 5.47884 13.2164 4.6559 14.2112 4.14806C15.2061 3.64022 16.3534 3.47882 17.4582 3.69131C18.563 3.9038 19.5571 4.47706 20.2713 5.31363C20.9856 6.15019 21.376 7.19843 21.3762 8.28011C21.3762 14.4001 12.0012 19.4401 12.0012 19.4401Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>231</button><div class="font-normal flex gap-1 items-center text-sm xl:text-lg opacity-70 dark:opacity-50 pointer-events-none"><span class="flex items-center h-6 w-6 xl:h-6 xl:w-6 opacity-50 mr-1"><svg x="0px" y="0px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M12 5.24927C4.5 5.24927 1.5 12 1.5 12C1.5 12 4.5 18.7493 12 18.7493C19.5 18.7493 22.5 12 22.5 12C22.5 12 19.5 5.24927 12 5.24927Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>1152</div></div></div></li><li class="relative"><div class="bg-white dark:bg-dark-item rounded-lg overflow-hidden xl:bg-transparent dark:xl:bg-transparent"><div class="block w-full overflow-hidden rounded-lg hover:opacity-75 transition-all xl:shadow-light"><div class="group focus:outline-none cursor-pointer"><div class="ripple-animation group:hover:ripple-animation-native"><div class="pointer-events-none"><div class="relative aspect-video w-full rounded-lg overflow-hidden"><img src="/files/works/2023/06/16/254/image_website-sbh_0.webp" alt="Website development for SBH Partners" width="1280" height="720" loading="lazy" decoding="async" class="h-full w-full object-cover"/></div></div></div></div></div><div class=" flex items-center gap-4 justify-center font-normal text-black dark:text-white xl:py-0 xl:px-0 xl:pt-6 py-3 px-2 "><div class="grow text-base text-black/75 dark:text-white/75">Website development for SBH Partners</div><button class="font-normal flex gap-1 items-center text-sm xl:text-lg cursor-pointer text-black/70 dark:text-white/50 hover:text-black/100 hover:dark:text-white/100" type="button"><span class="flex items-center h-6 w-6"><svg x="0px" y="0px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M12.0012 19.4401C12.0012 19.4401 2.62622 14.4001 2.62622 8.28011C2.62641 7.19843 3.01683 6.15019 3.73111 5.31363C4.44538 4.47706 5.43942 3.9038 6.54421 3.69131C7.649 3.47882 8.79636 3.64021 9.79121 4.14805C10.7861 4.65589 11.567 5.47883 12.0012 6.47695L12.0012 6.47696C12.4355 5.47884 13.2164 4.6559 14.2112 4.14806C15.2061 3.64022 16.3534 3.47882 17.4582 3.69131C18.563 3.9038 19.5571 4.47706 20.2713 5.31363C20.9856 6.15019 21.376 7.19843 21.3762 8.28011C21.3762 14.4001 12.0012 19.4401 12.0012 19.4401Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>249</button><div class="font-normal flex gap-1 items-center text-sm xl:text-lg opacity-70 dark:opacity-50 pointer-events-none"><span class="flex items-center h-6 w-6 xl:h-6 xl:w-6 opacity-50 mr-1"><svg x="0px" y="0px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M12 5.24927C4.5 5.24927 1.5 12 1.5 12C1.5 12 4.5 18.7493 12 18.7493C19.5 18.7493 22.5 12 22.5 12C22.5 12 19.5 5.24927 12 5.24927Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>1231</div></div></div></li><li class="relative"><div class="bg-white dark:bg-dark-item rounded-lg overflow-hidden xl:bg-transparent dark:xl:bg-transparent"><div class="block w-full overflow-hidden rounded-lg hover:opacity-75 transition-all xl:shadow-light"><div class="group focus:outline-none cursor-pointer"><div class="ripple-animation group:hover:ripple-animation-native"><div class="pointer-events-none"><div class="relative aspect-video w-full rounded-lg overflow-hidden"><img src="/files/works/2023/06/16/253/image_website-_0.webp" alt="Website development for Red Pear" width="1280" height="720" loading="lazy" decoding="async" class="h-full w-full object-cover"/></div></div></div></div></div><div class=" flex items-center gap-4 justify-center font-normal text-black dark:text-white xl:py-0 xl:px-0 xl:pt-6 py-3 px-2 "><div class="grow text-base text-black/75 dark:text-white/75">Website development for Red Pear</div><button class="font-normal flex gap-1 items-center text-sm xl:text-lg cursor-pointer text-black/70 dark:text-white/50 hover:text-black/100 hover:dark:text-white/100" type="button"><span class="flex items-center h-6 w-6"><svg x="0px" y="0px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M12.0012 19.4401C12.0012 19.4401 2.62622 14.4001 2.62622 8.28011C2.62641 7.19843 3.01683 6.15019 3.73111 5.31363C4.44538 4.47706 5.43942 3.9038 6.54421 3.69131C7.649 3.47882 8.79636 3.64021 9.79121 4.14805C10.7861 4.65589 11.567 5.47883 12.0012 6.47695L12.0012 6.47696C12.4355 5.47884 13.2164 4.6559 14.2112 4.14806C15.2061 3.64022 16.3534 3.47882 17.4582 3.69131C18.563 3.9038 19.5571 4.47706 20.2713 5.31363C20.9856 6.15019 21.376 7.19843 21.3762 8.28011C21.3762 14.4001 12.0012 19.4401 12.0012 19.4401Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>71</button><div class="font-normal flex gap-1 items-center text-sm xl:text-lg opacity-70 dark:opacity-50 pointer-events-none"><span class="flex items-center h-6 w-6 xl:h-6 xl:w-6 opacity-50 mr-1"><svg x="0px" y="0px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M12 5.24927C4.5 5.24927 1.5 12 1.5 12C1.5 12 4.5 18.7493 12 18.7493C19.5 18.7493 22.5 12 22.5 12C22.5 12 19.5 5.24927 12 5.24927Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>641</div></div></div></li></ul><div class="flex items-center justify-center p-4 lg:p-8 w-full"><a class="frontend-button-secondary" href="https://novasolutions.technology/works">Show more works</a></div></div></div></main><div class="block relative mt-8 lg:hidden w-full"></div><footer class="relative hidden lg:block"><div class="mx-auto max-w-7xl py-12 px-6 lg:py-16 lg:px-8"><div class="pb-8 grid grid-cols-4 gap-8"><div class="mt-0"><div class="text-base text-black font-normal dark:text-white">Support</div><ul class="mt-4 space-y-4"><li><a class="text-base text-black/75 dark:text-white/50 hover:text-black dark:hover:text-white transition-all" href="https://novasolutions.technology/contacts">Discuss your task</a></li><li><a class="text-base text-black/75 dark:text-white/50 hover:text-black dark:hover:text-white transition-all" href="https://novasolutions.technology/posts">Helpful information</a></li></ul></div><div><div class="text-base text-black font-normal dark:text-white">Solutions</div><ul class="mt-4 space-y-4"><li><a class="text-base text-black/75 dark:text-white/50 hover:text-black dark:hover:text-white transition-all" href="https://novasolutions.technology/apps">All solutions</a></li></ul></div><div><div class="text-base text-black font-normal dark:text-white">Company</div><ul class="mt-4 space-y-4"><li><a class="text-base text-black/75 dark:text-white/50 hover:text-black dark:hover:text-white transition-all" href="https://novasolutions.technology/contacts">Contacts</a></li><li><a class="text-base text-black/75 dark:text-white/50 hover:text-black dark:hover:text-white transition-all" href="https://novasolutions.technology/about">About company</a></li><li><a class="text-base text-black/75 dark:text-white/50 hover:text-black dark:hover:text-white transition-all" href="https://novasolutions.technology/career">Work in a company</a></li><li><a class="text-base text-black/75 dark:text-white/50 hover:text-black dark:hover:text-white transition-all" href="https://novasolutions.technology/affiliate-program">Affiliate program</a></li></ul></div></div><div class="py-8 grid grid-cols-4 gap-8 border-t border-black/25 dark:border-white/25"><div><a class="text-base text-black/75 dark:text-white/50 hover:text-black dark:hover:text-white transition-all" href="https://novasolutions.technology/privacy-policy">Privacy Policy</a></div><div><a class="text-base text-black/75 dark:text-white/50 hover:text-black dark:hover:text-white transition-all" href="https://novasolutions.technology/terms-of-service">Terms of service</a></div><div class="col-span-2"><div class="text-base text-black/75 dark:text-white/50">© <!-- -->2026<!-- --> <!-- -->NOVASOLUTIONS.TECHNOLOGY, Inc. All rights reserved.</div></div></div></div></footer></div><div class="fixed lg:hidden w-full bottom-0"><div class="flex gap-12 px-12 justify-center bg-white border-t border-[#E8E8E8] dark:bg-dark-nav dark:border-none" style="height:3.25rem"><a class="grow flex items-center justify-center text-white h-full" aria-label="Home" href="https://novasolutions.technology/"><span class="flex h-8 w-7 text-black dark:text-white opacity-100"><svg x="0px" y="0px" viewBox="0 0 28 32.7" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M16.8,23v-6c0-0.3-0.1-0.5-0.3-0.7c-0.2-0.2-0.4-0.3-0.7-0.3h-4c-0.3,0-0.5,0.1-0.7,0.3 c-0.2,0.2-0.3,0.4-0.3,0.7v6c0,0.3-0.1,0.5-0.3,0.7c-0.2,0.2-0.4,0.3-0.7,0.3l-6,0c-0.1,0-0.3,0-0.4-0.1c-0.1-0.1-0.2-0.1-0.3-0.2 C3,23.6,3,23.5,2.9,23.3c-0.1-0.1-0.1-0.3-0.1-0.4V11.4c0-0.1,0-0.3,0.1-0.4c0.1-0.1,0.1-0.2,0.2-0.3l10-9.1 c0.2-0.2,0.4-0.3,0.7-0.3c0.2,0,0.5,0.1,0.7,0.3l10,9.1c0.1,0.1,0.2,0.2,0.2,0.3c0.1,0.1,0.1,0.3,0.1,0.4V23c0,0.1,0,0.3-0.1,0.4 c-0.1,0.1-0.1,0.2-0.2,0.3c-0.1,0.1-0.2,0.2-0.3,0.2C24.1,23.9,24,24,23.8,24l-6,0c-0.3,0-0.5-0.1-0.7-0.3 C17,23.5,16.8,23.2,16.8,23L16.8,23z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><line class="st1" x1="6.4" y1="32" x2="21.4" y2="32" fill="none" stroke="currentColor" stroke-linecap="round"></line></svg></span></a><a class="grow flex items-center justify-center text-white h-full" aria-label="All solutions" href="https://novasolutions.technology/apps"><span class="flex h-8 w-7 text-black dark:text-white opacity-50"><svg x="0px" y="0px" viewBox="0 0 28 32.7" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M11.8,3.1h-8v8h8V3.1z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M23.8,3.1h-8v8h8V3.1z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M11.8,15.1h-8v8h8V15.1z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M23.8,15.1h-8v8h8V15.1z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></a><a class="grow flex items-center justify-center text-white h-full" aria-label="Services" href="https://novasolutions.technology/#servicesList"><span class="flex h-8 w-7 text-black dark:text-white opacity-50"><svg x="0px" y="0px" viewBox="0 0 28 32.7" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M2.8,13.2h22" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.8,5.2h22" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.8,21.2h22" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></a><a class="grow flex items-center justify-center text-white h-full" aria-label="My account" href="https://novasolutions.technology/area51"><span class="flex h-8 w-7 text-black dark:text-white opacity-50"><svg x="0px" y="0px" viewBox="0 0 28 32.7" fill="none" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M13.8,17.2c4.4,0,8-3.6,8-8s-3.6-8-8-8s-8,3.6-8,8S9.4,17.2,13.8,17.2z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M1.7,24.2c1.2-2.1,3-3.9,5.1-5.1c2.1-1.2,4.5-1.9,7-1.9c2.5,0,4.9,0.6,7,1.9c2.1,1.2,3.9,3,5.1,5.1" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></a></div></div></div></div> <div id="dialog"></div> <div id="dialog-alert"></div> <div id="dialog-iframe" class="hidden"></div> </div> </body> </html>