PageSourceSearch

https://folex-astro.pages.dev/

html folex-astro.pages.dev collected 2026-10-03 05:13:27 UTC 111,016 bytes, 354 lines download raw bytes

1<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="Content-Language" content="en"><meta name="theme" content="folex"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"><title>Folex - Creative Agency &amp; Personal Portfolio Business Theme</title><meta name="description" content="This is a example description"><meta name="keywords" content="digital agency, folex astro template, astro template, astro theme, folex theme, folex astro theme, astro portfolio theme, astro portfolio template, astro agency template, astro agency theme"><meta name="author" content="Getastrothemes"><meta name="robots" content="index, follow"><link rel="canonical" href="https://folex-astro.pages.dev/" item-prop="url"><link rel="alternate" hreflang="en" href="https://folex-astro.pages.dev/"><link rel="alternate" hreflang="fr" href="https://folex-astro.pages.dev/fr/"><meta name="theme-color" media="(prefers-color-scheme: light)" content="#fff"><meta name="theme-color" media="(prefers-color-scheme: dark)" content="#000"><meta name="generator" content="Astro v6.2.1">  
1<script defer src="/umami.is.js" data-website-id="b4ff2440-7f1f-4c92-a15d-63ace30affef" data-auto-track="false"></script>
1
2  <!------------------------ Open Graph Meta Tags ------------------------><meta property="og:image" content="https://folex-astro.pages.dev/images/og-image.jpg"><meta property="og:title" content="Folex - Creative Agency &#38; Personal Portfolio Business Theme"><meta property="og:site_name" content="Folex"><meta property="og:description" content="This is a example description"><meta property="og:type" content="website"><meta property="og:locale" content="en_US"><meta property="og:url" content="https://folex-astro.pages.dev/"><!------------------------ Twitter Meta Tags ------------------------><meta name="twitter:title" content="Folex - Creative Agency &#38; Personal Portfolio Business Theme"><meta name="twitter:description" content="This is a example description"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:image" content="https://folex-astro.pages.dev/images/og-image.jpg"><!------------------------ Favicons ------------------------><link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="96x96" href="/images/favicons/favicon-96x96.png"><link rel="icon" type="image/png" sizes="192x192" href="/images/favicons/web-app-manifest-192x192.png"><link rel="icon" type="image/png" sizes="512x512" href="/images/favicons/web-app-manifest-512x512.png"><link rel="icon" type="image/svg+xml" href="/images/favicons/favicon.svg"><link rel="shortcut icon" href="/images/favicons/favicon.ico"><link rel="manifest" href="/images/favicons/site.webmanifest"><meta content="#ffffff"><meta name="apple-mobile-web-app-title" content="Folex"><!-- JSON-LD -->
2<script type="application/ld+json">{
3  "@context": "https://schema.org",
4  "@type": "WebPage",
5  "name": "Folex - Creative Agency & Personal Portfolio Business Theme",
6  "description": "This is a example description",
7  "image": "https://folex-astro.pages.dev/images/og-image.jpg",
8  "url": "https://folex-astro.pages.dev/",
9  "inLanguage": "en",
10  "isPartOf": {
11    "@type": "WebSite",
12    "name": "Folex - Creative Agency & Personal Portfolio Business Theme",
13    "description": "A highly customizable creative agency & personal portfolio business theme built with Tailwind CSS and Astro Js",
14    "url": "https://folex-astro.pages.dev/"
15  },
16  "alternateLanguage": [
17    {
18      "@type": "WebPage",
19      "url": "https://folex-astro.pages.dev/fr/",
20      "inLanguage": "fr"
21    }
22  ],
23  "publisher": {
24    "@type": "Organization",
25    "name": "Getastrothemes",
26    "url": "https://folex-astro.pages.dev/",
27    "sameAs": [
28      "https://www.facebook.com/looka",
29      "https://www.instagram.com/looka",
30      "https://www.linkedin.com/looka"
31    ],
32    "logo": {
33      "@type": "ImageObject",
34      "url": "https://folex-astro.pages.dev/images/logo.svg"
35    }
36  }
37}</script>
37<!------------------
38    Fonts
39--------------------><style>@font-face{font-family:Poppins-ee51c0b821722866;src:url("/_astro/fonts/a14d1900bfe74992.woff2") format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:400;font-style:normal;}@font-face{font-family:Poppins-ee51c0b821722866;src:url("/_astro/fonts/4f0b2c279482965c.woff2") format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:500;font-style:normal;}@font-face{font-family:"Poppins-ee51c0b821722866 fallback: Arial";src:local("Arial");font-display:swap;font-weight:400;font-style:normal;size-adjust:112.1577%;ascent-override:93.6182%;descent-override:31.2061%;line-gap-override:8.916%;}@font-face{font-family:"Poppins-ee51c0b821722866 fallback: Arial";src:local("Arial");font-display:swap;font-weight:500;font-style:normal;size-adjust:112.1577%;ascent-override:93.6182%;descent-override:31.2061%;line-gap-override:8.916%;}:root{--font-primary:Poppins-ee51c0b821722866,"Poppins-ee51c0b821722866 fallback: Arial",sans-serif;}</style><link rel="preload" href="/_astro/fonts/a14d1900bfe74992.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/_astro/fonts/4f0b2c279482965c.woff2" as="font" type="font/woff2" crossorigin><style>@font-face{font-family:Unbounded-248a2e39d97e3503;src:url("/_astro/fonts/7f6a34460aefd3c2.woff2") format("woff2");font-display:swap;
39unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:400;font-style:normal;}@font-face{font-family:Unbounded-248a2e39d97e3503;src:url("/_astro/fonts/7f6a34460aefd3c2.woff2") format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:500;font-style:normal;}@font-face{font-family:Unbounded-248a2e39d97e3503;src:url("/_astro/fonts/7f6a34460aefd3c2.woff2") format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:600;font-style:normal;}@font-face{font-family:Unbounded-248a2e39d97e3503;src:url("/_astro/fonts/7f6a34460aefd3c2.woff2") format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:700;font-style:normal;}@font-face{font-family:"Unbounded-248a2e39d97e3503 fallback: Arial";src:local("Arial");font-display:swap;font-weight:400;font-style:normal;size-adjust:134.5893%;ascent-override:73.9286%;descent-override:18.2035%;line-gap-override:0%;}@font-face{font-family:"Unbounded-248a2e39d97e3503 fallback: Arial";src:local("Arial");font-display:swap;font-weight:500;font-style:normal;size-adjust:134.5893%;ascent-override:73.9286%;descent-override:18.2035%;line-gap-override:0%;}@font-face{font-family:"Unbounded-248a2e39d97e3503 fallback: Arial";src:local("Arial");font-display:swap;font-weight:600;font-style:normal;size-adjust:134.5893%;ascent-override:73.9286%;descent-override:18.2035%;line-gap-override:0%;}@font-face{font-family:"Unbounded-248a2e39d97e3503 fallback: Arial";src:local("Arial");font-display:swap;font-weight:700;font-style:normal;size-adjust:134.5893%;ascent-override:73.9286%;descent-override:18.2035%;line-gap-override:0%;}:root{--font-secondary:Unbounded-248a2e39d97e3503,"Unbounded-248a2e39d97e3503 fallback: Arial",sans-serif;}</style><link rel="preload" href="/_astro/fonts/7f6a34460aefd3c2.woff2" as="font" type="font/woff2" crossorigin><link rel="stylesheet" href="/_astro/Base.BaYvOepx.css">
40<link rel="stylesheet" href="/_astro/swiper-bundle.C3pJtvjs.css"></head><body> <header class="header group/header transform sticky has-sticky-behavior"> <nav class="xl:container-12xl relative max-xl:container"> <div class="hs-dropdown relative flex items-center justify-between py-6 [--auto-close:inside] [--gpu-acceleration:false] [--strategy:absolute] lg:[--strategy:static]"> <a href="/" class="logo-wrapper">  <img src="/_astro/logo.Cj43yJFx_7DOMz.svg" srcset="/_astro/logo.Cj43yJFx_7DOMz.svg 93w" style="height:24px;width:86px" alt="Brand logo of folex" loading="lazy" decoding="async" sizes="(min-width: 93px) 93px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="93" height="24" class="logo"> <img src="/_astro/logo-light.DzBphAHR_7DOMz.svg" srcset="/_astro/logo-light.DzBphAHR_7DOMz.svg 93w" style="height:24px;width:86px" alt="Brand logo of folex" loading="lazy" decoding="async" sizes="(min-width: 93px) 93px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="93" height="24" class="logo-alternate"> </a> <!-- Navbar For Header --> <ul id="nav-menu" class="navbar" role="menu"> <li class="hs-dropdown nav-dropdown group [--auto-close:inside] nav-item relative lg:[--strategy:fixed]" role="menuitem"> <span class="hs-dropdown-toggle nav-toggle nav-link"> Megamenu <div data-lucide="ChevronDown" class="nav-toggle-icon"></div> </span>  <div class="hs-dropdown-menu mega-menu hs-dropdown-open:pointer-events-auto hs-dropdown-open:opacity-100 hs-dropdown-open:mt-5 has-customized-scrollbar lg:bg-theme-light pointer-events-none mt-10 hidden w-full opacity-0 transition-[opacity,margin] max-lg:static! max-lg:transform-none! max-lg:border-s lg:fixed lg:start-0! lg:overflow-auto max-h-[90vh] py-4"> <div class="xl:container-12xl container flex flex-col gap-10 lg:grid lg:grid-cols-3 lg:overflow-auto bg-white lg:pb-4">  <div class="flex flex-col gap-10 text-sm lg:me-5 lg:py-8"> <div class="flex flex-col gap-5"> <legend class="font-secondary lg:border-border-light border-border-dark border-b pb-3 text-xs tracking-wider opacity-80">SERVICES</legend> <div class="flex flex-1 flex-col gap-4"> <div class="space-y-4 tracking-wider"> <div class="group/item max-lg:after:bg-accent/15 after:bg-primary/5 after:translate-centered relative flex items-center justify-start gap-4 py-1.5 after:pointer-events-none after:absolute after:inset-0 after:h-[105%] after:w-[103%] after:opacity-0 after:transition after:duration-300 hover:after:opacity-100"> <div class="group-hover/item:max-lg:bg-accent/15 max-lg:bg-accent/10 lg:bg-theme-light group-hover/item:bg-primary flex h-12 w-12 shrink-0 items-center justify-center transition duration-300"> <svg data-icon="true" class="has-inherited-colors text-text-default group-hover/item:text-accent max-lg:text-accent h-7 w-7 transition group-hover/item:duration-300 group-hover/item:lg:text-white"  width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
41<g clip-path="url(#clip0_589_6117)">
42<mask id="mask0_589_6117" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="40" height="40">
43<path d="M40 0H0V40H40V0Z" fill="white"/>
44</mask>
45<g mask="url(#mask0_589_6117)">
46<path fill-rule="evenodd" clip-rule="evenodd" d="M10 20C15.5228 20 20 15.5228 20 10C20 15.5228 24.4772 20 30 20C24.4772 20 20 24.4772 20 30C20 24.4772 15.5228 20 10 20ZM10 20C4.47716 20 0 24.4772 0 30C0 35.5228 4.47716 40 10 40C15.5228 40 20 35.5228 20 30C20 35.5228 24.4772 40 30 40C35.5228 40 40 35.5228 40 30C40 24.4772 35.5228 20 30 20C35.5228 20 40 15.5228 40 10C40 4.47716 35.5228 0 30 0C24.4772 0 20 4.47716 20 10C20 4.47716 15.5228 0 10 0C4.47716 0 0 4.47716 0 10C0 15.5228 4.47716 20 10 20Z" fill="#0A0C00"/>
47</g>
48</g>
49<defs>
50<clipPath id="clip0_589_6117">
51<rect width="40" height="40" fill="white"/>
52</clipPath>
53</defs>
54</svg>
55 </div> <div class="flex w-[calc(100%-4rem)] shrink-0 flex-col gap-1"> <div>Branding Design</div> <p class="truncate opacity-60"> Good website tells a story that will make users fully immerse themselves operating </p> </div> <a class="absolute inset-0 z-10 h-full w-full opacity-0" href="/services/branding-design/">Read more about branding design</a> </div><div class="group/item max-lg:after:bg-accent/15 after:bg-primary/5 after:translate-centered relative flex items-center justify-start gap-4 py-1.5 after:pointer-events-none after:absolute after:inset-0 after:h-[105%] after:w-[103%] after:opacity-0 after:transition after:duration-300 hover:after:opacity-100"> <div class="group-hover/item:max-lg:bg-accent/15 max-lg:bg-accent/10 lg:bg-theme-light group-hover/item:bg-primary flex h-12 w-12 shrink-0 items-center justify-center transition duration-300"> <svg data-icon="true" class="has-inherited-colors text-text-default group-hover/item:text-accent max-lg:text-accent h-7 w-7 transition group-hover/item:duration-300 group-hover/item:lg:text-white"  width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
56<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V10.6061C0 14.6846 2.3021 18.2254 5.67777 20C2.3021 21.7746 0 25.3154 0 29.3939V40H29.3939C35.2515 40 40 35.2515 40 29.3939V28.7879C40 24.9948 37.8881 21.6949 34.7761 20C37.8881 18.3051 40 15.0052 40 11.2121V10.6061C40 4.74849 35.2515 0 29.3939 0H0ZM25.2239 20C23.024 18.8019 21.3239 16.8018 20.5163 14.3924C19.5914 16.8118 17.8059 18.8058 15.5343 20C17.8059 21.1942 19.5914 23.1882 20.5163 25.6076C21.3239 23.1982 23.024 21.1981 25.2239 20Z" fill="#0A0C00"/>
57</svg>
58 </div> <div class="flex w-[calc(100%-4rem)] shrink-0 flex-col gap-1"> <div>Web Development</div> <p class="truncate opacity-60"> A well-designed website narrates a story that deeply engages users and enhances their experience. </p> </div> <a class="absolute inset-0 z-10 h-full w-full opacity-0" href="/services/web-development/">Read more about web development</a> </div><div class="group/item max-lg:after:bg-accent/15 after:bg-primary/5 after:translate-centered relative flex items-center justify-start gap-4 py-1.5 after:pointer-events-none after:absolute after:inset-0 after:h-[105%] after:w-[103%] after:opacity-0 after:transition after:duration-300 hover:after:opacity-100"> <div class="group-hover/item:max-lg:bg-accent/15 max-lg:bg-accent/10 lg:bg-theme-light group-hover/item:bg-primary flex h-12 w-12 shrink-0 items-center justify-center transition duration-300"> <svg data-icon="true" class="has-inherited-colors text-text-default group-hover/item:text-accent max-lg:text-accent h-7 w-7 transition group-hover/item:duration-300 group-hover/item:lg:text-white"  width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
59<g clip-path="url(#clip0_589_6161)">
60<mask id="mask0_589_6161" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="40" height="40">
61<path d="M40 0H0V40H40V0Z" fill="white"/>
62</mask>
63<g mask="url(#mask0_589_6161)">
64<path fill-rule="evenodd" clip-rule="evenodd" d="M20 20H0V0C11.0457 9.65646e-07 20 8.9543 20 20ZM40 20V0C28.9544 0 20 8.9543 20 20H40ZM20 40H0V20C11.0457 20 20 28.9544 20 40ZM20 40H40V20C28.9544 20 20 28.9544 20 40Z" fill="#0A0C00"/>
65</g>
66</g>
67<defs>
68<clipPath id="clip0_589_6161">
69<rect width="40" height="40" fill="white"/>
70</clipPath>
71</defs>
72</svg>
73 </div> <div class="flex w-[calc(100%-4rem)] shrink-0 flex-col gap-1"> <div>Digital Marketing</div> <p class="truncate opacity-60"> An effective website narrates a compelling story that deeply engages users, enhancing their experience. </p> </div> <a class="absolute inset-0 z-10 h-full w-full opacity-0" href="/services/service-03/">Read more about digital marketing</a> </div><div class="group/item max-lg:after:bg-accent/15 after:bg-primary/5 after:translate-centered relative flex items-center justify-start gap-4 py-1.5 after:pointer-events-none after:absolute after:inset-0 after:h-[105%] after:w-[103%] after:opacity-0 after:transition after:duration-300 hover:after:opacity-100"> <div class="group-hover/item:max-lg:bg-accent/15 max-lg:bg-accent/10 lg:bg-theme-light group-hover/item:bg-primary flex h-12 w-12 shrink-0 items-center justify-center transition duration-300"> <svg data-icon="true" class="has-inherited-colors text-text-default group-hover/item:text-accent max-lg:text-accent h-7 w-7 transition group-hover/item:duration-300 group-hover/item:lg:text-white"  width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
74<g clip-path="url(#clip0_589_6128)">
75<mask id="mask0_589_6128" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="40" height="40">
76<path d="M40 0H0V40H40V0Z" fill="white"/>
77</mask>
78<g mask="url(#mask0_589_6128)">
79<path fill-rule="evenodd" clip-rule="evenodd" d="M40 5.24536e-07V12V40H28V26.0066C27.9964 33.7356 21.7298 40 14 40C6.26802 40 0 33.732 0 26C0 18.268 6.26802 12 14 12C21.7298 12 27.9964 18.2644 28 25.9934V12H14H0V5.24536e-07L28 0L40 5.24536e-07Z" fill="#0A0C00"/>
80</g>
81</g>
82<defs>
83<clipPath id="clip0_589_6128">
84<rect width="40" height="40" fill="white"/>
85</clipPath>
86</defs>
87</svg>
88 </div> <div class="flex w-[calc(100%-4rem)] shrink-0 flex-col gap-1"> <div>Illustration Modelling</div> <p class="truncate opacity-60"> Good website tells a story that will make users fully immerse themselves operating </p> </div> <a class="absolute inset-0 z-10 h-full w-full opacity-0" href="/services/service-04/">Read more about illustration modelling</a> </div><div class="group/item max-lg:after:bg-accent/15 after:bg-primary/5 after:translate-centered relative flex items-center justify-start gap-4 py-1.5 after:pointer-events-none after:absolute after:inset-0 after:h-[105%] after:w-[103%] after:opacity-0 after:transition after:duration-300 hover:after:opacity-100"> <div class="group-hover/item:max-lg:bg-accent/15 max-lg:bg-accent/10 lg:bg-theme-light group-hover/item:bg-primary flex h-12 w-12 shrink-0 items-center justify-center transition duration-300"> <svg data-icon="true" class="has-inherited-colors text-text-default group-hover/item:text-accent max-lg:text-accent h-7 w-7 transition group-hover/item:duration-300 group-hover/item:lg:text-white"  width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
89<g clip-path="url(#clip0_589_6150)">
90<mask id="mask0_589_6150" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="40" height="40">
91<path d="M40 0H0V40H40V0Z" fill="white"/>
92</mask>
93<g mask="url(#mask0_589_6150)">
94<path fill-rule="evenodd" clip-rule="evenodd" d="M0 20L1.52588e-06 0H20H40V20C28.956 20 20.0026 11.0483 20 0.00478516C19.9974 11.
940483 11.0441 20 0 20ZM20 40C20 28.9542 28.9544 20 40 20V40H20ZM20 40C20 28.9542 11.0457 20 0 20V40H20Z" fill="#0A0C00"/>
95</g>
96</g>
97<defs>
98<clipPath id="clip0_589_6150">
99<rect width="40" height="40" fill="white"/>
100</clipPath>
101</defs>
102</svg>
103 </div> <div class="flex w-[calc(100%-4rem)] shrink-0 flex-col gap-1"> <div>Social Advertising</div> <p class="truncate opacity-60"> A well-designed website tells a story that deeply engages users, enhancing their experience. </p> </div> <a class="absolute inset-0 z-10 h-full w-full opacity-0" href="/services/service-05/">Read more about social advertising</a> </div><div class="group/item max-lg:after:bg-accent/15 after:bg-primary/5 after:translate-centered relative flex items-center justify-start gap-4 py-1.5 after:pointer-events-none after:absolute after:inset-0 after:h-[105%] after:w-[103%] after:opacity-0 after:transition after:duration-300 hover:after:opacity-100"> <div class="group-hover/item:max-lg:bg-accent/15 max-lg:bg-accent/10 lg:bg-theme-light group-hover/item:bg-primary flex h-12 w-12 shrink-0 items-center justify-center transition duration-300"> <svg data-icon="true" class="has-inherited-colors text-text-default group-hover/item:text-accent max-lg:text-accent h-7 w-7 transition group-hover/item:duration-300 group-hover/item:lg:text-white"  width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
104<g clip-path="url(#clip0_589_6172)">
105<mask id="mask0_589_6172" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="40" height="40">
106<path d="M40 0H0V40H40V0Z" fill="white"/>
107</mask>
108<g mask="url(#mask0_589_6172)">
109<path fill-rule="evenodd" clip-rule="evenodd" d="M40 10V8.74228e-07L20 0V9.99606C19.9979 4.47502 15.5215 8.74228e-07 10 8.74228e-07H4.37114e-07V20H10C4.47716 20 -2.41412e-07 24.4772 0 30L4.37114e-07 40H20V30C20 35.5228 24.4772 40 30 40H40V20H30.004C35.525 19.9979 40 15.5215 40 10Z" fill="#0A0C00"/>
110</g>
111</g>
112<defs>
113<clipPath id="clip0_589_6172">
114<rect width="40" height="40" fill="white"/>
115</clipPath>
116</defs>
117</svg>
118 </div> <div class="flex w-[calc(100%-4rem)] shrink-0 flex-col gap-1"> <div>Content Marketing</div> <p class="truncate opacity-60"> Good website tells a story that will make users fully immerse themselves operating </p> </div> <a class="absolute inset-0 z-10 h-full w-full opacity-0" href="/services/service-06/">Read more about content marketing</a> </div> </div> </div> </div> </div> <div class="flex flex-col gap-10 text-sm lg:me-5 lg:py-8"> <div class="flex flex-col gap-5"> <legend class="font-secondary lg:border-border-light border-border-dark border-b pb-3 text-xs tracking-wider opacity-80">TESTIMONIAL</legend> <div class="flex flex-1 flex-col gap-4"> <p class="text-base/normal">Folex strategic planning helped us streamline operations and unlock new market opportunities. We've seen a remarkable 25% increase in revenue within the last year.</p> <svg data-icon="true" class="lg:text-primary text-accent mt-5 h-10 w-10"  width="52" height="32" viewBox="0 0 52 32" fill="none" xmlns="http://www.w3.org/2000/svg">
119  <path
120    d="M45.9135 31.2329L25.9997 31.2329L38.7497 0.741532L51.8359 0.741533L45.9135 31.2329ZM20.0773 31.2329L0.163525 31.2329L12.8877 0.74153L25.9997 0.741531L20.0773 31.2329Z"
121    fill="#0A0C00" />
122</svg> <div class="has-clip-path after:lg:to-primary/50 after:to-accent/50 relative overflow-hidden after:absolute after:inset-0 after:bg-linear-to-b after:from-transparent after:from-40%"> <img src="/_astro/image.DCoo8tfL_ZFzAhQ.webp" srcset="/_astro/image.DCoo8tfL_Z18B7cP.webp 640w, /_astro/image.DCoo8tfL_ZFzAhQ.webp 726w" alt="customer" loading="lazy" decoding="async" sizes="(min-width: 726px) 726px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="726" height="606" class="mx-auto block w-[80%]"> </div> </div> </div> </div> </div> </div> </li><li class="hs-dropdown nav-dropdown group [--auto-close:inside] nav-item relative lg:[--strategy:absolute]" role="menuitem"> <span class="hs-dropdown-toggle nav-toggle nav-link"> Pages <div data-lucide="ChevronDown" class="nav-toggle-icon"></div> </span> <ul class="nav-dropdown-list hs-dropdown-menu"> <li class="hs-dropdown nav-dropdown group [--auto-close:inside] nav-dropdown-item [--placement:right-start] relative lg:[--strategy:absolute]" role="menuitem"> <span class="hs-dropdown-toggle nav-toggle active nav-dropdown-link"> Home <div data-lucide="ChevronDown" class="nav-toggle-icon"></div> </span> <ul class="nav-dropdown-list hs-dropdown-menu" aria-orientation="vertical"> <li class="nav-dropdown-item" role="menuitem"> <a href="/" class="nav-dropdown-link block active"> Digital Agency </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/creative-agency/" class="nav-dropdown-link block"> Creative Agency </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/personal-portfolio/" class="nav-dropdown-link block"> Personal Portfolio </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/startup-agency/" class="nav-dropdown-link block"> Startup Agency<span class="badge badge-success"> FREE </span>  </a> </li> </ul>  </li><li class="nav-dropdown-item" role="menuitem"> <a href="/about/" class="nav-dropdown-link block"> About Us </a> </li><li class="hs-dropdown nav-dropdown group [--auto-close:inside] nav-dropdown-item [--placement:right-start] relative lg:[--strategy:absolute]" role="menuitem"> <span class="hs-dropdown-toggle nav-toggle nav-dropdown-link"> Services <div data-lucide="ChevronDown" class="nav-toggle-icon"></div> </span> <ul class="nav-dropdown-list hs-dropdown-menu" aria-orientation="vertical"> <li class="nav-dropdown-item" role="menuitem"> <a href="/services/" class="nav-dropdown-link block"> Grid </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/services/two-column/" class="nav-dropdown-link block"> Two Column </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/services/accordion/" class="nav-dropdown-link block"> Accordion </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/services/branding-design/" class="nav-dropdown-link block"> Single </a> </li> </ul>  </li><li class="hs-dropdown nav-dropdown group [--auto-close:inside] nav-dropdown-item [--placement:right-start] relative lg:[--strategy:absolute]" role="menuitem"> <span class="hs-dropdown-toggle nav-toggle nav-dropdown-link"> Portfolio <div data-lucide="ChevronDown" class="nav-toggle-icon"></div> </span> <ul class="nav-dropdown-list hs-dropdown-menu" aria-orientation="vertical"> <li class="nav-dropdown-item" role="menuitem"> <a href="/portfolio/" class="nav-dropdown-link block"> masonry </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/portfolio/gallery/" class="nav-dropdown-link block"> Gallery </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/portfolio/slider/" class="nav-dropdown-link block"> Slider </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/portfolio/full-width/" class="nav-dropdown-link block"> Full Width </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/portfolio/custom-portfolio-slug/" class="nav-dropdown-link block"> Single </a> </li> </ul>  </li><li class="hs-dropdown nav-dropdown group [--auto-close:inside] nav-dropdown-item [--placement:right-start] relative lg:[--strategy:absolute]" role="menuitem"> <span class="hs-dropdown-toggle nav-toggle nav-dropdown-link"> Blog <div data-lucide="ChevronDown" class="nav-toggle-icon"></div> </span> <ul class="nav-dropdown-list hs-dropdown-menu" aria-orientation="vertical"> <li class="nav-dropdown-item" role="menuitem"> <a href="/blog/" class="nav-dropdown-link block"> Grid </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/blog/creative/" class="nav-dropdown-link block"> Creative </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/blog/custom-blog-slug/" class="nav-dropdown-link block"> Single </a> </li> </ul>  </li><li class="nav-dropdown-item" role="menuitem"> <a href="/pricing/" class="nav-dropdown-link block"> Pricing </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/team/" class="nav-dropdown-link block"> Team </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/team/daniyel-karlos/" class="nav-dropdown-link block"> Team Single </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/faq/" class="nav-dropdown-link block"> Faqs </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/contact/" class="nav-dropdown-link block"> Contact </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/terms-conditions/" class="nav-dropdown-link block"> Terms &amp; Conditions </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/404/" class="nav-dropdown-link block"> 404 </a> </li> </ul>  </li><li class="nav-item" role="menuitem"><a href="/elements/" class="nav-link">Elements<span class="badge badge-accent">NEW</span></a></li>  <li class="max-lg:pt-2 lg:hidden" role="menuitem"> <a class="btn creative-hover-anim btn-accent effect-color-dark" href="/contact/">Get Started<span class="hover-bg"></span></a> </li> </ul>  <div class="ms-auto me-4 flex lg:hidden"> <div class="language-switcher hs-dropdown relative [--auto-close:inside] [--gpu-acceleration:false] [--strategy:absolute]"> <button type="button" id="language-switcher-dropdown-toggle" class="language-switcher-button hs-dropdown-toggle" aria-expanded="false" aria-label="Menu"> <svg data-icon="true" class="w-4"  width="16" height="16" viewB
122ox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
123  <path
124    d="M1.28906 3.75827H10.7723M6.03067 2.17773V3.75827M8.6649 14.822L11.826 7.44619L14.987 14.822M9.63627 12.7146H14.0157M8.97113 3.75827C8.97113 3.75827 8.17098 6.85349 6.26117 9.19136C4.35135 11.5292 2.34275 12.7146 2.34275 12.7146"
125    stroke="white" stroke-width="1.05369" stroke-linecap="round" stroke-linejoin="round" />
126  <path
127    d="M8.13664 11.1337C8.13664 11.1337 6.98416 10.2446 5.76583 8.6641C4.5475 7.08356 3.92188 5.86523 3.92188 5.86523"
128    stroke="white" stroke-width="1.05369" stroke-linecap="round" stroke-linejoin="round" />
129</svg>
130   <span class="text uppercase">en</span> <div data-lucide="ChevronDown" class="hs-dropdown-open:rotate-180 w-3.5 transition-transform duration-300"></div> </button> <ul class="language-switcher-dropdown hs-dropdown-menu hs-dropdown-open:mt-0 hs-dropdown-open:opacity-100 hs-dropdown-open:visible top-0 z-10 mt-2 hidden w-24 min-w-32 opacity-0 [--placement:right-start]" aria-labelledby="language-switcher-dropdown-toggle"> <li> <a class="capitalize" href="/fr/">french</a> </li> </ul> </div> </div>  <div class="hidden gap-3.5 max-lg:ms-auto max-lg:me-4 lg:flex lg:items-center"> <div class="language-switcher hs-dropdown relative [--auto-close:inside] [--gpu-acceleration:false] [--strategy:absolute]"> <button type="button" id="language-switcher-dropdown-toggle" class="language-switcher-button hs-dropdown-toggle" aria-expanded="false" aria-label="Menu"> <svg data-icon="true" class="w-4"  width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
131  <path
132    d="M1.28906 3.75827H10.7723M6.03067 2.17773V3.75827M8.6649 14.822L11.826 7.44619L14.987 14.822M9.63627 12.7146H14.0157M8.97113 3.75827C8.97113 3.75827 8.17098 6.85349 6.26117 9.19136C4.35135 11.5292 2.34275 12.7146 2.34275 12.7146"
133    stroke="white" stroke-width="1.05369" stroke-linecap="round" stroke-linejoin="round" />
134  <path
135    d="M8.13664 11.1337C8.13664 11.1337 6.98416 10.2446 5.76583 8.6641C4.5475 7.08356 3.92188 5.86523 3.92188 5.86523"
136    stroke="white" stroke-width="1.05369" stroke-linecap="round" stroke-linejoin="round" />
137</svg>
138   <span class="text uppercase">en</span> <div data-lucide="ChevronDown" class="hs-dropdown-open:rotate-180 w-3.5 transition-transform duration-300"></div> </button> <ul class="language-switcher-dropdown hs-dropdown-menu hs-dropdown-open:mt-0 hs-dropdown-open:opacity-100 hs-dropdown-open:visible top-0 z-10 mt-2 hidden w-24 min-w-32 opacity-0 [--placement:right-start]" aria-labelledby="language-switcher-dropdown-toggle"> <li> <a class="capitalize" href="/fr/">french</a> </li> </ul> </div> <a class="btn creative-hover-anim btn-primary effect-color-accent" href="/contact/">Get Started<span class="hover-bg"></span></a> </div>  <button aria-label="Toggle navigation" class="group nav-toggler ms-2 lg:ms-4 ring-primary/25 rounded-full duration-500 ease-out hover:ring-4" title="Open sidebar content" aria-haspopup="dialog" aria-expanded="false" aria-controls="offcanvas-main" data-hs-overlay="#offcanvas-main" data-hs-overlay-options="{&#34;emulateScrollbarSpace&#34;: true}"> <div class="ring-opacity-30 relative flex h-14 w-14 transform flex-col items-center justify-center overflow-hidden rounded-full border duration-200 border-border-dark"> <div class="hs-dropdown-open:translate-y-2 hs-dropdown-open:rotate-0 -translate-y-10 rotate-45 transform overflow-hidden transition-transform duration-300"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="text-dark" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xml:space="preserve" fill="currentColor"> <g id="SVGRepo_bgCarrier" stroke-width="0"></g> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> <g id="SVGRepo_iconCarrier"> <style type="text/css">
139            .st0 {
140              opacity: 0.2;
141              fill: none;
142              stroke-width: 5e-2;
143              stroke-miterlimit: 10;
144            }
145          </style> <g id="grid_system"></g> <g id="_icons"> <path d="M5.3,18.7C5.5,18.9,5.7,19,6,19s0.5-0.1,0.7-0.3l5.3-5.3l5.3,5.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L13.4,12l5.3-5.3c0.4-0.4,0.4-1,0-1.4s-1-0.4-1.4,0L12,10.6L6.7,5.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4 l5.3,5.3l-5.3,5.3C4.9,17.7,4.9,18.3,5.3,18.7z"></path> </g> </g> </svg> </div> <div class="flex h-4 w-4 origin-center -translate-y-3 transform flex-col justify-between overflow-hidden transition-transform duration-300"> <div class="hs-dropdown-open:translate-y-6 mb-1.5 h-1 w-7 origin-left transform transition-transform duration-300 group-hover:rotate-12 bg-theme-dark"></div> <div class="hs-dropdown-open:translate-y-6 mb-1.5 h-1 w-7 transform rounded transition-transform delay-75 duration-300 group-hover:rotate-12 bg-theme-dark"></div> <div class="hs-dropdown-open:translate-y-6 h-1 w-7 origin-left transform transition-transform delay-100 duration-300 group-hover:-rotate-12 bg-theme-dark"></div> </div> </div> </button> </div> </nav> </header> <div>  <div id="offcanvas-main" class="offcanvas hs-overlay fixed z-50 h-full w-full transform bg-white transition-all duration-300 hs-overlay-open:translate-x-0 end-0 top-0 translate-x-full max-w-xl" role="dialog" tabindex="-1" aria-labelledby="offcanvas-main-label">
145  <div class="text-light h-screen space-y-10 overflow-auto bg-black px-8 pt-20 pb-5 md:px-16 md:pt-32 md:pb-10"> <button type="button" data-hs-overlay="#offcanvas-main" title="Close offcanvas" class="border-border-light text-light hover:border-border-dark absolute end-7 top-5 z-20 inline-flex h-14 w-14 items-center justify-center gap-x-2 rounded-full border-2 bg-black text-sm font-medium transition-all duration-500 ease-out hover:rotate-90 hover:bg-white/25" aria-expanded="true"> <div data-lucide="X" class="text-2xl"></div> </button> <a href="/" class="logo-wrapper justify-start">  <img src="/_astro/logo-light.DzBphAHR_7DOMz.svg" srcset="/_astro/logo-light.DzBphAHR_7DOMz.svg 93w" style="height:3.125rem;width:11.25rem" alt="Brand logo of folex" loading="lazy" decoding="async" sizes="(min-width: 93px) 93px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="93" height="24" class="logo"> <img src="/_astro/logo-light.DzBphAHR_7DOMz.svg" srcset="/_astro/logo-light.DzBphAHR_7DOMz.svg 93w" style="height:3.125rem;width:11.25rem" alt="Brand logo of folex" loading="lazy" decoding="async" sizes="(min-width: 93px) 93px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="93" height="24" class="logo-alternate"> </a> <div class="lg:border-b lg:pb-10"> <p class="text-lg">We are a digital agency that helps businesses create immersive experiences.</p> </div> <div class="border-y py-10 lg:hidden"> <ul id="nav-menu" class="navbar navbar-mobile" role="menu"> <li class="hs-dropdown nav-dropdown group [--auto-close:inside] nav-item relative lg:[--strategy:fixed]" role="menuitem"> <span class="hs-dropdown-toggle nav-toggle nav-link"> Megamenu <div data-lucide="ChevronDown" class="nav-toggle-icon"></div> </span>  <div class="hs-dropdown-menu mega-menu hs-dropdown-open:pointer-events-auto hs-dropdown-open:opacity-100 hs-dropdown-open:mt-5 has-customized-scrollbar lg:bg-theme-light pointer-events-none mt-10 hidden w-full opacity-0 transition-[opacity,margin] max-lg:static! max-lg:transform-none! max-lg:border-s lg:fixed lg:start-0! lg:overflow-auto bg-transparent py-0"> <div class="xl:container-12xl container flex flex-col gap-10 lg:grid lg:grid-cols-3 lg:overflow-auto bg-transparent px-0! py-4">  <div class="flex flex-col gap-10 text-sm lg:me-5 lg:py-8"> <div class="flex flex-col gap-5"> <legend class="font-secondary lg:border-border-light border-border-dark border-b pb-3 text-xs tracking-wider opacity-80">SERVICES</legend> <div class="flex flex-1 flex-col gap-4"> <div class="space-y-4 tracking-wider"> <div class="group/item max-lg:after:bg-accent/15 after:bg-primary/5 after:translate-centered relative flex items-center justify-start gap-4 py-1.5 after:pointer-events-none after:absolute after:inset-0 after:h-[105%] after:w-[103%] after:opacity-0 after:transition after:duration-300 hover:after:opacity-100"> <div class="group-hover/item:max-lg:bg-accent/15 max-lg:bg-accent/10 lg:bg-theme-light group-hover/item:bg-primary flex h-12 w-12 shrink-0 items-center justify-center transition duration-300"> <svg data-icon="true" class="has-inherited-colors text-text-default group-hover/item:text-accent max-lg:text-accent h-7 w-7 transition group-hover/item:duration-300 group-hover/item:lg:text-white"  width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
146<g clip-path="url(#clip0_589_6117)">
147<mask id="mask0_589_6117" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="40" height="40">
148<path d="M40 0H0V40H40V0Z" fill="white"/>
149</mask>
150<g mask="url(#mask0_589_6117)">
151<path fill-rule="evenodd" clip-rule="evenodd" d="M10 20C15.5228 20 20 15.5228 20 10C20 15.5228 24.4772 20 30 20C24.4772 20 20 24.4772 20 30C20 24.4772 15.5228 20 10 20ZM10 20C4.47716 20 0 24.4772 0 30C0 35.5228 4.47716 40 10 40C15.5228 40 20 35.5228 20 30C20 35.5228 24.4772 40 30 40C35.5228 40 40 35.5228 40 30C40 24.4772 35.5228 20 30 20C35.5228 20 40 15.5228 40 10C40 4.47716 35.5228 0 30 0C24.4772 0 20 4.47716 20 10C20 4.47716 15.5228 0 10 0C4.47716 0 0 4.47716 0 10C0 15.5228 4.47716 20 10 20Z" fill="#0A0C00"/>
152</g>
153</g>
154<defs>
155<clipPath id="clip0_589_6117">
156<rect width="40" height="40" fill="white"/>
157</clipPath>
158</defs>
159</svg>
160 </div> <div class="flex w-[calc(100%-4rem)] shrink-0 flex-col gap-1"> <div>Branding Design</div> <p class="truncate opacity-60"> Good website tells a story that will make users fully immerse themselves operating </p> </div> <a class="absolute inset-0 z-10 h-full w-full opacity-0" href="/services/branding-design/">Read more about branding design</a> </div><div class="group/item max-lg:after:bg-accent/15 after:bg-primary/5 after:translate-centered relative flex items-center justify-start gap-4 py-1.5 after:pointer-events-none after:absolute after:inset-0 after:h-[105%] after:w-[103%] after:opacity-0 after:transition after:duration-300 hover:after:opacity-100"> <div class="group-hover/item:max-lg:bg-accent/15 max-lg:bg-accent/10 lg:bg-theme-light group-hover/item:bg-primary flex h-12 w-12 shrink-0 items-center justify-center transition duration-300"> <svg data-icon="true" class="has-inherited-colors text-text-default group-hover/item:text-accent max-lg:text-accent h-7 w-7 transition group-hover/item:duration-300 group-hover/item:lg:text-white"  width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
161<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V10.6061C0 14.6846 2.3021 18.2254 5.67777 20C2.3021 21.7746 0 25.3154 0 29.3939V40H29.3939C35.2515 40 40 35.2515 40 29.3939V28.7879C40 24.9948 37.8881 21.6949 34.7761 20C37.8881 18.3051 40 15.0052 40 11.2121V10.6061C40 4.74849 35.2515 0 29.3939 0H0ZM25.2239 20C23.024 18.8019 21.3239 16.8018 20.5163 14.3924C19.5914 16.8118 17.8059 18.8058 15.5343 20C17.8059 21.1942 19.5914 23.1882 20.5163 25.6076C21.3239 23.1982 23.024 21.1981 25.2239 20Z" fill="#0A0C00"/>
162</svg>
163 </div> <div class="flex w-[calc(100%-4rem)] shrink-0 flex-col gap-1"> <div>Web Development</div> <p class="truncate opacity-60"> A well-designed website narrates a story that deeply engages users and enhances their experience. </p> </div> <a class="absolute inset-0 z-10 h-full w-full opacity-0" href="/services/web-development/">Read more about web development</a> </div><div class="group/item max-lg:after:bg-accent/15 after:bg-primary/5 after:translate-centered relative flex items-center justify-start gap-4 py-1.5 after:pointer-events-none after:absolute after:inset-0 after:h-[105%] after:w-[103%] after:opacity-0 after:transition after:duration-300 hover:after:opacity-100"> <div class="group-hover/item:max-lg:bg-accent/15 max-lg:bg-accent/10 lg:bg-theme-light group-hover/item:bg-primary flex h-12 w-12 shrink-0 items-center justify-center transition duration-300"> <svg data-icon="true" class="has-inherited-colors text-text-default group-hover/item:text-accent max-lg:text-accent h-7 w-7 transition group-hover/item:duration-300 group-hover/item:lg:text-white"  width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
164<g clip-path="url(#clip0_589_6161)">
165<mask id="mask0_589_6161" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="40" height="40">
166<path d="M40 0H0V40H40V0Z" fill="white"/>
167</mask>
168<g mask="url(#mask0_589_6161)">
169<path fill-rule="evenodd" clip-rule="evenodd" d="M20 20H0V0C11.0457 9.65646e-07 20 8.9543 20 20ZM40 20V0C28.9544 0 20 8.9543 20 20H40ZM20 40H0V20C11.0457 20 20 28.9544 20 40ZM20 40H40V20C28.9544 20 20 28.9544 20 40Z" fill="#0A0C00"/>
170</g>
171</g>
172<defs>
173<clipPath id="clip0_589_6161">
174<rect width="40" height="40" fill="white"/>
175</clipPath>
176</defs>
177</svg>
178 </div> <div class="flex w-[calc(100%-4rem)] shrink-0 flex-col gap-1"> <div>Digital Marketing</div> <p class="truncate opacity-60"> An effective website narrates a compelling story that deeply engages users, enhancing their experience. </p> </div> <a class="absolute inset-0 z-10 h-full w-full opacity-0" href="/services/service-03/">Read more about digital marketing</a> </div><div class="group/item max-lg:after:bg-accent/15 after:bg-primary/5 after:translate-centered relative flex items-center justify-start gap-4 py-1.5 after:pointer-events-none after:absolute after:inset-0 after:h-[105%] after:w-[103%] after:opacity-0 after:transition after:duration-300 hover:after:opacity-100"> <div class="group-hover/item:max-lg:bg-accent/15 max-lg:bg-accent/10 lg:bg-theme-light group-hover/item:bg-primary flex h-12 w-12 shrink-0 items-center justify-center transition duration-300"> <svg data-icon="true" class="has-inherited-colors text-text-default group-hover/item:text-accent max-lg:text-accent h-7 w-7 transition group-hover/item:duration-300 group-hover/item:lg:text-white"  width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
179<g clip-path="url(#clip0_589_6128)">
180<mask id="mask0_589_6128" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="40" height="40">
181<path d="M40 0H0V40H40V0Z" fill="white"/>
182</mask>
183<g mask="url(#mask0_589_6128)">
184<path fill-rule="evenodd" clip-rule="evenodd" d="M40 5.24536e-07V12V40H28V26.0066C27.9964 33.7356 21.7298 40 14 40C6.26802 40 0 33.732 0 26C0 18.268 6.26802 12 14 12C21.7298 12 27.9964 18.2644 28 25.9934V12H14H0V5.24536e-07L28 0L40 5.24536e-07Z" fill="#0A0C00"/>
185</g>
186</g>
187<defs>
188<clipPath id="clip0_589_6128">
189<rect width="40" height="40" fill="white"/>
190</clipPath>
191</defs>
192</svg>
193 </div> <div class="flex w-[calc(100%-4rem)] shrink-0 flex-col gap-1"> <div>Illustration Modelling</div> <p class="truncate opacity-60"> Good website tells a story that will make users fully immerse themselves operating </p> </div> <a class="absolute inset-0 z-10 h-full w-full opacity-0" href="/services/service-04/">Read more about illustration modelling</a> </div><div class="group/item max-lg:after:bg-accent/15 after:bg-primary/5 after:translate-centered relative flex items-center justify-start gap-4 py-1.5 after:pointer-events-none after:absolute after:inset-0 after:h-[105%] after:w-[103%] after:opacity-0 after:transition after:duration-300 hover:after:opacity-100"> <div class="group-hover/item:max-lg:bg-accent/15 max-lg:bg-accent/10 lg:bg-theme-light group-hover/item:bg-primary flex h-12 w-12 shrink-0 items-center justify-center transition duration-300"> <svg data-icon="true" class="has-inherited-colors text-text-default group-hover/item:text-accent max-lg:text-accent h-7 w-7 transition group-hover/item:duration-300 group-hover/item:lg:text-white"  width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
194<g clip-path="url(#clip0_589_6150)">
195<mask id="mask0_589_6150" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="40" height="40">
196<path d="M40 0H0V40H40V0Z" fill="white"/>
197</mask>
198<g mask="url(#mask0_589_6150)">
199<path fill-rule="evenodd" clip-rule="evenodd" d="M0 20L1.52588e-06 0H20H40V20C28.956 20 20.0026 11.0483 20 0.00478516C19.9974 11.
1990483 11.0441 20 0 20ZM20 40C20 28.9542 28.9544 20 40 20V40H20ZM20 40C20 28.9542 11.0457 20 0 20V40H20Z" fill="#0A0C00"/>
200</g>
201</g>
202<defs>
203<clipPath id="clip0_589_6150">
204<rect width="40" height="40" fill="white"/>
205</clipPath>
206</defs>
207</svg>
208 </div> <div class="flex w-[calc(100%-4rem)] shrink-0 flex-col gap-1"> <div>Social Advertising</div> <p class="truncate opacity-60"> A well-designed website tells a story that deeply engages users, enhancing their experience. </p> </div> <a class="absolute inset-0 z-10 h-full w-full opacity-0" href="/services/service-05/">Read more about social advertising</a> </div><div class="group/item max-lg:after:bg-accent/15 after:bg-primary/5 after:translate-centered relative flex items-center justify-start gap-4 py-1.5 after:pointer-events-none after:absolute after:inset-0 after:h-[105%] after:w-[103%] after:opacity-0 after:transition after:duration-300 hover:after:opacity-100"> <div class="group-hover/item:max-lg:bg-accent/15 max-lg:bg-accent/10 lg:bg-theme-light group-hover/item:bg-primary flex h-12 w-12 shrink-0 items-center justify-center transition duration-300"> <svg data-icon="true" class="has-inherited-colors text-text-default group-hover/item:text-accent max-lg:text-accent h-7 w-7 transition group-hover/item:duration-300 group-hover/item:lg:text-white"  width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
209<g clip-path="url(#clip0_589_6172)">
210<mask id="mask0_589_6172" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="40" height="40">
211<path d="M40 0H0V40H40V0Z" fill="white"/>
212</mask>
213<g mask="url(#mask0_589_6172)">
214<path fill-rule="evenodd" clip-rule="evenodd" d="M40 10V8.74228e-07L20 0V9.99606C19.9979 4.47502 15.5215 8.74228e-07 10 8.74228e-07H4.37114e-07V20H10C4.47716 20 -2.41412e-07 24.4772 0 30L4.37114e-07 40H20V30C20 35.5228 24.4772 40 30 40H40V20H30.004C35.525 19.9979 40 15.5215 40 10Z" fill="#0A0C00"/>
215</g>
216</g>
217<defs>
218<clipPath id="clip0_589_6172">
219<rect width="40" height="40" fill="white"/>
220</clipPath>
221</defs>
222</svg>
223 </div> <div class="flex w-[calc(100%-4rem)] shrink-0 flex-col gap-1"> <div>Content Marketing</div> <p class="truncate opacity-60"> Good website tells a story that will make users fully immerse themselves operating </p> </div> <a class="absolute inset-0 z-10 h-full w-full opacity-0" href="/services/service-06/">Read more about content marketing</a> </div> </div> </div> </div> </div> <div class="flex flex-col gap-10 text-sm lg:me-5 lg:py-8"> <div class="flex flex-col gap-5"> <legend class="font-secondary lg:border-border-light border-border-dark border-b pb-3 text-xs tracking-wider opacity-80">TESTIMONIAL</legend> <div class="flex flex-1 flex-col gap-4"> <p class="text-base/normal">Folex strategic planning helped us streamline operations and unlock new market opportunities. We've seen a remarkable 25% increase in revenue within the last year.</p> <svg data-icon="true" class="lg:text-primary text-accent mt-5 h-10 w-10"  width="52" height="32" viewBox="0 0 52 32" fill="none" xmlns="http://www.w3.org/2000/svg">
224  <path
225    d="M45.9135 31.2329L25.9997 31.2329L38.7497 0.741532L51.8359 0.741533L45.9135 31.2329ZM20.0773 31.2329L0.163525 31.2329L12.8877 0.74153L25.9997 0.741531L20.0773 31.2329Z"
226    fill="#0A0C00" />
227</svg> <div class="has-clip-path after:lg:to-primary/50 after:to-accent/50 relative overflow-hidden after:absolute after:inset-0 after:bg-linear-to-b after:from-transparent after:from-40%"> <img src="/_astro/image.DCoo8tfL_ZFzAhQ.webp" srcset="/_astro/image.DCoo8tfL_Z18B7cP.webp 640w, /_astro/image.DCoo8tfL_ZFzAhQ.webp 726w" alt="customer" loading="lazy" decoding="async" sizes="(min-width: 726px) 726px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="726" height="606" class="mx-auto block w-[80%]"> </div> </div> </div> </div> </div> </div> </li><li class="hs-dropdown nav-dropdown group [--auto-close:inside] nav-item relative lg:[--strategy:absolute]" role="menuitem"> <span class="hs-dropdown-toggle nav-toggle nav-link"> Pages <div data-lucide="ChevronDown" class="nav-toggle-icon"></div> </span> <ul class="nav-dropdown-list hs-dropdown-menu"> <li class="hs-dropdown nav-dropdown group [--auto-close:inside] nav-dropdown-item [--placement:right-start] relative lg:[--strategy:absolute]" role="menuitem"> <span class="hs-dropdown-toggle nav-toggle active nav-dropdown-link"> Home <div data-lucide="ChevronDown" class="nav-toggle-icon"></div> </span> <ul class="nav-dropdown-list hs-dropdown-menu" aria-orientation="vertical"> <li class="nav-dropdown-item" role="menuitem"> <a href="/" class="nav-dropdown-link block active"> Digital Agency </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/creative-agency/" class="nav-dropdown-link block"> Creative Agency </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/personal-portfolio/" class="nav-dropdown-link block"> Personal Portfolio </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/startup-agency/" class="nav-dropdown-link block"> Startup Agency<span class="badge badge-success"> FREE </span>  </a> </li> </ul>  </li><li class="nav-dropdown-item" role="menuitem"> <a href="/about/" class="nav-dropdown-link block"> About Us </a> </li><li class="hs-dropdown nav-dropdown group [--auto-close:inside] nav-dropdown-item [--placement:right-start] relative lg:[--strategy:absolute]" role="menuitem"> <span class="hs-dropdown-toggle nav-toggle nav-dropdown-link"> Services <div data-lucide="ChevronDown" class="nav-toggle-icon"></div> </span> <ul class="nav-dropdown-list hs-dropdown-menu" aria-orientation="vertical"> <li class="nav-dropdown-item" role="menuitem"> <a href="/services/" class="nav-dropdown-link block"> Grid </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/services/two-column/" class="nav-dropdown-link block"> Two Column </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/services/accordion/" class="nav-dropdown-link block"> Accordion </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/services/branding-design/" class="nav-dropdown-link block"> Single </a> </li> </ul>  </li><li class="hs-dropdown nav-dropdown group [--auto-close:inside] nav-dropdown-item [--placement:right-start] relative lg:[--strategy:absolute]" role="menuitem"> <span class="hs-dropdown-toggle nav-toggle nav-dropdown-link"> Portfolio <div data-lucide="ChevronDown" class="nav-toggle-icon"></div> </span> <ul class="nav-dropdown-list hs-dropdown-menu" aria-orientation="vertical"> <li class="nav-dropdown-item" role="menuitem"> <a href="/portfolio/" class="nav-dropdown-link block"> masonry </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/portfolio/gallery/" class="nav-dropdown-link block"> Gallery </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/portfolio/slider/" class="nav-dropdown-link block"> Slider </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/portfolio/full-width/" class="nav-dropdown-link block"> Full Width </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/portfolio/custom-portfolio-slug/" class="nav-dropdown-link block"> Single </a> </li> </ul>  </li><li class="hs-dropdown nav-dropdown group [--auto-close:inside] nav-dropdown-item [--placement:right-start] relative lg:[--strategy:absolute]" role="menuitem"> <span class="hs-dropdown-toggle nav-toggle nav-dropdown-link"> Blog <div data-lucide="ChevronDown" class="nav-toggle-icon"></div> </span> <ul class="nav-dropdown-list hs-dropdown-menu" aria-orientation="vertical"> <li class="nav-dropdown-item" role="menuitem"> <a href="/blog/" class="nav-dropdown-link block"> Grid </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/blog/creative/" class="nav-dropdown-link block"> Creative </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/blog/custom-blog-slug/" class="nav-dropdown-link block"> Single </a> </li> </ul>  </li><li class="nav-dropdown-item" role="menuitem"> <a href="/pricing/" class="nav-dropdown-link block"> Pricing </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/team/" class="nav-dropdown-link block"> Team </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/team/daniyel-karlos/" class="nav-dropdown-link block"> Team Single </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/faq/" class="nav-dropdown-link block"> Faqs </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/contact/" class="nav-dropdown-link block"> Contact </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/terms-conditions/" class="nav-dropdown-link block"> Terms &amp; Conditions </a> </li><li class="nav-dropdown-item" role="menuitem"> <a href="/404/" class="nav-dropdown-link block"> 404 </a> </li> </ul>  </li><li class="nav-item" role="menuitem"><a href="/elements/" class="nav-link">Elements<span class="badge badge-accent">NEW</span></a></li>  <li class="max-lg:pt-2 lg:hidden" role="menuitem"> <a class="btn creative-hover-anim btn-accent effect-color-dark" href="/contact/">Get Started<span class="hover-bg"></span></a> </li> </ul> </div> <div class="prose-a:hover:text-accent prose-a:text-light font-secondary text-sm/loose uppercase"> <address class="not-italic">27 Division St, New York, <br /> NY 10002, USA</address> <p class="mt-4 md:mt-6"><a href="tel:+1800123654987" >+1 800 123 654 987</a></p> <p><a href="mailto:[email protected]" >[email protected]</a></p> </div> <ul class="flex flex-wrap items-center gap-4"><li><a aria-label="facebook" href="https://www.facebook.com/looka" target="_blank" rel="noopener noreferrer nofollow" class="group relative flex items-center justify-center transition duration-300"><span class="sr-only">facebook</span><svg data-icon="true" class="has-inherited-colors relative z-10 transition duration-300 h-6 w-6"  width="25" height="25" viewB
227ox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
228<g clip-path="url(#clip0_1299_11302)">
229<rect width="25" height="25" fill="url(#paint0_linear_1299_11302)" fill-opacity="0.02"/>
230<path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 12.567C0.5 18.533 4.833 23.494 10.5 24.5V15.833H7.5V12.5H10.5V9.833C10.5 6.833 12.433 5.167 15.167 5.167C16.033 5.167 16.967 5.3 17.833 5.433V8.5H16.3C14.833 8.5 14.5 9.233 14.5 10.167V12.5H17.7L17.167 15.833H14.5V24.5C20.167 23.494 24.5 18.534 24.5 12.567C24.5 5.93 19.1 0.5 12.5 0.5C5.9 0.5 0.5 5.93 0.5 12.567Z" fill="#F9FBFF"/>
231</g>
232<defs>
233<linearGradient id="paint0_linear_1299_11302" x1="12.5" y1="0" x2="12.5" y2="25" gradientUnits="userSpaceOnUse">
234<stop stop-color="white"/>
235<stop offset="1" stop-color="white" stop-opacity="0"/>
236</linearGradient>
237<clipPath id="clip0_1299_11302">
238<rect width="25" height="25" fill="white"/>
239</clipPath>
240</defs>
241</svg>
242</a></li><li><a aria-label="instagram" href="https://www.instagram.com/looka" target="_blank" rel="noopener noreferrer nofollow" class="group relative flex items-center justify-center transition duration-300"><span class="sr-only">instagram</span><svg data-icon="true" class="has-inherited-colors relative z-10 transition duration-300 h-6 w-6"  width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
243  <path
244    d="M13.5682 2.08008C14.74 2.0832 15.3348 2.08945 15.8484 2.10404L16.0505 2.11133C16.2838 2.11966 16.514 2.13008 16.7921 2.14258C17.9005 2.19466 18.6567 2.36966 19.3203 2.62695C20.0078 2.89154 20.5869 3.24987 21.1661 3.82799C21.696 4.34855 22.1059 4.97849 22.3671 5.67383C22.6244 6.33737 22.7994 7.09362 22.8515 8.20299C22.864 8.48008 22.8744 8.71029 22.8828 8.94466L22.889 9.14674C22.9046 9.65924 22.9109 10.254 22.913 11.4259L22.914 12.203V13.5676C22.9165 14.3274 22.9086 15.0872 22.89 15.8467L22.8838 16.0488C22.8755 16.2832 22.865 16.5134 22.8525 16.7905C22.8005 17.8999 22.6234 18.6551 22.3671 19.3197C22.1059 20.015 21.696 20.6449 21.1661 21.1655C20.6455 21.6954 20.0156 22.1053 19.3203 22.3665C18.6567 22.6238 17.9005 22.7988 16.7921 22.8509L16.0505 22.8822L15.8484 22.8884C15.3348 22.903 14.74 22.9103 13.5682 22.9124L12.7911 22.9134H11.4275C10.6674 22.9161 9.90726 22.9081 9.14734 22.8895L8.94525 22.8832C8.69797 22.8738 8.45075 22.8631 8.20359 22.8509C7.09525 22.7988 6.339 22.6238 5.67442 22.3665C4.97945 22.1051 4.34988 21.6953 3.82963 21.1655C3.29936 20.645 2.88912 20.0151 2.62755 19.3197C2.37025 18.6561 2.19525 17.8999 2.14317 16.7905L2.11192 16.0488L2.10671 15.8467C2.08751 15.0872 2.07883 14.3274 2.08067 13.5676V11.4259C2.07779 10.6661 2.08543 9.90632 2.10359 9.14674L2.11088 8.94466C2.11921 8.71029 2.12963 8.48008 2.14213 8.20299C2.19421 7.09362 2.36921 6.33841 2.6265 5.67383C2.88869 4.9782 3.29965 4.34824 3.83067 3.82799C4.35062 3.29836 4.97982 2.88849 5.67442 2.62695C6.339 2.36966 7.09421 2.19466 8.20359 2.14258C8.48067 2.13008 8.71192 2.11966 8.94525 2.11133L9.14734 2.10508C9.90691 2.08657 10.6667 2.07858 11.4265 2.08112L13.5682 2.08008ZM12.4973 7.28841C11.116 7.28841 9.79124 7.83714 8.81449 8.8139C7.83774 9.79065 7.289 11.1154 7.289 12.4967C7.289 13.8781 7.83774 15.2028 8.81449 16.1796C9.79124 17.1563 11.116 17.7051 12.4973 17.7051C13.8787 17.7051 15.2034 17.1563 16.1802 16.1796C17.1569 
24415.2028 17.7057 13.8781 17.7057 12.4967C17.7057 11.1154 17.1569 9.79065 16.1802 8.8139C15.2034 7.83714 13.8787 7.28841 12.4973 7.28841ZM12.4973 9.37174C12.9077 9.37168 13.3141 9.45244 13.6933 9.60942C14.0724 9.7664 14.417 9.99653 14.7072 10.2867C14.9974 10.5768 15.2277 10.9213 15.3848 11.3004C15.5419 11.6795 15.6228 12.0858 15.6229 12.4962C15.6229 12.9066 15.5422 13.313 15.3852 13.6921C15.2282 14.0713 14.9981 14.4159 14.7079 14.7061C14.4178 14.9963 14.0733 15.2266 13.6942 15.3837C13.3151 15.5408 12.9088 15.6217 12.4984 15.6217C11.6696 15.6217 10.8747 15.2925 10.2887 14.7065C9.70262 14.1204 9.37338 13.3255 9.37338 12.4967C9.37338 11.6679 9.70262 10.8731 10.2887 10.287C10.8747 9.70098 11.6696 9.37174 12.4984 9.37174M17.9671 5.72591C17.6218 5.72591 17.2906 5.86309 17.0464 6.10728C16.8022 6.35147 16.665 6.68266 16.665 7.02799C16.665 7.37333 16.8022 7.70452 17.0464 7.94871C17.2906 8.19289 17.6218 8.33008 17.9671 8.33008C18.3125 8.33008 18.6437 8.19289 18.8878 7.94871C19.132 7.70452 19.2692 7.37333 19.2692 7.02799C19.2692 6.68266 19.132 6.35147 18.8878 6.10728C18.6437 5.86309 18.3125 5.72591 17.9671 5.72591Z"
245    fill="#fff" />
246</svg></a></li><li><a aria-label="linkedin" href="https://www.linkedin.com/looka" target="_blank" rel="noopener noreferrer nofollow" class="group relative flex items-center justify-center transition duration-300"><span class="sr-only">linkedin</span><svg data-icon="true" class="has-inherited-colors relative z-10 transition duration-300 h-6 w-6"  width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
247<rect width="25" height="25" fill="url(#paint0_linear_1299_11300)" fill-opacity="0.02"/>
248<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 3.338C1.5 2.85053 1.69365 2.38303 2.03834 2.03834C2.38303 1.69365 2.85053 1.5 3.338 1.5H21.66C21.9016 1.49961 22.1409 1.54687 22.3641 1.63907C22.5874 1.73127 22.7903 1.86661 22.9612 2.03734C23.1322 2.20807 23.2677 2.41083 23.3602 2.63401C23.4526 2.8572 23.5001 3.09643 23.5 3.338V21.66C23.5003 21.9016 23.4529 22.1409 23.3606 22.3642C23.2683 22.5875 23.1328 22.7904 22.962 22.9613C22.7912 23.1322 22.5884 23.2678 22.3651 23.3602C22.1419 23.4526 21.9026 23.5001 21.661 23.5H3.338C3.09655 23.5 2.85746 23.4524 2.6344 23.36C2.41134 23.2676 2.20867 23.1321 2.03798 22.9613C1.8673 22.7905 1.73193 22.5878 1.63962 22.3647C1.54731 22.1416 1.49987 21.9025 1.5 21.661V3.338ZM10.208 9.888H13.187V11.384C13.617 10.524 14.717 9.75 16.37 9.75C19.539 9.75 20.29 11.463 20.29 14.606V20.428H17.083V15.322C17.083 13.532 16.653 12.522 15.561 12.522C14.046 12.522 13.416 13.611 13.416 15.322V20.428H10.208V9.888ZM4.708 20.291H7.916V9.75H4.708V20.29V20.291ZM8.375 6.312C8.38105 6.58667 8.33217 6.85979 8.23124 7.11532C8.13031 7.37084 7.97935 7.60364 7.78723 7.80003C7.59511 7.99643 7.3657 8.15248 7.11246 8.25901C6.85921 8.36554 6.58724 8.42042 6.3125 8.42042C6.03776 8.42042 5.76579 8.36554 5.51255 8.25901C5.2593 8.15248 5.02989 7.99643 4.83777 7.80003C4.64565 7.60364 4.49469 7.37084 4.39376 7.11532C4.29283 6.85979 4.24395 6.58667 4.25 6.312C4.26187 5.77286 4.48439 5.25979 4.86989 4.88269C5.25539 4.50558 5.77322 4.29442 6.3125 4.29442C6.85178 4.29442 7.36961 4.50558 7.75512 4.88269C8.14062 5.25979 8.36313 5.77286 8.375 6.312V6.312Z" fill="#F9FBFF"/>
249<defs>
250<linearGradient id="paint0_linear_1299_11300" x1="12.5" y1="0" x2="12.5" y2="25" gradientUnits="userSpaceOnUse">
251<stop stop-color="white"/>
252<stop offset="1" stop-color="white" stop-opacity="0"/>
253</linearGradient>
254</defs>
255</svg>
256</a></li></ul><span class="sr-only">gats-fogatslex</span> <a class="btn-circle magnetic-hover-anim btn-accent m-0 ms-auto hidden justify-center lg:flex" href="/contact/">Let’s Talk With Us</a> </div>  <div id="offcanvas-main-label" class="sr-only">Offcanvas</div> </div> 
256<script type="module" src="/_astro/Header.astro_astro_type_script_index_0_lang.OHrnkIty.js"></script>
256 </div> <main class="fit-to-screen">  <section class="lg:pt-20"> <div class="container"> <div class="mx-auto max-w-7xl"> <h1> <span class="text-display-5 md:text-display-3 lg:text-display-2 xl:text-display-1 text-dark block leading-tight font-bold break-words" data-aos="reveal-anim-left">Next Generation</span><span class="text-display-5 md:text-display-3 lg:text-display-2 xl:text-display-1 text-dark block leading-tight font-bold break-words lg:text-end" data-aos="reveal-anim-right">Digital Agency</span> </h1> </div> <div class="ms-auto mt-12 items-end space-y-10 lg:flex lg:justify-between lg:space-y-0"> <div data-aos="reveal-anim-right" data-aos-offset="0" data-aos-delay="400" class="order-2 max-w-2xl space-y-8 lg:me-12 lg:-mb-2 xl:me-24"> <p class="font-medium">We are digital agency that helps businesses develop immersive and <br /> engaging user experiences that drive top level growth</p> <a class="btn creative-hover-anim btn-primary effect-color-accent" href="/portfolio/">VIEW OUR WORKS<span class="hover-bg"></span></a> </div> <div data-aos="reveal-anim-left" data-aos-offset="0" data-aos-delay="400" class="font-secondary flex items-center gap-4 text-xs/normal md:text-sm/normal xl:ms-28"> <img src="/_astro/world.Bj6vm9Uy_ZFediN.svg" srcset="/_astro/world.Bj6vm9Uy_ZFediN.svg 32w" alt="AGENCY OF THE YEAR <br /> WORLDWIDE" loading="lazy" decoding="async" sizes="(min-width: 32px) 32px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="32" height="32"> <span>AGENCY OF THE YEAR <br /> WORLDWIDE</span> </div> </div> </div> </section> <section> <div class="bg-accent relative py-16 md:py-20 lg:mt-28 lg:py-28"> <div class="container"> <div class="grid grid-cols-1 gap-10 lg:grid-cols-5 lg:gap-36"> <div data-aos="reveal-anim-left" data-aos-delay="300" data-aos-offset="0" class="-top-28 h-full w-full lg:absolute lg:w-[calc(50%-8rem)] xl:w-[calc(50%-13rem)] lg:start-0"> <img src="/_astro/about-one.CEWbeE6w_jui8W.webp" srcset="/_astro/about-one.CEWbeE6w_EP3sr.webp 640w, /_astro/about-one.CEWbeE6w_Z2rNmgH.webp 750w, /_astro/about-one.CEWbeE6w_1Lbm7v.webp 828w, /_astro/about-one.CEWbeE6w_1JmKk6.webp 1080w, /_astro/about-one.CEWbeE6w_jui8W.webp 1257w" alt="Highlighted Info Block" loading="lazy" decoding="async" sizes="(min-width: 1257px) 1257px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="1257" height="1095" class="h-full w-full object-cover"> </div> <div class="space-y-12 lg:col-span-3 lg:col-start-3">  <div class="space-y-8"> <h2 class="text-h1-sm md:text-h1">Unlock Revenue Growth for Your Business</h2> <p>If you ask our clients what it’s like working with 36, they’ll talk about how much we care about their success. For us, real relationships fuel real success. We love building brands. <br /><br />
257
258We are a creative agency working with brands building insightful strategy, creating unique designs and crafting value
259</p> </div> <a class="btn btn-text btn-text-primary has-icon-moving-animation no-underline text-base-sm uppercase md:text-base" href="/about/">About us<span class="icons-wrapper ms-2 inline-flex min-h-2.5 min-w-2.5 items-center justify-center"><span class="icon icon-before flex items-center justify-center"><svg data-icon="true" class="h-6 w-6"  width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
260  <path d="M2 11L11.2 1.8M12 11V1H2" stroke="#0A0C00" stroke-width="2" stroke-linecap="square" />
261</svg>
262  </span><span class="icon icon-after flex items-center justify-center" aria-hidden="true"><svg data-icon="true" class="h-6 w-6"  width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
263  <path d="M2 11L11.2 1.8M12 11V1H2" stroke="#0A0C00" stroke-width="2" stroke-linecap="square" />
264</svg>
265  </span></span></a> </div> </div> </div> </div> </section> <section> <div class="container space-y-14"> <h2 class="text-h1-sm md:text-h1 mx-auto max-w-3xl text-center">What We Can Do for Our Clients</h2> <div class="hs-accordion-group mx-auto w-full max-w-4xl"> <div class="hs-accordion relative border-b py-6 text-start first:border-t lg:pe-20 transition-all duration-300 lg:flex lg:flex-row lg:items-start lg:justify-between lg:gap-16 active" id="accordion-7nkt"> <div class="font-secondary mt-2.5 mb-4 text-2xl font-semibold lg:mb-0 lg:text-sm">01</div>
265 <button title="show or hide accordion content" class="hs-accordion-toggle absolute inset-0 size-full"></button> <button title="show or hide accordion content" aria-controls="accordion-content-7nkt" aria-expanded="true" class="hs-accordion-toggle text-dark font-secondary text-h5 w-full pe-20 text-start font-medium lg:pe-0">Branding Design</button> <div role="region" id="accordion-content-7nkt" aria-labelledby="accordion-7nkt" class="hs-accordion-content hs-accordion-active:opacity-100 w-full max-w-lg overflow-hidden opacity-0 transition-all duration-300 ease-linear"> <div class="prose-styles prose-p:first:mt-0 prose-p:last:mb-0 pt-3 lg:pt-0"> <div><p>Good website tells a story that will make users fully immerse themselves operating</p>
266</div> </div> </div> <div class="hs-accordion-active:rotate-180 pointer-events-none absolute end-0 top-8 flex transition duration-300"> <div data-lucide="ChevronDown" class="text-dark text-xl"></div> </div> </div><div class="hs-accordion relative border-b py-6 text-start first:border-t lg:pe-20 transition-all duration-300 lg:flex lg:flex-row lg:items-start lg:justify-between lg:gap-16" id="accordion-l29b"> <div class="font-secondary mt-2.5 mb-4 text-2xl font-semibold lg:mb-0 lg:text-sm">02</div> <button title="show or hide accordion content" class="hs-accordion-toggle absolute inset-0 size-full"></button> <button title="show or hide accordion content" aria-controls="accordion-content-l29b" aria-expanded="false" class="hs-accordion-toggle text-dark font-secondary text-h5 w-full pe-20 text-start font-medium lg:pe-0">Web Development</button> <div role="region" id="accordion-content-l29b" aria-labelledby="accordion-l29b" class="hs-accordion-content hs-accordion-active:opacity-100 w-full max-w-lg overflow-hidden opacity-0 transition-all duration-300 ease-linear hidden"> <div class="prose-styles prose-p:first:mt-0 prose-p:last:mb-0 pt-3 lg:pt-0"> <div><p>A well-designed website narrates a story that deeply engages users and enhances their experience.</p>
267</div> </div> </div> <div class="hs-accordion-active:rotate-180 pointer-events-none absolute end-0 top-8 flex transition duration-300"> <div data-lucide="ChevronDown" class="text-dark text-xl"></div> </div> </div><div class="hs-accordion relative border-b py-6 text-start first:border-t lg:pe-20 transition-all duration-300 lg:flex lg:flex-row lg:items-start lg:justify-between lg:gap-16" id="accordion-cgym"> <div class="font-secondary mt-2.5 mb-4 text-2xl font-semibold lg:mb-0 lg:text-sm">03</div> <button title="show or hide accordion content" class="hs-accordion-toggle absolute inset-0 size-full"></button> <button title="show or hide accordion content" aria-controls="accordion-content-cgym" aria-expanded="false" class="hs-accordion-toggle text-dark font-secondary text-h5 w-full pe-20 text-start font-medium lg:pe-0">Digital Marketing</button> <div role="region" id="accordion-content-cgym" aria-labelledby="accordion-cgym" class="hs-accordion-content hs-accordion-active:opacity-100 w-full max-w-lg overflow-hidden opacity-0 transition-all duration-300 ease-linear hidden"> <div class="prose-styles prose-p:first:mt-0 prose-p:last:mb-0 pt-3 lg:pt-0"> <div><p>An effective website narrates a compelling story that deeply engages users, enhancing their experience.</p>
268</div> </div> </div> <div class="hs-accordion-active:rotate-180 pointer-events-none absolute end-0 top-8 flex transition duration-300"> <div data-lucide="ChevronDown" class="text-dark text-xl"></div> </div> </div><div class="hs-accordion relative border-b py-6 text-start first:border-t lg:pe-20 transition-all duration-300 lg:flex lg:flex-row lg:items-start lg:justify-between lg:gap-16" id="accordion-e5e7"> <div class="font-secondary mt-2.5 mb-4 text-2xl font-semibold lg:mb-0 lg:text-sm">04</div> <button title="show or hide accordion content" class="hs-accordion-toggle absolute inset-0 size-full"></button> <button title="show or hide accordion content" aria-controls="accordion-content-e5e7" aria-expanded="false" class="hs-accordion-toggle text-dark font-secondary text-h5 w-full pe-20 text-start font-medium lg:pe-0">Illustration Modelling</button> <div role="region" id="accordion-content-e5e7" aria-labelledby="accordion-e5e7" class="hs-accordion-content hs-accordion-active:opacity-100 w-full max-w-lg overflow-hidden opacity-0 transition-all duration-300 ease-linear hidden"> <div class="prose-styles prose-p:first:mt-0 prose-p:last:mb-0 pt-3 lg:pt-0"> <div><p>Good website tells a story that will make users fully immerse themselves operating</p>
269</div> </div> </div> <div class="hs-accordion-active:rotate-180 pointer-events-none absolute end-0 top-8 flex transition duration-300"> <div data-lucide="ChevronDown" class="text-dark text-xl"></div> </div> </div><div class="hs-accordion relative border-b py-6 text-start first:border-t lg:pe-20 transition-all duration-300 lg:flex lg:flex-row lg:items-start lg:justify-between lg:gap-16" id="accordion-8go9"> <div class="font-secondary mt-2.5 mb-4 text-2xl font-semibold lg:mb-0 lg:text-sm">05</div>
269 <button title="show or hide accordion content" class="hs-accordion-toggle absolute inset-0 size-full"></button> <button title="show or hide accordion content" aria-controls="accordion-content-8go9" aria-expanded="false" class="hs-accordion-toggle text-dark font-secondary text-h5 w-full pe-20 text-start font-medium lg:pe-0">Social Advertising</button> <div role="region" id="accordion-content-8go9" aria-labelledby="accordion-8go9" class="hs-accordion-content hs-accordion-active:opacity-100 w-full max-w-lg overflow-hidden opacity-0 transition-all duration-300 ease-linear hidden"> <div class="prose-styles prose-p:first:mt-0 prose-p:last:mb-0 pt-3 lg:pt-0"> <div><p>A well-designed website tells a story that deeply engages users, enhancing their experience.</p>
270</div> </div> </div> <div class="hs-accordion-active:rotate-180 pointer-events-none absolute end-0 top-8 flex transition duration-300"> <div data-lucide="ChevronDown" class="text-dark text-xl"></div> </div> </div><div class="hs-accordion relative border-b py-6 text-start first:border-t lg:pe-20 transition-all duration-300 lg:flex lg:flex-row lg:items-start lg:justify-between lg:gap-16" id="accordion-jfjz"> <div class="font-secondary mt-2.5 mb-4 text-2xl font-semibold lg:mb-0 lg:text-sm">06</div> <button title="show or hide accordion content" class="hs-accordion-toggle absolute inset-0 size-full"></button> <button title="show or hide accordion content" aria-controls="accordion-content-jfjz" aria-expanded="false" class="hs-accordion-toggle text-dark font-secondary text-h5 w-full pe-20 text-start font-medium lg:pe-0">Content Marketing</button> <div role="region" id="accordion-content-jfjz" aria-labelledby="accordion-jfjz" class="hs-accordion-content hs-accordion-active:opacity-100 w-full max-w-lg overflow-hidden opacity-0 transition-all duration-300 ease-linear hidden"> <div class="prose-styles prose-p:first:mt-0 prose-p:last:mb-0 pt-3 lg:pt-0"> <div><p>Good website tells a story that will make users fully immerse themselves operating</p>
271</div> </div> </div> <div class="hs-accordion-active:rotate-180 pointer-events-none absolute end-0 top-8 flex transition duration-300"> <div data-lucide="ChevronDown" class="text-dark text-xl"></div> </div> </div> </div> </div> </section> <section> <div class="lg:has-bg-shape"> <div class="container space-y-14">  <div class="gap-x-20 lg:columns-2"> <div class="space-y-4 overflow-hidden break-inside-avoidlg:mt-20 group text-text-default"><a title="Learn more about money laundering compliance scanner" class="order-1 inline-block w-full overflow-hidden" href="/portfolio/custom-portfolio-slug/" data-aos="reveal-anim-left"><img src="/_astro/1.BXK9lSls_Z1zhw1M.webp" srcset="/_astro/1.BXK9lSls_HDelH.webp 640w, /_astro/1.BXK9lSls_Bjwtr.webp 750w, /_astro/1.BXK9lSls_1xTgID.webp 828w, /_astro/1.BXK9lSls_Z2tj9XU.webp 1080w, /_astro/1.BXK9lSls_ZXiEUP.webp 1280w, /_astro/1.BXK9lSls_Z1zhw1M.webp 1578w" alt="Money Laundering Compliance Scanner" loading="lazy" decoding="async" sizes="(min-width: 1578px) 1578px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="1578" height="2220" class="scale-110 object-cover transition duration-500 group-hover:translate-x-2 max-h-200"></a><ul class="flex flex-wrap items-center gap-x-2 gap-y-1 opacity-80 text-inherit"><li>Branding</li><li>/</li><li>Development</li><li>/</li><li>Marketing</li></ul><h3 class="text-h3-sm md:text-h3 order-2 leading-snug text-inherit"><a href="/portfolio/custom-portfolio-slug/" title="Learn more about money laundering compliance scanner">Money Laundering Compliance Scanner</a></h3><a class="btn btn-text btn-text-primary has-icon-moving-animation no-underline mt-3 uppercase" href="/portfolio/custom-portfolio-slug/">View Project<span class="icons-wrapper ms-2 inline-flex min-h-2.5 min-w-2.5 items-center justify-center"><span class="icon icon-before flex items-center justify-center"><svg data-icon="true" class="h-6 w-6"  width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
272  <path d="M2 11L11.2 1.8M12 11V1H2" stroke="#0A0C00" stroke-width="2" stroke-linecap="square" />
273</svg>
274  </span><span class="icon icon-after flex items-center justify-center" aria-hidden="true"><svg data-icon="true" class="h-6 w-6"  width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
275  <path d="M2 11L11.2 1.8M12 11V1H2" stroke="#0A0C00" stroke-width="2" stroke-linecap="square" />
276</svg>
277  </span></span></a></div><div class="space-y-4 overflow-hidden break-inside-avoidmt-10 lg:mt-20 group text-text-default">
277<a title="Learn more about optimizing supply chain efficiency" class="order-1 inline-block w-full overflow-hidden" href="/portfolio/portfolio-02/" data-aos="reveal-anim-right"><img src="/_astro/2.htlDGftX_ZKBLE8.webp" srcset="/_astro/2.htlDGftX_Z2qq31g.webp 640w, /_astro/2.htlDGftX_1IPzli.webp 750w, /_astro/2.htlDGftX_Z1Kxkz0.webp 828w, /_astro/2.htlDGftX_Zmkqyz.webp 1080w, /_astro/2.htlDGftX_aR7iw.webp 1280w, /_astro/2.htlDGftX_2kkcUA.webp 1668w, /_astro/2.htlDGftX_ZKBLE8.webp 1908w" alt="Optimizing Supply Chain Efficiency" loading="lazy" decoding="async" sizes="(min-width: 1908px) 1908px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="1908" height="1410" class="scale-110 object-cover transition duration-500 group-hover:translate-x-2 max-h-200"></a><ul class="flex flex-wrap items-center gap-x-2 gap-y-1 opacity-80 text-inherit"><li>Branding</li><li>/</li><li>Development</li><li>/</li><li>Marketing</li></ul><h3 class="text-h3-sm md:text-h3 order-2 leading-snug text-inherit"><a href="/portfolio/portfolio-02/" title="Learn more about optimizing supply chain efficiency">Optimizing Supply Chain Efficiency</a></h3><a class="btn btn-text btn-text-primary has-icon-moving-animation no-underline mt-3 uppercase" href="/portfolio/portfolio-02/">View Project<span class="icons-wrapper ms-2 inline-flex min-h-2.5 min-w-2.5 items-center justify-center"><span class="icon icon-before flex items-center justify-center"><svg data-icon="true" class="h-6 w-6"  width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
278  <path d="M2 11L11.2 1.8M12 11V1H2" stroke="#0A0C00" stroke-width="2" stroke-linecap="square" />
279</svg>
280  </span><span class="icon icon-after flex items-center justify-center" aria-hidden="true"><svg data-icon="true" class="h-6 w-6"  width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
281  <path d="M2 11L11.2 1.8M12 11V1H2" stroke="#0A0C00" stroke-width="2" stroke-linecap="square" />
282</svg>
283  </span></span></a></div><div class="space-y-4 overflow-hidden break-inside-avoidmt-10 lg:mt-20 group text-text-default"><a title="Learn more about enhancing workplace safety protocols" class="order-1 inline-block w-full overflow-hidden" href="/portfolio/portfolio-03/" data-aos="reveal-anim-top"><img src="/_astro/3.Bj1YTYMg_YqVrd.webp" srcset="/_astro/3.Bj1YTYMg_2ncXLC.webp 640w, /_astro/3.Bj1YTYMg_1shskf.webp 750w, /_astro/3.Bj1YTYMg_Z226rA3.webp 828w, /_astro/3.Bj1YTYMg_1nIhwL.webp 1080w, /_astro/3.Bj1YTYMg_1UUPoR.webp 1280w, /_astro/3.Bj1YTYMg_ZYNcM0.webp 1668w, /_astro/3.Bj1YTYMg_YqVrd.webp 1908w" alt="Enhancing Workplace Safety Protocols" loading="lazy" decoding="async" sizes="(min-width: 1908px) 1908px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="1908" height="1410" class="scale-110 object-cover transition duration-500 group-hover:translate-x-2 max-h-200"></a><ul class="flex flex-wrap items-center gap-x-2 gap-y-1 opacity-80 text-inherit"><li>Branding</li><li>/</li><li>Development</li><li>/</li><li>Marketing</li></ul><h3 class="text-h3-sm md:text-h3 order-2 leading-snug text-inherit"><a href="/portfolio/portfolio-03/" title="Learn more about enhancing workplace safety protocols">Enhancing Workplace Safety Protocols</a></h3><a class="btn btn-text btn-text-primary has-icon-moving-animation no-underline mt-3 uppercase" href="/portfolio/portfolio-03/">View Project<span class="icons-wrapper ms-2 inline-flex min-h-2.5 min-w-2.5 items-center justify-center"><span class="icon icon-before flex items-center justify-center"><svg data-icon="true" class="h-6 w-6"  width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
284  <path d="M2 11L11.2 1.8M12 11V1H2" stroke="#0A0C00" stroke-width="2" stroke-linecap="square" />
285</svg>
286  </span><span class="icon icon-after flex items-center justify-center" aria-hidden="true"><svg data-icon="true" class="h-6 w-6"  width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
287  <path d="M2 11L11.2 1.8M12 11V1H2" stroke="#0A0C00" stroke-width="2" stroke-linecap="square" />
288</svg>
289  </span></span></a></div><div class="space-y-4 overflow-hidden break-inside-avoidmt-10 lg:mt-20 group text-text-default"><a title="Learn more about streamlining financial reporting" class="order-1 inline-block w-full overflow-hidden" href="/portfolio/portfolio-04/" data-aos="reveal-anim-left"><img src="/_astro/4.sVeGaK7m_Z1jtAAx.webp" srcset="/_astro/4.sVeGaK7m_zbqW.webp 640w, /_astro/4.sVeGaK7m_ZTlk0q.webp 750w, /_astro/4.sVeGaK7m_FrSSd.webp 828w, /_astro/4.sVeGaK7m_ZUcfuY.webp 1080w, /_astro/4.sVeGaK7m_ZmYGCS.webp 1280w, /_astro/4.sVeGaK7m_1LsnYb.webp 1668w, /_astro/4.sVeGaK7m_Z1jtAAx.webp 1908w" alt="Streamlining Financial Reporting" loading="lazy" decoding="async" sizes="(min-width: 1908px) 1908px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="1908" height="1410" class="scale-110 object-cover transition duration-500 group-hover:translate-x-2 max-h-200"></a><ul class="flex flex-wrap items-center gap-x-2 gap-y-1 opacity-80 text-inherit"><li>Branding</li><li>/</li><li>Development</li><li>/</li><li>Marketing</li></ul><h3 class="text-h3-sm md:text-h3 order-2 leading-snug text-inherit"><a href="/portfolio/portfolio-04/" title="Learn more about streamlining financial reporting">Streamlining Financial Reporting</a></h3><a class="btn btn-text btn-text-primary has-icon-moving-animation no-underline mt-3 uppercase" href="/portfolio/portfolio-04/">View Project<span class="icons-wrapper ms-2 inline-flex min-h-2.5 min-w-2.5 items-center justify-center"><span class="icon icon-before flex items-center justify-center"><svg data-icon="true" class="h-6 w-6"  width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
290  <path d="M2 11L11.2 1.8M12 11V1H2" stroke="#0A0C00" stroke-width="2" stroke-linecap="square" />
291</svg>
292  </span><span class="icon icon-after flex items-center justify-center" aria-hidden="true"><svg data-icon="true" class="h-6 w-6"  width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
293  <path d="M2 11L11.2 1.8M12 11V1H2" stroke="#0A0C00" stroke-width="2" stroke-linecap="square" />
294</svg>
295  </span></span></a></div> <div class="mt-10 lg:mt-16"> <a class="btn-circle text-flip-hover-anim magnetic-hover-anim flex justify-center uppercase md:mx-auto btn-primary" href="/portfolio/"><span class="text-flip-inner" data-content="View all">View all</span></a> </div> </div> </div> </div> 
295<script type="module" src="/_astro/PortfolioSection.astro_astro_type_script_index_0_lang.C7Ly81l9.js"></script>
295 </section> <section> <div class="container"> <div class="space-y-8 overflow-hidden md:space-y-16 lg:flex-nowrap"> <div class="mx-auto lg:max-w-3xl"> <h2 class="text-h1-sm md:text-h1 text-center">Our Team Behind The Studio</h2> </div> <div class="grid gap-6 md:grid-cols-2 xl:grid-cols-4"> <div class="group after:from-primary/80 after:via-primary/30 to-primary/0 relative overflow-hidden border via-10% after:pointer-events-none after:absolute after:inset-0 after:z-10 after:bg-linear-to-t after:transition-opacity"><img src="/_astro/1.DdqC14Cj_1mIbnt.webp" srcset="/_astro/1.DdqC14Cj_1mIbnt.webp 306w" alt="Daniyel Karlos" loading="lazy" decoding="async" sizes="(min-width: 306px) 306px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="306" height="380" class="pointer-events-none h-95 w-full object-cover grayscale transition duration-500 group-hover:scale-110 group-hover:grayscale-0"><div class="absolute start-0 bottom-0 z-20 w-full p-8 text-white transition-all duration-300 group-hover:bottom-0 group-hover:opacity-100 hover:opacity-100 md:-bottom-1 md:opacity-0"><h3 class="text-h5 hover:text-accent font-medium text-white">Daniyel Karlos</h3><p class="mt-2 text-sm">Web Developer</p></div><a title="Learn more about daniyel karlos" class="absolute inset-0 z-30" href="/team/daniyel-karlos/"></a></div><div class="group after:from-primary/80 after:via-primary/30 to-primary/0 relative overflow-hidden border via-10% after:pointer-events-none after:absolute after:inset-0 after:z-10 after:bg-linear-to-t after:transition-opacity"><img src="/_astro/2.sgKZz-FG_Z14c6BI.webp" srcset="/_astro/2.sgKZz-FG_Z14c6BI.webp 306w" alt="Nathan Drake" loading="lazy" decoding="async" sizes="(min-width: 306px) 306px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="306" height="380" class="pointer-events-none h-95 w-full object-cover grayscale transition duration-500 group-hover:scale-110 group-hover:grayscale-0"><div class="absolute start-0 bottom-0 z-20 w-full p-8 text-white transition-all duration-300 group-hover:bottom-0 group-hover:opacity-100 hover:opacity-100 md:-bottom-1 md:opacity-0"><h3 class="text-h5 hover:text-accent font-medium text-white">Nathan Drake</h3><p class="mt-2 text-sm">Senior Frontend Engineer</p></div><a title="Learn more about nathan drake" class="absolute inset-0 z-30" href="/team/nathan-drake/"></a></div><div class="group after:from-primary/80 after:via-primary/30 to-primary/0 relative overflow-hidden border via-10% after:pointer-events-none after:absolute after:inset-0 after:z-10 after:bg-linear-to-t after:transition-opacity"><img src="/_astro/3.BlicsACd_Z1t5Q2W.webp" srcset="/_astro/3.BlicsACd_Z1t5Q2W.webp 306w" alt="Jordan Flynn" loading="lazy" decoding="async" sizes="(min-width: 306px) 306px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="306" height="380" class="pointer-events-none h-95 w-full object-cover grayscale transition duration-500 group-hover:scale-110 group-hover:grayscale-0"><div class="absolute start-0 bottom-0 z-20 w-full p-8 text-white transition-all duration-300 group-hover:bottom-0 group-hover:opacity-100 hover:opacity-100 md:-bottom-1 md:opacity-0"><h3 class="text-h5 hover:text-accent font-medium text-white">Jordan Flynn</h3><p class="mt-2 text-sm">Frontend Engineer</p></div><a title="Learn more about jordan flynn" class="absolute inset-0 z-30" href="/team/jordan-flynn/"></a></div><div class="group after:from-primary/80 after:via-primary/30 to-primary/0 relative overflow-hidden border via-10% after:pointer-events-none after:absolute after:inset-0 after:z-10 after:bg-linear-to-t after:transition-opacity"><img src="/_astro/4.C81g4VHd_ZLsELG.webp" srcset="/_astro/4.C81g4VHd_ZLsELG.webp 306w" alt="Olivia Chen" loading="lazy" decoding="async" sizes="(min-width: 306px) 306px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="306" height="380" class="pointer-events-none h-95 w-full object-cover grayscale transition duration-500 group-hover:scale-110 group-hover:grayscale-0"><div class="absolute start-0 bottom-0 z-20 w-full p-8 text-white transition-all duration-300 group-hover:bottom-0 group-hover:opacity-100 hover:opacity-100 md:-bottom-1 md:opacity-0"><h3 class="text-h5 hover:text-accent font-medium text-white">Olivia Chen</h3><p class="mt-2 text-sm">UI/UX Designer</p></div><a title="Learn more about olivia chen" class="absolute inset-0 z-30" href="/team/olivia-chen/"></a></div> </div> </div> </div> </section> <section> <div class="bg-accent relative py-16 md:py-20 lg:mt-28 lg:py-28"> <div class="container"> <div class="grid grid-cols-1 gap-10 lg:grid-cols-5 lg:gap-36"> <div data-aos="reveal-anim-left" data-aos-delay="300" data-aos-offset="0" class="-top-28 h-full w-full lg:absolute lg:w-[calc(50%-8rem)] xl:w-[calc(50%-13rem)] lg:end-0"> <img src="/_astro/main.CiDeL-Nv_Z1iVPxO.webp" srcset="/_astro/main.CiDeL-Nv_Z1WDPdL.webp 640w, /_astro/main.CiDeL-Nv_ZubCdk.webp 750w, /_astro/main.CiDeL-Nv_Z1DBmIo.webp 828w, /_astro/main.CiDeL-Nv_Z1iVPxO.webp 838w" alt="Highlighted Info Block" loading="lazy" decoding="async" sizes="(min-width: 838px) 838px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="838" height="716" class="h-full w-full object-cover"> </div> <div class="space-y-12 lg:col-span-3 lg:col-start-1">  <div class="space-y-10"> <h2 class="text-h1-sm md:text-h1">Testimonials</h2>  <div id="testimonial-slider" class="swiper max-md:pb-10!"> <img src="/_astro/quote.Cl0dETRp_ZB5Wq7.svg" srcset="/_astro/quote.Cl0dETRp_ZB5Wq7.svg 52w" alt="icon" loading="lazy" decoding="async" sizes="(min-width: 52px) 52px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="52" height="32" class="mb-4"> <div class="swiper-wrapper relative"> <div class="swiper-slide"> <p class="mt-4/normal md:text-xl/normal">Your strategic planning process helped us identify new market opportunities and develop a clear roadmap for growth. We&#39;ve seen a significant increase in sales and market share within the past year.
296</p> <div class="font-secondary mt-12 space-y-2 font-medium"> <h3 class="text-h5">James Wilson</h3> <p class="md:text-lg">CEO</p> </div> </div><div class="swiper-slide"> <p class="mt-4/normal md:text-xl/normal">We were facing operational inefficiencies that were hindering our productivity. Your team&#39;s analysis and recommendations streamlined our processes, leading to cost savings and improved efficie
296ncy.
297</p> <div class="font-secondary mt-12 space-y-2 font-medium"> <h3 class="text-h5">David Lee</h3> <p class="md:text-lg">VP of Operations</p> </div> </div><div class="swiper-slide"> <p class="mt-4/normal md:text-xl/normal">Your strategic planning helped us streamline operations and unlock new market opportunities. We&#39;ve seen a remarkable 25% increase in revenue within the last year.
298</p> <div class="font-secondary mt-12 space-y-2 font-medium"> <h3 class="text-h5">Michael Thompson</h3> <p class="md:text-lg">CEO</p> </div> </div><div class="swiper-slide"> <p class="mt-4/normal md:text-xl/normal">The data-driven approach of your team was instrumental in optimizing our production processes. We&#39;ve achieved significant cost savings while maintaining sustainability goals
299</p> <div class="font-secondary mt-12 space-y-2 font-medium"> <h3 class="text-h5">Sarah Jones</h3> <p class="md:text-lg">Head of Engineering</p> </div> </div><div class="swiper-slide"> <p class="mt-4/normal md:text-xl/normal">Your strategic planning process helped us identify new market opportunities and develop a clear roadmap for growth. We&#39;ve seen a significant increase in sales and market share within the past year.
300</p> <div class="font-secondary mt-12 space-y-2 font-medium"> <h3 class="text-h5">James Wilson</h3> <p class="md:text-lg">CEO</p> </div> </div><div class="swiper-slide"> <p class="mt-4/normal md:text-xl/normal">We were facing operational inefficiencies that were hindering our productivity. Your team&#39;s analysis and recommendations streamlined our processes, leading to cost savings and improved efficiency.
301</p> <div class="font-secondary mt-12 space-y-2 font-medium"> <h3 class="text-h5">David Lee</h3> <p class="md:text-lg">VP of Operations</p> </div> </div><div class="swiper-slide"> <p class="mt-4/normal md:text-xl/normal">Your strategic planning helped us streamline operations and unlock new market opportunities. We&#39;ve seen a remarkable 25% increase in revenue within the last year.
302</p> <div class="font-secondary mt-12 space-y-2 font-medium"> <h3 class="text-h5">Michael Thompson</h3> <p class="md:text-lg">CEO</p> </div> </div><div class="swiper-slide"> <p class="mt-4/normal md:text-xl/normal">The data-driven approach of your team was instrumental in optimizing our production processes. We&#39;ve achieved significant cost savings while maintaining sustainability goals
303</p> <div class="font-secondary mt-12 space-y-2 font-medium"> <h3 class="text-h5">Sarah Jones</h3> <p class="md:text-lg">Head of Engineering</p> </div> </div> </div> <div class="swiper-pagination testimonial-pagination flex justify-end [--swiper-pagination-bullet-inactive-opacity:1] [--swiper-pagination-color:var(--color-primary)] max-md:justify-start max-md:[--swiper-pagination-bottom:0px] [&_.swiper-pagination-bullet:not(.swiper-pagination-bullet-active)]:border [&_.swiper-pagination-bullet:not(.swiper-pagination-bullet-active)]:bg-transparent!"></div> </div> </div> 
303<script type="module" src="/_astro/TestimonialCreative.astro_astro_type_script_index_0_lang.CGkqMSIX.js"></script>
303  </div> </div> </div> </div> </section> <section> <div> <div class="container space-y-8 md:space-y-16"> <div class="mx-auto lg:max-w-3xl"> <h2 class="text-h1-sm md:text-h1 text-center">Read Our Articles and News</h2> </div> <div class="grid gap-x-6 gap-y-10 md:grid-cols-2 xl:grid-cols-3"> <article class="group text-text-default bg-white"><div class="relative flex items-center justify-center overflow-hidden"><img src="/_astro/1.DwdbWyIs_S3ivO.webp" srcset="/_astro/1.DwdbWyIs_S3ivO.webp 600w, /_astro/1.DwdbWyIs_1bV7O6.webp 640w, /_astro/1.DwdbWyIs_Z1pcpAB.webp 750w, /_astro/1.DwdbWyIs_ZmQ4MC.webp 828w" alt="Image related to four steps to conduct a successful usability" loading="lazy" decoding="async" sizes="(min-width: 600px) 600px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="600" height="600" class="min-w-full object-cover transition duration-500 group-hover:scale-105 h-87.5!"><a data-post-link class="absolute inset-0 z-30" href="/blog/custom-blog-slug/" title="Learn more about four steps to conduct a successful usability"></a></div><div><div class="font-primary mt-6 mb-2 flex flex-wrap items-center gap-x-2.5 gap-y-px pb-3"><span>Jun 17, 2022</span><span class="inline-block h-1 w-1 rounded-full bg-theme-dark"></span><a href="/blog/category/innovation/">Innovation</a><span class="inline-block h-1 w-1 rounded-full bg-theme-dark"></span><a href="/blog/category/technology/">Technology</a></div><h2 class="text-h4-sm md:text-h5 mt-2 mb-6 w-full font-medium text-inherit"><a href="/blog/custom-blog-slug/" data-post-link class="inline-block" title="Learn more about four steps to conduct a successful usability">Four Steps to Conduct a Successful Usability
304</a></h2><a class="btn btn-text btn-text-primary has-icon-moving-animation no-underline text-base-sm border-inherit text-inherit uppercase md:text-base border-border-dark" href="/blog/custom-blog-slug/" data-post-link="true">Read More<span class="sr-only">Four Steps to Conduct a Successful Usability</span><span class="icons-wrapper ms-2 inline-flex min-h-2.5 min-w-2.5 items-center justify-center"><span class="icon icon-before flex items-center justify-center"><svg data-icon="true" class="h-6 w-6"  width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
305  <path d="M2 11L11.2 1.8M12 11V1H2" stroke="#0A0C00" stroke-width="2" stroke-linecap="square" />
306</svg>
307  </span><span class="icon icon-after flex items-center justify-center" aria-hidden="true"><svg data-icon="true" class="h-6 w-6"  width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
308  <path d="M2 11L11.2 1.8M12 11V1H2" stroke="#0A0C00" stroke-width="2" stroke-linecap="square" />
309</svg>
310  </span></span></a></div></article><article class="group text-text-default bg-white"><div class="relative flex items-center justify-center overflow-hidden"><img src="/_astro/2.D8LouUdj_1glTAQ.webp" srcset="/_astro/2.D8LouUdj_1glTAQ.webp 600w, /_astro/2.D8LouUdj_1zeIT8.webp 640w, /_astro/2.D8LouUdj_Z11SNvz.webp 750w, /_astro/2.D8LouUdj_rwhp.webp 828w" alt="Image related to e-commerce design tips for big results " loading="lazy" decoding="async" sizes="(min-width: 600px) 600px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="600" height="600" class="min-w-full object-cover transition duration-500 group-hover:scale-105 h-87.5!"><a data-post-link class="absolute inset-0 z-30" href="/blog/post-11/" title="Learn more about e-commerce design tips for big results "></a></div><div><div class="font-primary mt-6 mb-2 flex flex-wrap items-center gap-x-2.5 gap-y-px pb-3"><span>Jun 16, 2022</span><span class="inline-block h-1 w-1 rounded-full bg-theme-dark"></span><a href="/blog/category/sales/">Sales</a><span class="inline-block h-1 w-1 rounded-full bg-theme-dark"></span><a href="/blog/category/innovation/">Innovation</a></div><h2 class="text-h4-sm md:text-h5 mt-2 mb-6 w-full font-medium text-inherit"><a href="/blog/post-11/" data-post-link class="inline-block" title="Learn more about e-commerce design tips for big results ">E-Commerce Design Tips For Big Results 
311</a></h2><a class="btn btn-text btn-text-primary has-icon-moving-animation no-underline text-base-sm border-inherit text-inherit uppercase md:text-base border-border-dark" href="/blog/post-11/" data-post-link="true">
311Read More<span class="sr-only">E-Commerce Design Tips For Big Results </span><span class="icons-wrapper ms-2 inline-flex min-h-2.5 min-w-2.5 items-center justify-center"><span class="icon icon-before flex items-center justify-center"><svg data-icon="true" class="h-6 w-6"  width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
312  <path d="M2 11L11.2 1.8M12 11V1H2" stroke="#0A0C00" stroke-width="2" stroke-linecap="square" />
313</svg>
314  </span><span class="icon icon-after flex items-center justify-center" aria-hidden="true"><svg data-icon="true" class="h-6 w-6"  width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
315  <path d="M2 11L11.2 1.8M12 11V1H2" stroke="#0A0C00" stroke-width="2" stroke-linecap="square" />
316</svg>
317  </span></span></a></div></article><article class="group text-text-default bg-white"><div class="relative flex items-center justify-center overflow-hidden"><img src="/_astro/3.Cb7bD3Qp_Z1WwKWC.webp" srcset="/_astro/3.Cb7bD3Qp_Z1WwKWC.webp 600w, /_astro/3.Cb7bD3Qp_Z1DDVEl.webp 640w, /_astro/3.Cb7bD3Qp_OoDIS.webp 750w, /_astro/3.Cb7bD3Qp_1QJYwR.webp 828w" alt="Image related to everything you should know about return" loading="lazy" decoding="async" sizes="(min-width: 600px) 600px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="600" height="600" class="min-w-full object-cover transition duration-500 group-hover:scale-105 h-87.5!"><a data-post-link class="absolute inset-0 z-30" href="/blog/post-10/" title="Learn more about everything you should know about return"></a></div><div><div class="font-primary mt-6 mb-2 flex flex-wrap items-center gap-x-2.5 gap-y-px pb-3"><span>Jun 15, 2022</span><span class="inline-block h-1 w-1 rounded-full bg-theme-dark"></span><a href="/blog/category/innovation/">Innovation</a></div><h2 class="text-h4-sm md:text-h5 mt-2 mb-6 w-full font-medium text-inherit"><a href="/blog/post-10/" data-post-link class="inline-block" title="Learn more about everything you should know about return">Everything You Should Know About Return
318</a></h2><a class="btn btn-text btn-text-primary has-icon-moving-animation no-underline text-base-sm border-inherit text-inherit uppercase md:text-base border-border-dark" href="/blog/post-10/" data-post-link="true">Read More<span class="sr-only">Everything You Should Know About Return</span><span class="icons-wrapper ms-2 inline-flex min-h-2.5 min-w-2.5 items-center justify-center"><span class="icon icon-before flex items-center justify-center"><svg data-icon="true" class="h-6 w-6"  width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
319  <path d="M2 11L11.2 1.8M12 11V1H2" stroke="#0A0C00" stroke-width="2" stroke-linecap="square" />
320</svg>
321  </span><span class="icon icon-after flex items-center justify-center" aria-hidden="true"><svg data-icon="true" class="h-6 w-6"  width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
322  <path d="M2 11L11.2 1.8M12 11V1H2" stroke="#0A0C00" stroke-width="2" stroke-linecap="square" />
323</svg>
324  </span></span></a></div></article> </div> </div> </div> </section> <section class="cta-section mt-auto"> <div class="relative bg-theme-light pt-24 pb-6 lg:pt-32 lg:pb-24"> <div class="container grid gap-x-20 gap-y-5 xl:gap-x-10 lg:grid-cols-2 lg:place-items-center lg:gap-y-20"> <div class="max-w-3xl"> <h2 class="text-display-6 xs:text-display-5 md:text-display-4 xl:text-display-3 mx-auto">Let’s Work Together</h2> </div> <div class="space-y-10 max-w-lg"> <div class="text-lg"><p>We are digital agency that helps businesses develop immersive and engaging user experiences</p>
325</div> <a class="btn creative-hover-anim btn-primary uppercase effect-color-accent" href="/contact/">Let’s Talk with us<span class="hover-bg"></span></a> </div> </div> </div> </section>  </main> <footer class="bg-theme-light"> <div class="container py-6"> <nav aria-label="Footer"> <div class="font-secondary text-dark flex flex-wrap justify-between gap-x-10 gap-y-6 border-y-2 border-black py-6 text-sm font-medium"> <ul class="flex flex-wrap gap-x-8 gap-y-2 uppercase md:flex-nowrap"> <li> <a class="transition duration-300 hover:opacity-70" href="/about/">About Company</a> </li><li> <a class="transition duration-300 hover:opacity-70" href="/">Our Careers</a> </li><li> <a class="transition duration-300 hover:opacity-70" href="/services/">Services</a> </li><li> <a class="transition duration-300 hover:opacity-70" href="/contact/">Contact</a> </li> </ul><ul class="flex flex-wrap gap-x-8 gap-y-2 uppercase md:flex-nowrap"> <li> <a class="transition duration-300 hover:opacity-70" href="/privacy-policy/">Privacy policy</a> </li><li> <a class="transition duration-300 hover:opacity-70" href="/terms-conditions/">Terms & conditions</a> </li> </ul> </div> </nav> <div class="flex flex-wrap items-center justify-between gap-x-8 gap-y-6 pt-6">
325 <ul class="flex flex-wrap items-center gap-4 gap-5"><li><a aria-label="facebook" href="https://www.facebook.com/looka" target="_blank" rel="noopener noreferrer nofollow" class="group relative flex items-center justify-center transition duration-300"><span class="sr-only">facebook</span><svg data-icon="true" class="has-inherited-colors relative z-10 transition duration-300 h-6 w-6"  width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
326<g clip-path="url(#clip0_1299_11302)">
327<rect width="25" height="25" fill="url(#paint0_linear_1299_11302)" fill-opacity="0.02"/>
328<path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 12.567C0.5 18.533 4.833 23.494 10.5 24.5V15.833H7.5V12.5H10.5V9.833C10.5 6.833 12.433 5.167 15.167 5.167C16.033 5.167 16.967 5.3 17.833 5.433V8.5H16.3C14.833 8.5 14.5 9.233 14.5 10.167V12.5H17.7L17.167 15.833H14.5V24.5C20.167 23.494 24.5 18.534 24.5 12.567C24.5 5.93 19.1 0.5 12.5 0.5C5.9 0.5 0.5 5.93 0.5 12.567Z" fill="#F9FBFF"/>
329</g>
330<defs>
331<linearGradient id="paint0_linear_1299_11302" x1="12.5" y1="0" x2="12.5" y2="25" gradientUnits="userSpaceOnUse">
332<stop stop-color="white"/>
333<stop offset="1" stop-color="white" stop-opacity="0"/>
334</linearGradient>
335<clipPath id="clip0_1299_11302">
336<rect width="25" height="25" fill="white"/>
337</clipPath>
338</defs>
339</svg>
340</a></li><li><a aria-label="instagram" href="https://www.instagram.com/looka" target="_blank" rel="noopener noreferrer nofollow" class="group relative flex items-center justify-center transition duration-300"><span class="sr-only">instagram</span><svg data-icon="true" class="has-inherited-colors relative z-10 transition duration-300 h-6 w-6"  width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
341  <path
342    d="M13.5682 2.08008C14.74 2.0832 15.3348 2.08945 15.8484 2.10404L16.0505 2.11133C16.2838 2.11966 16.514 2.13008 16.7921 2.14258C17.9005 2.19466 18.6567 2.36966 19.3203 2.62695C20.0078 2.89154 20.5869 3.24987 21.1661 3.82799C21.696 4.34855 22.1059 4.97849 22.3671 5.67383C22.6244 6.33737 22.7994 7.09362 22.8515 8.20299C22.864 8.48008 22.8744 8.71029 22.8828 8.94466L22.889 9.14674C22.9046 9.65924 22.9109 10.254 22.913 11.4259L22.914 12.203V13.5676C22.9165 14.3274 22.9086 15.0872 22.89 15.8467L22.8838 16.0488C22.8755 16.2832 22.865 16.5134 22.8525 16.7905C22.8005 17.8999 22.6234 18.6551 22.3671 19.3197C22.1059 20.015 21.696 20.6449 21.1661 21.1655C20.6455 21.6954 20.0156 22.1053 19.3203 22.3665C18.6567 22.6238 17.9005 22.7988 16.7921 22.8509L16.0505 22.8822L15.8484 22.8884C15.3348 22.903 14.74 22.9103 13.5682 22.9124L12.7911 22.9134H11.4275C10.6674 22.9161 9.90726 22.9081 9.14734 22.8895L8.94525 22.8832C8.69797 22.8738 8.45075 22.8631 8.20359 22.8509C7.09525 22.7988 6.339 22.6238 5.67442 22.3665C4.97945 22.1051 4.34988 21.6953 3.82963 21.1655C3.29936 20.645 2.88912 20.0151 2.62755 19.3197C2.37025 18.6561 2.19525 17.8999 2.14317 16.7905L2.11192 16.0488L2.10671 15.8467C2.08751 15.0872 2.07883 14.3274 2.08067 13.5676V11.4259C2.07779 10.6661 2.08543 9.90632 2.10359 9.14674L2.11088 8.94466C2.11921 8.71029 2.12963 8.48008 2.14213 8.20299C2.19421 7.09362 2.36921 6.33841 2.6265 5.67383C2.88869 4.9782 3.29965 4.34824 3.83067 3.82799C4.35062 3.29836 4.97982 2.88849 5.67442 2.62695C6.339 2.36966 7.09421 2.19466 8.20359 2.14258C8.48067 2.13008 8.71192 2.11966 8.94525 2.11133L9.14734 2.10508C9.90691 2.08657 10.6667 2.07858 11.4265 2.08112L13.5682 2.08008ZM12.4973 7.28841C11.116 7.28841 9.79124 7.83714 8.81449 8.8139C7.83774 9.79065 7.289 11.1154 7.289 12.4967C7.289 13.8781 7.83774 15.2028 8.81449 16.1796C9.79124 17.1563 11.116 17.7051 12.4973 17.7051C13.8787 17.7051 15.2034 17.1563 16.1802 16.1796C17.1569 
34215.2028 17.7057 13.8781 17.7057 12.4967C17.7057 11.1154 17.1569 9.79065 16.1802 8.8139C15.2034 7.83714 13.8787 7.28841 12.4973 7.28841ZM12.4973 9.37174C12.9077 9.37168 13.3141 9.45244 13.6933 9.60942C14.0724 9.7664 14.417 9.99653 14.7072 10.2867C14.9974 10.5768 15.2277 10.9213 15.3848 11.3004C15.5419 11.6795 15.6228 12.0858 15.6229 12.4962C15.6229 12.9066 15.5422 13.313 15.3852 13.6921C15.2282 14.0713 14.9981 14.4159 14.7079 14.7061C14.4178 14.9963 14.0733 15.2266 13.6942 15.3837C13.3151 15.5408 12.9088 15.6217 12.4984 15.6217C11.6696 15.6217 10.8747 15.2925 10.2887 14.7065C9.70262 14.1204 9.37338 13.3255 9.37338 12.4967C9.37338 11.6679 9.70262 10.8731 10.2887 10.287C10.8747 9.70098 11.6696 9.37174 12.4984 9.37174M17.9671 5.72591C17.6218 5.72591 17.2906 5.86309 17.0464 6.10728C16.8022 6.35147 16.665 6.68266 16.665 7.02799C16.665 7.37333 16.8022 7.70452 17.0464 7.94871C17.2906 8.19289 17.6218 8.33008 17.9671 8.33008C18.3125 8.33008 18.6437 8.19289 18.8878 7.94871C19.132 7.70452 19.2692 7.37333 19.2692 7.02799C19.2692 6.68266 19.132 6.35147 18.8878 6.10728C18.6437 5.86309 18.3125 5.72591 17.9671 5.72591Z"
343    fill="#fff" />
344</svg></a></li><li><a aria-label="linkedin" href="https://www.linkedin.com/looka" target="_blank" rel="noopener noreferrer nofollow" class="group relative flex items-center justify-center transition duration-300"><span class="sr-only">linkedin</span><svg data-icon="true" class="has-inherited-colors relative z-10 transition duration-300 h-6 w-6"  width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
345<rect width="25" height="25" fill="url(#paint0_linear_1299_11300)" fill-opacity="0.02"/>
346<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 3.338C1.5 2.85053 1.69365 2.38303 2.03834 2.03834C2.38303 1.69365 2.85053 1.5 3.338 1.5H21.66C21.9016 1.49961 22.1409 1.54687 22.3641 1.63907C22.5874 1.73127 22.7903 1.86661 22.9612 2.03734C23.1322 2.20807 23.2677 2.41083 23.3602 2.63401C23.4526 2.8572 23.5001 3.09643 23.5 3.338V21.66C23.5003 21.9016 23.4529 22.1409 23.3606 22.3642C23.2683 22.5875 23.1328 22.7904 22.962 22.9613C22.7912 23.1322 22.5884 23.2678 22.3651 23.3602C22.1419 23.4526 21.9026 23.5001 21.661 23.5H3.338C3.09655 23.5 2.85746 23.4524 2.6344 23.36C2.41134 23.2676 2.20867 23.1321 2.03798 22.9613C1.8673 22.7905 1.73193 22.5878 1.63962 22.3647C1.54731 22.1416 1.49987 21.9025 1.5 21.661V3.338ZM10.208 9.888H13.187V11.384C13.617 10.524 14.717 9.75 16.37 9.75C19.539 9.75 20.29 11.463 20.29 14.606V20.428H17.083V15.322C17.083 13.532 16.653 12.522 15.561 12.522C14.046 12.522 13.416 13.611 13.416 15.322V20.428H10.208V9.888ZM4.708 20.291H7.916V9.75H4.708V20.29V20.291ZM8.375 6.312C8.38105 6.58667 8.33217 6.85979 8.23124 7.11532C8.13031 7.37084 7.97935 7.60364 7.78723 7.80003C7.59511 7.99643 7.3657 8.15248 7.11246 8.25901C6.85921 8.36554 6.58724 8.42042 6.3125 8.42042C6.03776 8.42042 5.76579 8.36554 5.51255 8.25901C5.2593 8.15248 5.02989 7.99643 4.83777 7.80003C4.64565 7.60364 4.49469 7.37084 4.39376 7.11532C4.29283 6.85979 4.24395 6.58667 4.25 6.312C4.26187 5.77286 4.48439 5.25979 4.86989 4.88269C5.25539 4.50558 5.77322 4.29442 6.3125 4.29442C6.85178 4.29442 7.36961 4.50558 7.75512 4.88269C8.14062 5.25979 8.36313 5.77286 8.375 6.312V6.312Z" fill="#F9FBFF"/>
347<defs>
348<linearGradient id="paint0_linear_1299_11300" x1="12.5" y1="0" x2="12.5" y2="25" gradientUnits="userSpaceOnUse">
349<stop stop-color="white"/>
350<stop offset="1" stop-color="white" stop-opacity="0"/>
351</linearGradient>
352</defs>
353</svg>
354</a></li></ul><span class="sr-only">gats-fogatslex</span> <ul class="has-list has-list-slash prose-a:text-inherit flex flex-wrap gap-y-2"> <li class="prose-a:text-text-default/70 prose-a:hover:text-text-default"> <span>Copyright © 2026 Folex</span> </li><li class="prose-a:text-text-default/70 prose-a:hover:text-text-default"> <span>Theme By <a href="https://getastrothemes.com/" target="_blank" rel="noopener">Getastrothemes</a></span> </li> </ul> </div> </div> </footer> <div id="action-buttons" class="pointer-events-none fixed right-0 bottom-5 z-100 flex flex-col space-y-2 rounded-lg bg-white p-2 text-center opacity-0 transition-all duration-300 [&.scroll-down]:pointer-events-auto [&.scroll-down]:right-5 [&.scroll-down]:opacity-100"> <a rel="noopener noreferrer" target="_blank" class="btn btn-primary text-flip-hover-anim" href="https://getastrothemes.com/astro-themes/folex/?initiate-checkout=true" id="buy-now-folex" data-umami-event="buy-now-folex"><span class="text-flip-inner" data-content="Buy Now">Buy Now</span></a> <a rel="noopener noreferrer" target="_blank" class="btn btn-outline btn-outline-primary text-flip-hover-anim" href="https://getastrothemes.com/astro-themes/folex/" id="buy-now-folex" data-umami-event="buy-now-folex"><span class="text-flip-inner" data-content="Theme Details">Theme Details</span></a> </div> 
354<script type="module">function c(){try{return window.self!==window.top}catch{return!0}}if(!c()){const t=document.getElementById("action-buttons");t&&(t.classList.remove("hidden"),window.addEventListener("scroll",()=>{const o=window.scrollY,e=window.innerHeight,r=document.documentElement.scrollHeight-(o+e);o>=500&&t.classList.add("scroll-down"),(o<=500||r<=100)&&t.classList.remove("scroll-down")}),(()=>{const o="checkout-ref";let e=localStorage.getItem(o);e||(e=document.referrer||"direct",e&&localStorage.setItem(o,e)),e&&t.querySelectorAll("a").forEach(n=>{const r=n.href.includes("?")?"&":"?";n.href+=`${r}utm_source=${encodeURIComponent(e)}`})})())}</script>
354 
354<script type="module" src="/_astro/GlobalScripts.astro_astro_type_script_index_0_lang.DHwgtgST.js"></script>
354  </body></html>

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.