PageSourceSearch

https://www.filliboya.com/

html filliboya.com collected 2026-10-04 20:54:01 UTC 162,498 bytes, 2,789 lines download raw bytes

1
2<!doctype html>
3<html lang="tr">
4  <head>
5    <base href="/">
6    <meta charset="utf-8">
7    <meta name="viewport" content="width=device-width, initial-scale=1">
8    
9    
9<script>
10      window.fbCdn = function (src, opts) {
11        src = (src == null ? '' : String(src)).trim();
12        if (!src) { return ''; }
13        // Mutlak URL (Cloudinary vb.) cdn-cgi icine SARILMAZ — 403 veriyor.
14        if (/^(https?:)?\/\//i.test(src)) { return src; }
15        src = src.replace(/^(\.\.?\/)+/, '').replace(/^\/+/, '');
16        return '/cdn-cgi/image/' + (opts ? opts + ',' : '') + 'f=auto/' + src;
17      };
18    </script>
18
19    
20    
20<script src="https://bundles.efilli.com/filliboya.com.prod.js" defer></script>
20
21    <link rel="canonical" href="https://www.filliboya.com/" />
vendor: 74 bytes, lines 21-22
21
22    <script async defer src="https://www.googletagmanager.com/gtag/js?id=
22DC-10801107
vendor: 16 bytes, lines 22-23
22"></script>
23    
23<script>
24      
vendor: 152 bytes, lines 24-28
24window.dataLayer = window.dataLayer || [];
25      function gtag(){dataLayer.push(arguments);}
26      gtag('js', new Date());
27      
28      gtag('config', '
28DC-10801107
vendor: 23 bytes, lines 28-32
28');
29      
30      
31
32    
32</script>
32
33
34    <!-- Google Tag Manager -->
35    
35<script>
vendor: 439 bytes, lines 35-39
35(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
36                                                          new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
37          j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
38            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
39                                })(window,document,'script','dataLayer','
39GTM-PG3KRXJ
vendor: 3 bytes, line 39
39');
39</script>
39
40    <!-- End Google Tag Manager -->
41
42
43    <link rel="apple-touch-icon" sizes="57x57" href="fav/apple-icon-57x57.png">
44    <link rel="apple-touch-icon" sizes="60x60" href="fav/apple-icon-60x60.png">
45    <link rel="apple-touch-icon" sizes="72x72" href="fav/apple-icon-72x72.png">
46    <link rel="apple-touch-icon" sizes="76x76" href="fav/apple-icon-76x76.png">
47    <link rel="apple-touch-icon" sizes="114x114" href="fav/apple-icon-114x114.png">
48    <link rel="apple-touch-icon" sizes="120x120" href="fav/apple-icon-120x120.png">
49    <link rel="apple-touch-icon" sizes="144x144" href="fav/apple-icon-144x144.png">
50    <link rel="apple-touch-icon" sizes="152x152" href="fav/apple-icon-152x152.png">
51    <link rel="apple-touch-icon" sizes="180x180" href="fav/apple-icon-180x180.png">
52    <link rel="icon" type="image/png" sizes="192x192"  href="fav/android-icon-192x192.png">
53    <link rel="icon" type="image/png" sizes="32x32" href="fav/favicon-32x32.png">
54    <link rel="icon" type="image/png" sizes="96x96" href="fav/favicon-96x96.png">
55    <link rel="icon" type="image/png" sizes="16x16" href="fav/favicon-16x16.png">
56    <meta name="msapplication-TileColor" content="#ffffff">
57    <meta name="msapplication-TileImage" content="fav/ms-icon-144x144.png">
58    <meta name="theme-color" content="#ffffff">
59    
60
61    <link rel="preload" href="assets/css/bootstrap.min.css?v=0.00001" rel="stylesheet" as="style" onload="this.onload=null;this.rel='stylesheet'">
62
63    <link rel="preload" href="assets/css/style.css?v=0.11268" as="style" onload="this.onload=null;this.rel='stylesheet'">
64    <link rel="preload" href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
65    <link rel="preload" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
66    <link rel="preload" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
67    <link rel="preload" href="assets/css/menu.css?v=0.112" as="style" onload="this.onload=null;this.rel='stylesheet'">
68
69    
70    <noscript>
71      <link rel="stylesheet" href="assets/css/style.css?v=0.11268">
72      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css">
73      <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css">
74      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
75      <link rel="stylesheet" href="assets/css/menu.css?v=0.112">
76    </noscript>
77
78    <title>Filli Boya | İç ve Dış Cephe Boyaları, Renkler ve Fikirler</title>
79    <meta content="Filli Boya ile iç ve dış cephe boyalarını, zengin renk kartelasını ve dekorasyon fikirlerini keşfedin. Size en uygun boyayı ve rengi hemen bulun." name="description" />
80
81    <meta property="og:type" content="website" />
82    <meta property="og:title" content="Filli Boya | İç ve Dış Cephe Boyaları, Renkler ve Fikirler" />
83    <meta property="og:description" content="Filli Boya ile iç ve dış cephe boyalarını, zengin renk kartelasını ve dekorasyon fikirlerini keşfedin. Size en uygun boyayı ve rengi hemen bulun." />
84    <meta property="og:image" content="https://www.filliboya.com/uploads/filliboya-x.jpg" />
85    <meta property="og:image:width" content="1200" />
86    <meta property="og:image:height" content="630" />
87    <meta property="og:url" content="https://www.filliboya.com/" />
88    <meta property="og:site_name" content="Filli Boya" />
89    <meta property="og:locale" content="tr_TR" />
90    
91    
92    <meta name="twitter:card" content="summary_large_image" />
93    <meta name="twitter:site" content="@filliboya" />
94    <meta name="twitter:title" content="Filli Boya | İç ve Dış Cephe Boyaları, Renkler ve Fikirler" />
95    <meta name="twitter:description" content="Filli Boya ile iç ve dış cephe boyalarını, zengin renk kartelasını ve dekorasyon fikirlerini keşfedin. Size en uygun boyayı ve rengi hemen bulun." />
96    <meta name="twitter:image" content="https://www.filliboya.com/uploads/filliboya-x.jpg" />
97    <meta name="twitter:url" content="https://www.filliboya.com/" />
98    <meta name="robots" content="max-image-preview:large">
99
100    
101    <link rel="preconnect" href="https://pro.fontawesome.com" crossorigin>
102    <link rel="preconnect" href="https://fonts.googleapis.com">
103    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
104    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=optional" as="style" onload="this.onload=null;this.rel='stylesheet'">
105    <noscript>
106      <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=optional">
107    </noscript>
108
109
110    <style>
111      
112      #product-detail-slider .main-slide img{aspect-ratio:1/1;width:100%;height:auto;display:block}
113
114      @media(min-width:290px) and (max-width:410px){
115        .animated-icon2 span:nth-child(1), .animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3),.animated-icon2 span:nth-child(4) {
116          transform: scale(0.8)
117        }
118        .img-fluid{width:100%;height:auto!important}
119      }
120      .main-back-wrapper{position:fixed;left:0;width:100vw;height:100vh;z-index:99;display:none}
121      .side-bar{position:fixed;right:0px;height:100vh;width:310px;background:#fff;z-index:10001;transform:translateX(310px);transition: all 500ms;}
122      .side-bar .bar-cart-list{max-height:90vh;overflow:auto;width:90%;margin:0px auto;min-height:200px}
123
124      .animated-icon1, .animated-icon2, .animated-icon3 { width: 30px; height: 20px; margin-top: 5px; margin-left: 25px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
125      .animated-icon1 span, .animated-icon2 span, .animated-icon3 span { display: block; position: absolute; height: 3px; width: 100%; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
126      .animated-icon2 span { background: #212529; height: 1px; }
127      .animated-icon2 span:nth-child(1) { top: 0px; }
128      .animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) { top: 10px; }
129      .animated-icon2 span:nth-child(4) {top: 20px;}
130      .animated-icon2.open span:nth-child(1) {top: 11px; width: 0%; left: 50%; }
131      .animated-icon2.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
132      .animated-icon2.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
133      .animated-icon2.open span:nth-child(4) { top: 11px; width: 0%; left: 50%; }
134      .navbar, .navbar-nav li{position:unset}
135      .navbar-expand-lg .navbar-nav .dropdown-menu{top:unset;left:0px}
136      .dropdown-toggle.show{border-bottom:3px solid #444;margin-top:2px}
137      .menu-second li a{padding-top:4px;padding-bottom:4px}
138      .menu-second{font-size:14px}
139      .navbar-nav .dropdown-menu{    box-shadow: 0px 20px 24px rgb(0 0 0 / 20%);    border: 0px;    border-radius: 0px;}
140      .sc-message--content.sent .sc-message--text p{color:#fff}
141      .hover-black:hover{background:#222;color:#fff!important}
142      a.menu-link.menu-list-link,a.menu-link.mega-menu-link{padding:15px 0px}
143      @media(max-width:992px){
144        .menu-wrapper-new{ max-height: calc(100vh - 70px); overflow: auto; }
145      }
146      @media (-webkit-device-pixel-ratio: 1.25) {
147        html {  zoom: 0.90; }
148      }
149      @media (-webkit-device-pixel-ratio: 1.50) {
150        html {  zoom: 0.75; }
151      }
152      @media(min-width:1640px){ .main-menu-wrapper{max-width:1320px} }
153      .modal-backdrop{width:100%!important;height:100%!important}
154      .ratings { list-style-type: none; margin: 0; padding: 0; width: 100%; direction: rtl; text-align: left; }
155      .star { position: relative; line-height: 60px; display: inline-block; transition: color 0.2s ease; color: #ebebeb; }
156      .star:before { content: '\2605'; width: 60px; height: 60px; font-size: 30px; }
157      .star:hover,
158      .star.selected,
159      .star:hover ~ .star,
160      .star.selected ~ .star{ transition: color 0.8s ease; color: black; }
161      span.comment-count { border-radius: 50%; width: 18px; height: 18px; position: absolute; line-height: 18px; font-size: 11px; background: red; color: #fff; margin-left: 3px; border: 0px; }
162      .extra_info{max-height:40px;overflow:hidden}
163      .extra_info.open{max-height:none}
164      .show_extra_info {cursor:pointer}
165      .sharethis-inline-share-buttons{position:relative;z-index:0!important}
166      @media (max-width: 1399.98px){
167        .efilli-component-banner .banner {
168          width: 99% !important;
169        }
170      }
171      .ustam-thumb-side{ width: 300px;    position: fixed;    right: 0;    bottom: 160px; cursor:pointer; transform: translateX(110%)}
172      .ustam-thumb-side .close{font-size: 20px;    color: #fff;    line-height: 30px;    padding: 0;    border-radius: 50%;    font-weight: 300;    border: 2px solid #fff;    box-shadow: 0 0 5px #444;    opacity: 1;    background-color: #1700dd;    width: 40px;    height: 40px;    right: 0px;    position: absolute;    top: -20px;    z-index: 9;    font-family: Verdana;}
173      .ustam-thumb-side.show{transform: translateX(0); transition: transform 500ms;}
174      .modal .painter-close {
175        font-size: 20px; color: #fff; line-height: 30px; padding: 0; border-radius: 50%; font-weight: 300; border: 2px solid #fff; box-shadow: 0 0 5px #444; opacity: 1; background-color: #1700dd; width: 40px; height: 40px; right: 25px; position: absolute; top: 40px; z-index: 9; font-family: Verdana;
176      }
177      @media(max-width:1280px){
178        .ustam-modal img{max-width:80vw!important}
179        .modal .painter-close {top:10px}
180        .ustam-thumb-side{width:180px}
181      }
182      .prd-title{font-family:Roboto, sans-serif}
183      .modal{z-index:10000!important}
184      .breadcrumb-item.active span{border:0px}
185      .breadcrumb-item.active span:hover{background:transparent;color:#212529}
186
187      .color-badge {
188        display: inline-flex;
189        align-items: center;
190        padding: 8px 24px 8px 12px;
191        border: 1px solid #d1d5db;
192        border-radius: 50px;
193        background-color: #fff;
194        transition: all 0.25s ease-in-out;
195        min-width: 155px;
196        text-decoration: none; 
197        color: inherit; 
198      }
199
200
201      .color-badge:hover {
202        border-color: #6b7280;
203        background-color: #f3f4f6;
204        transform: translateY(-2px); 
205        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
206        color: #111827;
207      }
208
209      .color-circle {
210        width: 35px;
211        height: 35px;
212        border-radius: 50%;
213        margin-right: 15px;
214        display: inline-block;
215        flex-shrink: 0;
216        border: 1px solid rgba(0,0,0,0.05); 
217      }
218
219      .color-name {
220        font-size: 13px;
221        font-weight: 500;
222      }
223
224      
225      .splide.main:not(.is-initialized) .splide__list { display: block; }
226      .splide.main:not(.is-initialized) .splide__slide { width: 100%; }
227      .splide.main:not(.is-initialized) .splide__slide:not(:first-child) { display: none; }
228
229      
230      .result-list:not(.is-filled) { min-height: 100vh; }
231
232      
233      .price-note {
234        font-size: 12px;
235        line-height: 1.45;
236        color: #6b6b6b;
237        margin: 6px 0 0;
238      }
239      .price-note.list-level { margin: 16px 12px 0; }
240    </style>
241    <link rel="stylesheet" href="assets/css/mendo.css?v=0.1197">
242
243    <!-- Meta Pixel Code -->
244    
244<script defer>
vendor: 492 bytes, lines 244-253
244
245      !function(f,b,e,v,n,t,s)
246      {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
247        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
248       if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
249       n.queue=[];t=b.createElement(e);t.async=!0;
250       t.src=v;s=b.getElementsByTagName(e)[0];
251       s.parentNode.insertBefore(t,s)}(window, document,'script',
252                                       'https://connect.facebook.net/en_US/fbevents.js');
253      fbq('init', '
2531566892447552183
vendor: 40 bytes, lines 253-255
253');
254      fbq('track', 'PageView');
255    
255</script>
255
256    <noscript><img height="1" width="1" style="display:none"
257                   src="https://www.facebook.com/tr?id=1566892447552183&ev=PageView&noscript=1"
258                   /></noscript>
259    <!-- End Meta Pixel Code -->
260    
261    
261<script src="https://app.opttab.com/js/axp-embed.js?t=ozXRUOTxy3sX1NdBp7Ijh6BOOvoV2PkUscLQ2yZvXrocWfI4" async></script>
261
262    
263  </head>
264  <body>
265
266    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 266-267
266
267    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
267GTM-PG3KRXJ
vendor: 109 bytes, lines 267-269
267"
268                      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
269    
269<!-- End Google Tag Manager (noscript) -->
270
271
272
273    <div class='search-wrapper' style='display:none'>
274      <div class='container'>
275        <div class='d-flex'>
276          <img class='my-auto pt-4' style="width:30px" src="./uploads/search-icon.svg" width="28" height="28">
277          <input type='text' class='search mx-4 w-100 xs-fs-18' placeholder='Aradığınız rengi ya da ürünü yazın'>
278          <img src="./uploads/close-icon.png" class='search-close hidden-xs my-auto pt-4 cursor-pointer' width="21" height="21">
279        </div>
280        <div class='ps-4 ms-4 mt-2'>
281          <span class="badge bg-secondary pre-search cursor-pointer" data-title='Silan'>Silan</span>
282          <span class="badge bg-secondary pre-search cursor-pointer" data-title='Kahverengi'>Kahverengi</span>
283          <span class="badge bg-secondary pre-search cursor-pointer" data-title='Beyaz'>Beyaz</span>
284          <span class="badge bg-secondary pre-search cursor-pointer" data-title='Lületaşı'>Lületaşı</span>
285        </div>
286        <div class='results container pt-4' style='height:90vh;overflow:auto'>
287          <div class='row'>
288          </div>
289        </div>
290      </div>
291    </div>
292
293    <div class="container-fluid bg-white border-bottom position-fixed" style="top:0px;z-index:9">
294      
295      <div class="container-fluid main-menu-wrapper">
296        <div class="row">
297          <div class="col-6 col-lg-1 d-flex align-items-center">
298            <a href="/" class="py-3">
299              <img src="./uploads/filli-logo.png" class="main-logo mt-lg-0" alt="Filli Boya" width="270" height="183">
300            </a>
301          </div>
302          <div class="col-6 col-lg-2 order-lg-2 d-flex align-items-center justify-content-end">
303            <ul class="d-flex list-group list-group-horizontal">
304              <li class="text-center p-0 list-group-item border-0 bg-transparent me-3 my-auto">
305                <div class='search-icon cursor-pointer'>
306                  
307                  <i class="fal fa-search text-black fs-20"></i>
308                </div>
309              </li>
310              <li class="text-center p-0 list-group-item border-0 bg-transparent me-3 my-auto">
311                <a href='giris-yap' class='text-decoration-none'>
312                  
313                  <i class="fal fa-user text-black fs-20"></i>
314                </a>
315                
316              </li>
317              <li class="text-center p-0 list-group-item border-0 bg-transparent me-3 my-auto">
318                <a href="/favori-listelerim">
319                  <i class="fal fa-heart text-black fs-20"></i>
320                  
321                </a>
322              </li>
323              <li class="text-center p-0 list-group-item border-0 d-block d-lg-block bg-transparent position-relative me-2 me-md-3 my-auto">
324                <a class="cursor-pointer show-cart">
325                  <div class='position-absolute bg-danger d-none cart-count'></div>
326                  
327                  <i class="fal fa-shopping-cart text-black fs-20"></i>
328                </a>
329              </li>
330              <li class="text-center p-0 list-group-item border-0 d-block d-lg-none bg-transparent my-auto">
331                <button class="main-nav-trigger p-0 second-button" type="button" href="javascript:void(0);">
332                  <div class="animated-icon2 ms-2"><span></span><span></span><span></span><span></span></div>
333                </button>
334                <span class='d-none d-sm-inline-block ms-2 fw-bold' style='float:right;margin-top:7px'>MENÜ</span>
335              </li>
336            </ul>
337          </div>
338          <div class="col-12 col-lg-9 order-lg-1 text-start text-md-center text-lg-center text-xl-ce
338nter menu-wrapper-new">
339            <nav class="navbar navbar-expand-xl navbar-light w-100 py-0 py-md-3">
340              <div class="container-fluid p-0">
341                <div class="h-100 w-100" id="navbarScroll">
342  <div class='d-flex flex-column h-100 w-100'>
343    <nav role="navigation" class="main-nav-wrap my-auto">
344      <ul class="main-nav">
345        <li class="has-subnav">
346          <a href="/renkler" class="has-subnav-link">Renkler</a>
347          <ul class="main-dropdown subnav">
348            <li class="" data-nav="1">
349              <a href="/renkler/2026-yilin-renkleri" class="subnav-header border-none">2026 Yılın Renkleri</a>
350            </li>                            
351            <li class="" data-nav="1">
352              <a href="/renkler/2025-yilin-renkleri" class="subnav-header border-none">2025 Yılın Renkleri</a>
353            </li>
354            <li class="" data-nav="1">
355              <a href="/renkler/2024-yilin-renkleri" class="subnav-header border-none">2024 Yılın Renkleri</a>
356            </li>
357            <li class="" data-nav="1">
358              <a href="/renkler/2023-yilin-renkleri" class="subnav-header border-none">2023 Yılın Renkleri</a>
359            </li>
360            <li class="" data-nav="1">
361              <a href="/renkler/2022-yilin-renkleri" class="subnav-header border-none">2022 Yılın Renkleri</a>
362            </li>
363            <li class="" data-nav="1">
364              <a href="/renkler/ic-cephe-renkleri" class="subnav-header border-none">İç Cephe Renkleri</a>
365            </li>
366            <li class="" data-nav="1">
367              <a href="/renkler/dis-cephe-renkleri" class="subnav-header border-none">Dış Cephe Renkleri</a>
368            </li>
369
370            <li class="" data-nav="1">
371              <a href="/renkler/kartelalar" class="subnav-header border-none">İndirilebilir Kartelalar</a>
372            </li>
373            <li class="" data-nav="1">
374              <a href="/renkler/filli-boya-i-colour" class="subnav-header ">Filli Boya i-Colour</a>
375            </li>
376
377
378
379            <li class="has-subnav" data-nav="1" style="margin-top:20px;">
380              <a href="/renkler/uygulama-alanina-gore-boyalar" class="has-subnav-link subnav-header">Uygulama Alanına Göre Duvar Boyaları</a>
381              <ul class="subnav">
382
383                <li><a href="/renkler/ic-cephe-renkleri/mutfak">Mutfak Boyaları</a></li>
384                <li><a href="/renkler/ic-cephe-renkleri/salon">Salon Boyaları</a></li>
385                <li><a href="/renkler/ic-cephe-renkleri/yatak-odasi">Yatak Odası Boyaları</a></li>
386
387                <li><a href="/renkler/ic-cephe-renkleri/ofis">Çalışma Odası Boyaları</a></li>
388                <li><a href="/renkler/ic-cephe-renkleri/cocuk-odasi">Çocuk Odası Boyaları</a></li>
389              </ul>
390            </li>
391            <li class="has-subnav" data-nav="2">
392              <a href="/renkler/renklere-gore-duvar-boyalari" class="has-subnav-link subnav-header">Renklere Göre Duvar Boyaları</a>
393              <ul class="subnav">
394                <li><a href="/renkler/renklere-gore-duvar-boyalari/beyaz-boya">Beyaz Boya</a></li>
395                <li><a href="/renkler/renklere-gore-duvar-boyalari/kahverengi-boya">Kahverengi Boya</a></li>
396                <li><a href="/renkler/renklere-gore-duvar-boyalari/kirmizi-boya">Kırmızı Boya</a></li>
397                <li><a href="/renkler/renklere-gore-duvar-boyalari/bej-boya">Bej Boya</a></li>
398                <li><a href="/renkler/renklere-gore-duvar-boyalari/mavi-boya">Mavi Boya</a></li>
399                <li><a href="/renkler/renklere-gore-duvar-boyalari/sari-boya">Sarı Boya</a></li>
400                <li><a href="/renkler/renklere-gore-duvar-boyalari/yesil-boya">Yeşil Boya</a></li>
401                <li><a href="/renkler/renklere-gore-duvar-boyalari/turuncu-boya">Turuncu Boya</a></li>
402                <li><a href="/renkler/renklere-gore-duvar-boyalari/mor-boya">Mor Boya</a></li>
403                <li><a href="/renkler/renklere-gore-duvar-boyalari/pembe-boya">Pembe Boya</a></li>
404                <li><a href="/renkler/renklere-gore-duvar-boyalari/gri-boya">Gri Boya</a></li>
405              </ul>
406            </li>
407
408            <li class="has-subnav" data-nav="3">
409              <a href="#" class="has-subnav-link subnav-header">Popüler Ara Renkler</a>
410              <ul class="subnav">
411
412                <li><a href="/renk/kum-beyazi">Kum Beyazı</a></li>
413                <li><a href="/renk/andezit-10">
413Andezit</a></li>
414                <li><a href="/renk/aydan">Aydan</a></li>
415                <li><a href="/renk/cakilli-kum">Çakıllı Kum</a></li>
416                <li><a href="/renk/luletasi">Lületaşı</a></li>
417                <li><a href="/renk/kirik-beyaz">Kırık Beyaz</a></li>
418                <li><a href="/renk/sis-bulutu">Sis Bulutu</a></li>
419                <li><a href="/renk/fildisi">Fildişi</a></li>
420                <li><a href="/renk/buz-beyazi">Buz Beyazı</a></li>
421                <li><a href="/renk/karbeyaz">Kar Beyaz</a></li>
422                <li><a href="/renk/yag-yesili">Yağ Yeşili</a></li>
423                <li><a href="/renk/sampanya">Şampanya</a></li>
424                <li><a href="/renk/bej-10">Bej</a></li>
425
426
427              </ul>
428            </li>
429
430            <li class="nav-col" data-col="1"><ul class="nav"></ul></li>
431            <li class="nav-col" data-col="2"><ul class="nav"></ul></li>
432            <li class="nav-col" data-col="3"><ul class="nav"></ul></li>
433            <li class="subnav-promo">
434              <div class="promo-body">
435                <div class='row d-flex'>
436                  <div class='col-12 col-sm-5 col-lg-12'>
437                    <a href="/renkler/2026-yilin-renkleri"><img src="/cdn-cgi/image/w=600,h=600,fit=cover,f=auto/uploads/2026-yilin-rengi-slider.png" width="294" height="294" style="width:294px;height:294px" alt="2026 Yılın Renkleri - Gerçeğe Bağlan" loading="lazy" class='img-fluid'></a>
438                  </div>
439                  <div class='col-12 col-sm-5 col-lg-12 my-auto text-center text-sm-start text-lg-center'>
440                    
441                    <span class="h4 d-block subnav-promo-header">2026 Renk Paletimiz <br>GERÇEĞE BAĞLAN</span>
442                    <p>Hadi, bir mola ver. Ve çık dışarı. Heyecana karış, hayatla yeniden canlan.<br><br>Filli Boya 2026 renkleriyle etrafını fark et, kendi dengeni yakala ve gerçeğe bağlan. </p>
443                    <a class="dark-btn px-4" href="/renkler/2026-yilin-renkleri">Keşfet</a>
444                  </div>
445                </div>
446              </div>
447            </li>
448          </ul>
449        </li>
450        <li class="has-subnav">
451          <a href="/urunler" class="has-subnav-link">Ürünler</a>
452          <ul class="main-dropdown subnav">
453            <li class="has-subnav" data-nav="1">
454              <a href="/urunler/boya" class="has-subnav-link subnav-header">Boyalar</a>
455              <ul class="subnav">
456                <li><a href="/urunler/boya/ic-cephe-boyalari">İç Cephe Boyaları</a></li>
457                <li><a href="/urunler/boya/dis-cephe-boyalari">Dış Cephe Boyaları</a></li>
458                <li><a href="/urunler/boya/ahsap-boyalari">Ahşap Boyaları</a></li>
459                <li><a href="/urunler/boya/metal-boyalari">Metal Boyaları</a></li>
460
461
462                <li><a href="/urunler/boya/tavan-boyalari">Tavan Boyaları</a></li>
463
464                <li><a href="/urunler/boya/silinebilir-boyalar">Silinebilir Boyalar</a></li>
465                <li><a href="/urunler/boya/silikonlu-boyalar">Silikonlu Boyalar</a></li>
466                <li><a href="/urunler/boya/sentetik-boyalar">Sentetik Boya</a></li>
467              </ul>
468
469            </li>
470            <li class="has-subnav" data-nav="2">
471              <a href="#" class="has-subnav-link subnav-header">Filli Boya Farkı</a>
472              <ul class="subnav">
473                <li><a href="/urunler/sagliga-duyarli-boyalar">Sağlığa Duyarlı Boyalar</a></li>
474                <li><a href="/aqua-reno">Kendine Göre Yap Dönüşüm Boyası</a></li>
475                <li><a href="/urunler/ev-bakimi-ve-hobi/afilli/afilli-multisurface-boyalar">Multisurface Boya</a></li>
476                <li><a href="/bakim-rehberi">Bakım Rehberi</a></li>
477                <li><a href="/ilham-paketi">Deneme Boyu Duvar Boyası Seti</a></li>
478
479
480              </ul>
481
482            </li>
483
484            <li class="has-subnav" data-nav="3">
485              <a href="/renkler/bitise-gore-duvar-boyalari" class="has-subnav-link subnav-header">Bitişe Göre Duvar Boyaları</a>
486              <ul class="subnav">
487                <li><a href="/renkler/bitise-gore-duvar-boyalari/mat-boyalar">Mat Boyalar</a></li>
488                <li><a href="/renkler/bitise-gore-duvar-boyalari/parlak-boyalar">Lüks Parlak Boyalar</a></li>
489                <li><a href="/renkler/bitise-gore-duvar-boyalari/dekoratif-boyalar">Dekoratif Boyalar</a></li>
490
491              </ul>
492            </li>
493
494
495
496
497            <li class="has-subnav" data-nav="3">
498              <a href="/urunler/yardimci-urunler" class="has-subnav-link subnav-header">Yardımcı Ürünler</a>
499              <ul class="subnav">
500
501                <li><a href="/urunler/yardimci-urunler/firca-urun-grubu">Boya Fırçaları</a></li>
502                <li><a href="/urunler/yardimci-urunler/rulo-urun-grubu">Boya Ruloları</a></li>
503                <li><a href="/urunler/yardimci-urunler/boya-yardimci-urunleri">Boya Yardımcı Ürünleri</a></li>
504                <li><a href="/urunler/yardimci-urunler/dolgu-urun-grubu">Dolgu Ürün Grubu</a></li>
505
506              </ul>
507            </li>
508
509
510
511            <li class="nav-col" data-col="1"><ul class="nav"></ul></li>
512            <li class="nav-col" data-col="2"><ul class="nav"></ul></li>
513            <li class="nav-col" data-col="3"><ul class="nav"></ul></li>
514            <li class="subnav-promo">
515              <div class="promo-body">
516                <a class="" href="/aqua-reno"><img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1760081299/FILLI-SLIDER/Aqua-reno-kendine-gore-yap-slider-small_kgw1wd.jpg" width="294" height="294" style="width:294px;height:294px" alt="Aqua Reno Kendine Göre Yap" loading="lazy" class="promo-img"></a>
517                <span class="h4 d-block subnav-promo-header">Aqua Reno<sup>®</sup></span>
518                <p>Mutfak ve Banyo ile kendine göre yap, evine imzanı at!</p>
519                <a class="dark-btn px-4" href="/aqua-reno">Keşfet</a>
520              </div>
521            </li>
522
523          </ul>
524        </li>
525        <li class="has-subnav">
526          <a href="/ilham-veren-fikirler" class="has-subnav-link">İlham Veren Fikirler</a>
527          <ul class="main-dropdown subnav">
528            <li class="has-subnav" data-nav="1">
529              <a href="/ilham-veren-fikirler/dekorasyon" class="has-subnav-link subnav-header">Dekorasyon</a>
530              <ul class="subnav">
531                <li><a href="/ilham-veren-fikirler/dekorasyon/dekorasyon-trendleri-ve-stilleri">Dekorasyon Trendleri</a></li>
532                <li><a href="/ilham-veren-fikirler/dekorasyon/odalara-gore-dekorasyon">Odalara Göre Dekorasyon</a></li>
533                <li><a href="/ilham-veren-fikirler/dekorasyon/bitkilerle-dekorasyon">Bitkilerle Dekorasyon</a></li>                                     
534
535                <li><a href="/ilham-veren-fikirler/dekorasyon/dis-mekanlar">Dış Mekan Dekorasyonu</a></li>
536
537
538
539
540              </ul>
541            </li>
542            <li class="has-subnav" data-nav="2">
543              <a href="/ilham-veren-fikirler/evde-yasam" class="has-subnav-link subnav-header">Evde Yaşam</a>
544              <ul class="subnav">
545                <li><a href="/ilham-veren-fikirler/evde-yasam/temizlik">Temizlik</a></li>
546                <li><a href="/ilham-veren-fikirler/evde-yasam/ev-yenileme">Ev Yenileme</a></li>
547                <li><a href="/ilham-veren-fikirler/evde-yasam/kendin-yap">Kendin Yap</a></li>
548                <li><a href="/ilham-veren-fikirler/evde-yasam/ev-guzellestirme">Ev Güzelleştirme</a></li>                                        
549              </ul>
550            </li>
551            <li class="has-subnav" data-nav="3">
552
553              <a href="/ilham-veren-fikirler/renk-dunyasi" class="subnav-header">Renk Dünyası</a>
554              <a href="/ilham-veren-fikirler/cozum-ortaginiz" class="subnav-header">Çözüm Ortağınız</a>
555              <a href="/ilham-veren-fikirler/filli-boya-yazlik-evleriniz-icin-oneriyor" class="subnav-header">Yazlık Evler için Öneriler</a>
556
557            </li>
558            <li class="nav-col" data-col="1"><ul class="nav"></ul></li>
559            <li class="nav-col" data-col="2"><ul class="nav"></ul></li>
560            <li class="nav-col" data-col="3"><ul class="nav"></ul></li>
561            <li class="subnav-promo">
562              <div class="promo-body">
563                <a href="/ilham-veren-fikirler/dekorasyon/dekorasyon-trendleri-ve-stilleri/cocuk-odasi-renkleri"><img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v176035
5635535/FILLI-SLIDER/menu-blog-1_bukvvi.png" width="697" height="699"></a>
564                <span class="h4 d-block subnav-promo-header">Çocuk Odası Renkleri</span>
565                <p>Çocuk odaları çocuklarınız için yalnızca dinlenme alanı değil, aynı zamanda oyun ve ders çalışma gibi aktiviteleri aktif olarak gerçekleştirdikleri mekandır...</p>
566                <a class="dark-btn px-4" href="/ilham-veren-fikirler/cocuk-odasi-renkleri">Renkleri İncele</a>
567              </div>
568            </li>
569          </ul>
570        </li>
571        <li class="has-subnav">
572          <a href="/profesyonel-urunler" class="has-subnav-link">Profesyonel Ürünler</a>
573          <ul class="main-dropdown subnav">
574
575
576            <li class="has-subnav" data-nav="1">
577              <a href="/urunler/yalitim" class="has-subnav-link subnav-header">Dış Cephe Isı Yalıtımı</a>
578              <ul class="subnav">
579                <li><a href="/urunler/yalitim/dalmacyali-isi-yalitim-sistemleri">Dalmaçyalı Isı Yalıtım Sistemleri</a></li>
580                <li><a href="/urunler/yalitim/expert-isi-yalitim-sistemleri">Expert Isı Yalıtım Sistemleri</a></li>
581              </ul>
582            </li>
583
584
585            <li class="has-subnav" data-nav="1">
586              <a href="/profesyonel-urunler/yapi-kimyasallari" class="has-subnav-link subnav-header">Yapı Kimyasalları</a>
587              <ul class="subnav">
588                <li><a href="/profesyonel-urunler/yapi-kimyasallari/fayans-yapistiricilar">Fayans Yapıştırıcılar</a></li>
589                <li><a href="/profesyonel-urunler/yapi-kimyasallari/derz-dolgular">Derz Dolgular</a></li>
590                <li><a href="/profesyonel-urunler/yapi-kimyasallari/su-yalitim-urunleri">Su Yalıtım Ürünleri</a></li>
591                <li><a href="/profesyonel-urunler/yapi-kimyasallari/hazir-harclar">Hazır Harçlar</a></li>
592                <li><a href="/profesyonel-urunler/yapi-kimyasallari/harc-katkilari">
592Harç Katkıları</a></li>
593              </ul>
594            </li>
595
596            <li class="has-subnav" data-nav="2">
597              <a href="/profesyonel-urunler/sanayi-boyalari" class="has-subnav-link subnav-header">Sanayi Boyaları</a>
598              <ul class="subnav"> 
599                <li><a href="/profesyonel-urunler/sanayi-boyalari/akrilik-sistemler">Akrilik Sistemler</a></li>
600                <li><a href="/profesyonel-urunler/sanayi-boyalari/epoksi-sistemler">Epoksi Sistemler</a></li>    
601                <li><a href="/profesyonel-urunler/sanayi-boyalari/poliuretan-sistemler">Poliüretan Sistemler</a></li>
602                <li><a href="/profesyonel-urunler/sanayi-boyalari/selulozik-sistemler">Selulozik Sistemler</a></li> 
603                <li><a href="/profesyonel-urunler/sanayi-boyalari/alkid-sistemler">Alkid Sistemler</a></li>  
604                <li><a href="/profesyonel-urunler/sanayi-boyalari/sentetik-sistemler">Sentetik Sistemler</a></li>  
605                <li><a href="/profesyonel-urunler/sanayi-boyalari/isiya-dayanikli-sistemler">Isıya Dayanıklı Boyalar</a></li>                                      
606              </ul>
607
608
609
610            <li class="has-subnav" data-nav="3">
611              <a href="/urunler/cam-tekstili-duvar-ve-tavan-kaplamalari" class="has-subnav-link subnav-header">Cam Tekstili Duvar ve Tavan Kaplamaları</a>
612              <ul class="subnav">
613                <li><a href="/urunler/cam-tekstili-duvar-ve-tavan-kaplamalari/harmony-collection">Harmony Collection</a></li>
614                <li><a href="/urunler/cam-tekstili-duvar-ve-tavan-kaplamalari/pure-collection">Pure Collection</a></li>
615                <li><a href="/urun/cam-tekstili-yapistiricisi">Cam Tekstili Yapıştırıcısı</a></li>
616
617              </ul>
618            </li>
619
620
621
622            <li class="has-subnav" data-nav="3">
623              <a href="/profesyonel-urunler/expert-urun-grubu" class="has-subnav-link subnav-header">Expert Ürün Grubu</a>
624              <ul class="subnav">
625                <li><a href="/profesyonel-urunler/expert-urun-grubu/expert-ic-cephe-urunleri">Expert İç Cephe Ürünleri</a></li>
626                <li><a href="/profesyonel-urunler/expert-urun-grubu/expert-dis-cephe-urunleri">Expert Dış Cephe Ürünleri</a></li>
627                <li><a href="/profesyonel-urunler/expert-urun-grubu/expert-sentetik-urun-grubu">Expert Sentetik Ürünleri</a></li>
628                <li><a href="/profesyonel-urunler/expert-urun-grubu/expert-isi-yalitim-urunleri">Expert Isı Yalıtım Ürünleri</a></li>
629              </ul>
630            </li>
631
632
633
634
635
636
637
638
639            <li class="nav-col" data-col="1"><ul class="nav"></ul></li>
640            <li class="nav-col" data-col="2"><ul class="nav"></ul></li>
641            <li class="nav-col" data-col="3"><ul class="nav"></ul></li>
642            <li class="subnav-promo">
643              <div class="promo-body">
644                <a href="/urun/momento-silan_100ML"><img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v176035
6445717/FILLI-SLIDER/menu-momento-silan_vlqwz3.png" width="294" height="294" style="width:294px;height:294px" alt="Momento Silan" loading="lazy"></a>
645                <span class="h4 d-block subnav-promo-header">Momento Silan</span>
646                <p>Filli Boya'nın yenilikçi Aktif Silikon Teknolojisi ile geliştirilmiş tam silinebilir ve yıkanabilir özellikte, iç mekanlara ferahlık katan ipeksi mat® dokudaki renkleri ile dekoratif su bazlı VOC uyumlu silikonlu son kat iç cephe boyasıdır.</p>
647                <a class="dark-btn px-4" href="/urun/momento-silan_100ML">Ürünü İncele</a>
648              </div>
649            </li>
650          </ul>
651        </li>
652        <li class="has-subnav">
653          <a href="/hizmetler" class="has-subnav-link">Hizmetler</a>
654          <ul class="main-dropdown subnav">
655            <li class="has-subnav" data-nav="1">
656              <a href="/hizmetler/en-yakin-filli-boya-ustasi" class="subnav-header border-none">En Yakın Filli Boya Ustası</a>
657              <a href="/hizmetler/renk-danisma" class="subnav-header border-none">Renk Danışma</a>
658            </li>
659            <li class="has-subnav" data-nav="2">
660              <a href="/filli-ustam" class="has-subnav-link subnav-header">Filli Ustam</a>
661              <ul class="subnav">
662                <li><a href="/ustam-ara/bursa">Bursa Boya Ustası</a></li>
663                <li><a href="/ustam-ara/antalya">Antalya Boya Ustası</a></li>
664                <li><a href="/ustam-ara/konya">Konya Boya Ustası</a></li>
665                <li><a href="/ustam-ara/ankara">Ankara Boya Ustası</a></li>
666                <li><a href="/ustam-ara/adana">Adana Boya Ustası</a></li>
667                <li><a href="/ustam-ara/istanbul">İstanbul Boya Ustası</a></li>
668
669              </ul>
670            </li>
671
672            <li class="nav-col" data-col="1"><ul class="nav"></ul></li>
673            <li class="nav-col" data-col="2"><ul class="nav"></ul></li>
674            <li class="nav-col" data-col="3"><ul class="nav"></ul></li>
675            <li class="subnav-promo">
676              <div class="promo-body">
677                <a href="/filli-ustam" target="_BLANK"><img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v176035
6775770/FILLI-SLIDER/fillli-ustam-2YIL_mnflck.jpg" width="294" height="294" style="width:294px;height:294px" alt="Filli Ustam ile Garanti" loading="lazy"></a>
678                <span class="h4 d-block subnav-promo-header">Filli Ustam ile Garanti</span>
679                <p>Filli Ustam'ın Boyacılarından Garantili Hizmet Alın!</p>
680                <a class="dark-btn px-4" href="https://filliustam.com" target="_BLANK">Usta Bul</a>
681              </div>
682            </li>
683          </ul>
684        </li>
685        
686
687        <li class="has-subnav">
688          <a href="/yardim" class="has-subnav-link">Yardım</a>
689          <ul class="main-dropdown subnav">
690            <li class="has-subnav" data-nav="1">
691              <a href="/iletisim/iletisim-formu" target="_SELF" class="subnav-header">İletişim Formu</a>
692            </li>
693            <li class="has-subnav" data-nav="1">
694              <a href="/iletisim/satis-noktalari" target="_SELF" class="subnav-header">Satış Noktaları</a>
695            </li>
696
697            <li class="has-subnav" data-nav="2">
698              <a href="/yardim/islem-rehberi" target="_SELF" class="subnav-header">İşlem Rehberi</a>
699            </li>
700            <li class="has-subnav" data-nav="2">
701              <a href="/yardim/sss" target="_SELF" class="subnav-header">SSS</a>
702            </li>
703            <li class="has-subnav" data-nav="3">
704              <a href="#" class="subnav-header border-none open-chat">Canlı Chat</a>
705            </li>
706            <li class="nav-col" data-col="1"><ul class="nav"></ul></li>
707            <li class="nav-col" data-col="2"><ul class="nav"></ul></li>
708            <li class="nav-col" data-col="3"><ul class="nav"></ul></li>
709
710          </ul>
711        </li>
712        
713      </ul>
714    </nav>
715
716  </div>
717</div>
718
719
720
721              </div>
722            </nav>
723          </div>
724        </div>
725      </div>
726    </div>
727    <div class='main-back-wrapper'></div>
728    <div class='side-bar'>
729      <div class='bar-cart-list'>
730        <center class='py-5'>Sepetiniz henüz boş</center>
731      </div>
732      <div class='px-2 px-md-4'>
733        <a class="text-center mx-auto dark-btn b-rad-50p py-2 px-5 w-100 text-decoration-none d-inline-block" href="/sepetim" rel="nofollow">
734          Alışverişi Tamamla
735        </a>
736        <a class="text-center mx-auto mt-3 dark-btn b-rad-50p py-2 px-5 w-100 text-decoration-none d-inline-block cursor-pointer continue-shopping">
737          Alışverişe Devam Et
738        </a>
739      </div>
740    </div>
741
742
743<link rel="preload" as="image" href="/cdn-cgi/image/w=1280,h=1280,fit=cover,f=auto/uploads/FL-USTALIGINI-KONUSTUR.jpg" fetchpriority="high">
744
745<style>
746     .splide__pagination{ bottom: -1.5rem; }
747     .splide__pagination__page.is-active{ background: #333; }
748     .select-color{ display: none; }
749     .is-checked .select-color{ display:block; margin:0; font-size:30px; }
750     .splide.sub .splide__pagination{ position: inherit; }
751     .splide.sub .splide__pagination__page{ width:40px; border-radius:5px; }
752     .splide.sub .splide__pagination__page.is-active{ transform: scale(1); }
753     .taggbox-container{ padding:0!important }
754     .slick-slider{ padding:0!important; }
755     .portfolio-wrapper.blog{display:flex}
756     .portfolio-wrapper.blog a{display:flex;width:100%;text-decoration:none}
757     .portfolio-wrapper.blog h4:hover{text-decoration:underline}
758     div.fader{background: linear-gradient(0deg, rgba(10,10,10,1) 0%, rgba(156,156,156,0) 50%);width:100%;height:100%;z-index:0;position:absolute}
759     @media(max-width:1440px){
760          .portfolio-wrapper.blog a h4{ font-size:20px }
761          .portfolio-wrapper.blog a p{font-size:12px;}
762     }
763     .renklendirin-modal{ max-width:80%!important; }
764     .buy-btn{ width:150px; position: absolute; right: 30px; bottom:20px; }
765     .splide.sub .splide__arrow{background:transparent}
766     .short-desc{max-height:48px;overflow:hidden}
767     @media(max-width:768px){
768          .renklendirin-modal{ max-width: 100%!important }
769          .buy-btn{ width:80px }
770     }
771     
772     .slide-bg-0{ background:linear-gradient(90deg,#b9a5a2 35%,#fff 35%) }
773     
774     .slide-bg-1{ background:linear-gradient(90deg,#1A428A 35%,#fff 35%) }
775     
776     .slide-bg-2{ background:linear-gradient(90deg,#c0d2df 35%,#fff 35%) }
777     
778     .slide-bg-3{ background:linear-gradient(90deg,#87aa8b 35%,#fff 35%) }
779     
780     .slide-bg-4{ background:linear-gradient(90deg,#001a70 35%,#fff 35%) }
781     
782     .slide-bg-5{ background:linear-gradient(90deg,#f5d75b 35%,#fff 35%) }
783     
784     .slide-bg-6{ background:linear-gradient(90deg,#ef446d 35%,#fff 35%) }
785     
786     .slide-bg-7{ background:linear-gradient(90deg,#22a8e0 35%,#fff 35%) }
787     
788     .slide-bg-8{ background:linear-gradient(90deg,#d7e5e5 35%,#fff 35%) }
789     
790     .slide-bg-9{ background:linear-gradient(90deg,#b4b4b4 35%,#fff 35%) }
791     
792</style>
793
794
795<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
796     <div class="modal-dialog renklendirin-modal">
797          <div class="modal-content">
798               <div class="modal-header">
799                    <h5 class="modal-title d-flex align-items-center" id="staticBackdropLabel"><img src="./uploads/renklendirin-modal-header.png" width="40" class="me-2" loading="lazy">Renklendirin</h5>
800                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
801               </div>
802               <div class="modal-body">
803                    <div class="container">
804                         <div class="row">
805                              <div class="col-12 p-0 position-relative" id="newContent" style="background:transparent; -webkit-transition: background 500ms linear; -ms-transition: background 500ms linear; transition: background 500ms linear;">
806                                   <img src="/cdn-cgi/image/f=auto/uploads/renklendirin-modal-content-new-4.png" class="img-fluid p-0" style="width:inherit" loading="lazy">
807                                   <a class="text-center dark-btn b-rad-50p py-2 ms-3 buy-btn d-none text-decoration-none">
808                                        Satın Al
809                                   </a>
810                              </div>
811                         </div>
812                         <div class="row mt-4">
813                              <div class="col-lg-6 col-xl-6 offset-lg-3 offset-xl-3">
814                                   <h5>Lütfen renk seçin</h5>
815                              </div>
816                         </div>
817                         <div class="row">
818                              <div class="py-2 ps-2p" id="filters-color">
819                                   <div class="button-group-color row px-3 d-flex justify-content-center">
820                                        
821                                        <div class="px-0 col-lg-1 col-xl-1 col-4 col-md-3 text-center">
822                                             <button class="m-auto button d-flex align-items-center justify-content-center" data-link='tr/renk/haki' data-color="rgb(205, 195, 171)" data-filter=".205, 195, 171"
823                                                     style="box-shadow:0px 3px 4px 2px #ccc; background:rgb(205, 195, 171); width:70px; height:70px; border-radius: 50px;">
824                                                  <p class="select-color"><i class="fas fa-check-circle"></i></p>
825                                             </button>
826                                             <p class="fs-12 fw-bold mt-2">
827                                                  Haki
828                                             </p>
829                                        </div>
830                                        
831                                        <div class="px-0 col-lg-1 col-xl-1 col-4 col-md-3 text-center">
832                                             <button class="m-auto button d-flex align-items-center justify-content-center" data-link='tr/renk/luletasi' data-color="rgb(237,228,217)" data-filter=".237,228,217"
833                                                     style="box-shadow:0px 3px 4px 2px #ccc; background:rgb(237,228,217); width:70px; height:70px; border-radius: 50px;">
834                                                  <p class="select-color"><i class="fas fa-check-circle"></i></p>
835                                             </button>
836                                             <p class="fs-12 fw-bold mt-2">
837                                                  Lületaşı
838                                             </p>
839                                        </div>
840                                        
841                                        <div class="px-0 col-lg-1 col-xl-1 col-4 col-md-3 text-center">
842                                             <button class="m-auto button d-flex align-items-center justify-content-center" data-link='tr/renk/bademi' data-color="rgb(230,210,190)" data-filter=".230,210,190"
843                                                     style="box-shadow:0px 3px 4px 2px #ccc; background:rgb(230,210,190); width:70px; height:70px; border-radius: 50px;">
844                                                  <p class="select-color"><i class="fas fa-check-circle"></i></p>
845                                             </button>
846                                             <p class="fs-12 fw-bold mt-2">
847                                                  Bademi
848                                             </p>
849                                        </div>
850                                        
851                                        <div class="px-0 col-lg-1 col-xl-1 col-4 col-md-3 text-center">
852                                             <button class="m-auto button d-flex align-items-center justify-content-center" data-link='tr/renk/pudra-kahve' data-color="rgb(220,188,169)" data-filter=".220,188,169"
853                                                     style="box-shadow:0px 3px 4px 2px #ccc; background:rgb(220,188,169); width:70px; height:70px; border-radius: 50px;">
854                                                  <p class="select-color"><i class="fas fa-check-circle"></i></p>
855                                             </button>
856                                             <p class="fs-12 fw-bold mt-2">
857                                                  Pudra Kahve
858                                             </p>
859                                        </div>
860                                        
861                                        <div class="px-0 col-lg-1 col-xl-1 col-4 col-md-3 text-center">
862                                             <button class="m-auto button d-flex align-items-center justify-content-center" data-link='tr/renk/kozmik-25' data-color="rgb(133,160,170)" data-filter=".133,160,170"
863                                                     style="box-shadow:0px 3px 4px 2px #ccc; background:rgb(133,160,170); width:70px; height:70px; border-radius: 50px;">
864                                                  <p class="select-color"><i class="fas fa-check-circle"></i></p>
865                                             </button>
866                                             <p class="fs-12 fw-bold mt-2">
867                                                  Kozmik 25
868                                             </p>
869                                        </div>
870                                        
871                                        <div class="px-0 col-lg-1 col-xl-1 col-4 col-md-3 text-center">
872                                             <button class="m-auto button d-flex align-items-center justify-content-center" data-link='tr/renk/andezit-65' data-color="rgb(108,110,113)" data-filter=".108,110,113"
873                                                     style="box-shadow:0px 3px 4px 2px #ccc; background:rgb(108,110,113); width:70px; height:70px; border-radius: 50px;">
874                                                  <p class="select-color"><i class="fas fa-check-circle"></i></p>
875                                             </button>
876                                             <p class="fs-12 fw-bold mt-2">
877                                                  Andezit 65
878                                             </p>
879                                        </div>
880                                        
881                                   </div>
882                              </div>
883                         </div>
884                         <div class="row">
885                              <div class="col-lg-4 col-xl-4 offset-lg-4 offset-xl-4 d-flex justify-content-center">
886                                   <a href="/renkler/ic-cephe-renkleri" class="text-center dark-btn b-rad-50p w-auto mt-2 py-2 px-4 m-lg-0 m-xl-0 text-decoration-none"> Tüm Renkleri Gör</a>
887                              </div>
888                         </div>
889                    </div>
890               </div>
891          </div>
892     </div>
893</div>
894<div class="d-none d-lg-block d-md-block d-xl-block">
895     <img src="./uploads/renklendirin.png" class="position-fixed" width="100" style="right:0; top:30%; z-index:10;display:none !important;" type="button" data-bs-toggle="modal" data-bs-target="#staticBackdrop" loading="lazy">
896     <a href="/filli-ustam" target="_blank">
897          <img src="/cdn-cgi/image/f=auto/uploads/filliustam.png" class="position-fixed" width="100" style="right:0; top:45%; z-index:10" alt="Filli Ustam" loading="lazy">
898     </a>
899</div>
900<div class="container-fluid container-md">
901     
902     <div class="row mt-3">
903          <h1 class="mb-0">En Güzel Boya Filli Boya</h1>
904     </div>
905     <div class="row mt-3" style='max-height:800px;overflow:hidden'>
906          <div class="col-12 col-md-6 col-lg-7 py-5 ps-4 ps-xxl-6 xs-p-l-20 slide-bg-0 text-right" id="main-slide-bg">
907               <div class="splide main">
908                    <div class="splide__track">
909                         <ul class="splide__list">
910                              
911                              
912                              <li class="splide__slide">
913                                   <a href="/hizmetler/en-yakin-filli-boya-ustasi" data-id='54' data-pos='0' data-name="En Yakın Filli Boya Ustası" class="slider-link">
914                                        <img data-splide-lazy="/cdn-cgi/image/w=1280,h=1280,fit=cover,f=auto/uploads/FL-USTALIGINI-KONUSTUR.jpg" src="/cdn-cgi/image/w=1280,h=1280,fit=cover,f=auto/uploads/FL-USTALIGINI-KONUSTUR.jpg" alt="En Yakın Filli Boya Ustası" class="w-100" width="1280" height="1280" loading="eager" fetchpriority="high">
915                                   </a>
916                              </li>
917                              
918                              <li class="splide__slide">
919                                   <a href="/aqua-reno" data-id='43' data-pos='1' data-name="Aqua Reno®" class="slider-link">
920                                        <img data-splide-lazy="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto,h_1280/v1767782906/FILLI-SLIDER/Aqua-reno-kendine-gore-yap-slider-small_kgw1wd.avif" src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto,h_1280/v1767782906/FILLI-SLIDER/Aqua-reno-kendine-gore-yap-slider-small_kgw1wd.avif" alt="Aqua Reno®" class="w-100" width="1280" height="1280" loading="lazy">
921                                   </a>
922                              </li>
923                              
924                              <li class="splide__slide">
925                                   <a href="/renkler/2026-yilin-renkleri" data-id='53' data-pos='2' data-name="2026 Yılın Renk Paleti" class="slider-link">
926                                        <img data-splide-lazy="/cdn-cgi/image/w=1280,h=1280,fit=cover,f=auto/uploads/2026-yilin-rengi-slider.png" src="/cdn-cgi/image/w=1280,h=1280,fit=cover,f=auto/uploads/2026-yilin-rengi-slider.png" alt="2026 Yılın Renk Paleti" class="w-100" width="1280" height="1280" loading="lazy">
927                                   </a>
928                              </li>
929                              
930                              <li class="splide__slide">
931                                   <a href="/renkler/filli-boya-i-colour" data-id='52' data-pos='3' data-name="Hayalinizdeki renklerle mekanınıza hayat verin" class="slider-link">
932                                        <img data-splide-lazy="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto,h_1280/v1760081339/FILLI-SLIDER/i-Colour-Slider-small_pfljte.jpg" src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto,h_1280/v1760081339/FILLI-SLIDER/i-Colour-Slider-small_pfljte.jpg" alt="Hayalinizdeki renklerle mekanınıza hayat verin" class="w-100" width="1280" height="1280" loading="lazy">
933                                   </a>
934                              </li>
935                              
936                              <li class="splide__slide">
937                                   <a href="/urunler/boya/nucleus" data-id='37' data-pos='4' data-name="NUCLEUS" class="slider-link">
938                                        <img data-splide-lazy="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto,h_1280/v1757488765/FILLI-SLIDER/NUCELEUS-SLIDER_xkupwi.avif" src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto,h_1280/v1757488765/FILLI-SLIDER/NUCELEUS-SLIDER_xkupwi.avif" alt="NUCLEUS" class="w-100" width="1280" height="1280" loading="lazy">
939                                   </a>
940                              </li>
941                              
942                              <li class="splide__slide">
943                                   <a href="/urunler/sagliga-duyarli-boyalar" data-id='21' data-pos='5' data-name="Sağlığa Duyarlı Boya" class="slider-link">
944                                        <img data-splide-lazy="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto,h_1280/v1757488760/FILLI-SLIDER/Momento-Life-Slider_si2tpi.avif" src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto,h_1280/v1757488760/FILLI-SLIDER/Momento-Life-Slider_si2tpi.avif" alt="Sağlığa Duyarlı Boya" class="w-100" width="1280" height="1280" loading="lazy">
945                                   </a>
946                              </li>
947                              
948                              <li class="splide__slide">
949                                   <a href="/aqua-reno-mutfak-seti" data-id='47' data-pos='6' data-name="Aqua Reno® ile  tezgahını,  dolabını ve hatta  buzdolabını  şıp diye boya!" class="slider-link">
950                                        <img data-splide-lazy="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto,h_1280/v1767783594/FILLI-SLIDER/AQUA-MUTFAK-SLIDER_ajv6ss.avif" src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto,h_1280/v1767783594/FILLI-SLIDER/AQUA-MUTFAK-SLIDER_ajv6ss.avif" alt="Aqua Reno® ile  tezgahını,  dolabını ve hatta  buzdolabını  şıp diye boya!" class="w-100" width="1280" height="1280" loading="lazy">
951                                   </a>
952                              </li>
953                              
954                              <li class="splide__slide">
955                                   <a href="/aqua-reno-banyo-seti" data-id='46' data-pos='7' data-name="Aqua Reno®   ile banyonu  kendi zevkine  göre boya!" class="slider-link">
956                                        <img data-splide-lazy="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto,h_1280/v1767783905/FILLI-SLIDER/AQUA-BANYO-SLIDER_tbjxv4.avif" src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto,h_1280/v1767783905/FILLI-SLIDER/AQUA-BANYO-SLIDER_tbjxv4.avif" alt="Aqua Reno®   ile banyonu  kendi zevkine  göre boya!" class="w-100" width="1280" height="1280" loading="lazy">
957                                   </a>
958                              </li>
959                              
960                              <li class="splide__slide">
961                                   <a href="/urun/momento-silan_100ML" data-id='12' data-pos='8' data-name="Momento Silan" class="slider-link">
962                                        <img data-splide-lazy="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto,h_1280/v1757488762/FILLI-SLIDER/MOMENTO-SLIDER-1080x1080_uarjmk.avif" src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto,h_1280/v1757488762/FILLI-SLIDER/MOMENTO-SLIDER-1080x1080_uarjmk.avif" alt="Momento Silan" class="w-100" width="1280" height="1280" loading="lazy">
963                                   </a>
964                              </li>
965                              
966                              <li class="splide__slide">
967                                   <a href="/filli-ustam" data-id='4' data-pos='9' data-name="Garanti &amp; Güvence Filli Ustam’da!" class="slider-link">
968                                        <img data-splide-lazy="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto,h_1280/v1643611228/FILLI-SLIDER/FILLI-USTAM-5-ADIM_rjdbq8.jpg" src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto,h_1280/v1643611228/FILLI-SLIDER/FILLI-USTAM-5-ADIM_rjdbq8.jpg" alt="Garanti &amp; Güvence Filli Ustam’da!" class="w-100" width="1280" height="1280" loading="lazy">
969                                   </a>
970                              </li>
971                              
972                         </ul>
973                    </div>
974               </div>
975          </div>
976          <div class="col-12 col-md-6 col-lg-5 d-flex align-items-center justify-content-start mt-5 mt-lg-0 mt-xl-0">
977               
978               <div class="text-start  slide-content" id="slide-0">
979                    <h2 class="helvetica fs-50 xs-fs-40">
980                         En Yakın <br><span style=’color:#2563eb’><b>Filli Boya Ustası</b></span>
981                    </h2>
982                    <p>
983                         <b>Ustalığını konuşturanlarla en güzelini arayanlar burada buluşuyor!</b>
983  Bölgenizi seçin, size en yakın Filli Boya ustası ile hemen iletişime geçin.
984                    </p>
985                    <p> 
986                         <a href="/hizmetler/en-yakin-filli-boya-ustasi" class="slider-link text-center dark-btn b-rad-50p mt-2 py-2 m-lg-0 m-xl-0 text-decoration-none" style="padding: 0 5rem" data-id='54' data-pos='0' data-name="En Yakın Filli Boya Ustası">
987                         Usta Ara
988                         </a>
989                         
990                    <p>
991               </div>
992               
993               <div class="text-start d-none slide-content" id="slide-1">
994                    <h2 class="helvetica fs-50 xs-fs-40">
995                         Aqua Reno<sup style=’font-size:1.1rem; margin-top:-20px’>® </sup>
996                    </h2>
997                    <p>
998                         Aqua Reno<sup>® </sup> Mutfak ve Banyo ile kendine göre yap, evine imzanı at! Üstün özelliklerini keşfetmek için tıklayın!
999                    </p>
1000                    <p> 
1001                         <a href="/aqua-reno" class="slider-link text-center dark-btn b-rad-50p mt-2 py-2 m-lg-0 m-xl-0 text-decoration-none" style="padding: 0 5rem" data-id='43' data-pos='1' data-name="Aqua Reno®">
1002                         Hemen Boya
1003                         </a>
1004                         
1005                    <p>
1006               </div>
1007               
1008               <div class="text-start d-none slide-content" id="slide-2">
1009                    <h2 class="helvetica fs-50 xs-fs-40">
1010                         2026 Yılın Renk Paleti
1011                    </h2>
1012                    <p>
1013                         Filli Boya 2026 renkleriyle etrafını fark et, kendi dengeni yakala ve gerçeğe bağlan.
1014                    </p>
1015                    <p> 
1016                         <a href="/renkler/2026-yilin-renkleri" class="slider-link text-center dark-btn b-rad-50p mt-2 py-2 m-lg-0 m-xl-0 text-decoration-none" style="padding: 0 5rem" data-id='53' data-pos='2' data-name="2026 Yılın Renk Paleti">
1017                         Hemen İncele
1018                         </a>
1019                         
1020                    <p>
1021               </div>
1022               
1023               <div class="text-start d-none slide-content" id="slide-3">
1024                    <h2 class="helvetica fs-50 xs-fs-40">
1025                         Hayalinizdeki renklerle mekanınıza hayat verin
1026                    </h2>
1027                    <p>
1028                         Filli Boya i-Colour mobil uygulamasıyla odanızı yeniden tasarlayın.
1029                    </p>
1030                    <p> 
1031                         <a href="/renkler/filli-boya-i-colour" class="slider-link text-center dark-btn b-rad-50p mt-2 py-2 m-lg-0 m-xl-0 text-decoration-none" style="padding: 0 5rem" data-id='52' data-pos='3' data-name="Hayalinizdeki renklerle mekanınıza hayat verin">
1032                         Hemen İncele
1033                         </a>
1034                         
1035                    <p>
1036               </div>
1037               
1038               <div class="text-start d-none slide-content" id="slide-4">
1039                    <h2 class="helvetica fs-50 xs-fs-40">
1040                         NUCLEUS
1041                    </h2>
1042                    <p>
1043                         Türkiye'de ilk ve tek! Bugünün ve geleceğin iklim koşullarına hazır. Frontier Polymer Technology® ile Üçlü koruma sağlayan dış cephe boyası.
1044                    </p>
1045                    <p> 
1046                         <a href="/urunler/boya/nucleus" class="slider-link text-center dark-btn b-rad-50p mt-2 py-2 m-lg-0 m-xl-0 text-decoration-none" style="padding: 0 5rem" data-id='37' data-pos='4' data-name="NUCLEUS">
1047                         Hemen İncele
1048                         </a>
1049                         
1050                    <p>
1051               </div>
1052               
1053               <div class="text-start d-none slide-content" id="slide-5">
1054                    <h2 class="helvetica fs-50 xs-fs-40">
1055                         Sağlığa Duyarlı Boya
1056                    </h2>
1057                    <p>
1058                         İç mekan hava kalitesine olumlu etki sağlayan Momento Life ürünleriyle kendiniz ve sevdikleriniz için rahat nefes alabileceğiniz yaşam alanları elde edebilirsiniz.
1059                    </p>
1060                    <p> 
1061                         <a href="/urunler/sagliga-duyarli-boyalar" 
1061class="slider-link text-center dark-btn b-rad-50p mt-2 py-2 m-lg-0 m-xl-0 text-decoration-none" style="padding: 0 5rem" data-id='21' data-pos='5' data-name="Sağlığa Duyarlı Boya">
1062                         Hemen Al
1063                         </a>
1064                         
1065                    <p>
1066               </div>
1067               
1068               <div class="text-start d-none slide-content" id="slide-6">
1069                    <h2 class="helvetica fs-50 xs-fs-40">
1070                         Aqua Reno<sup style='font-size:1.5rem'>® </sup>ile  tezgahını,  dolabını ve hatta  buzdolabını  şıp diye boya!
1071                    </h2>
1072                    <p>
1073                         Aqua Reno®  Mutfak ve verniği  alana rulo, fırça ve çanta  hediye!
1074                    </p>
1075                    <p> 
1076                         <a href="/aqua-reno-mutfak-seti" class="slider-link text-center dark-btn b-rad-50p mt-2 py-2 m-lg-0 m-xl-0 text-decoration-none" style="padding: 0 5rem" data-id='47' data-pos='6' data-name="Aqua Reno® ile  tezgahını,  dolabını ve hatta  buzdolabını  şıp diye boya!">
1077                         Hemen Al
1078                         </a>
1079                         
1080                    <p>
1081               </div>
1082               
1083               <div class="text-start d-none slide-content" id="slide-7">
1084                    <h2 class="helvetica fs-50 xs-fs-40">
1085                         Aqua Reno<sup style='font-size:1.1rem; top:-25px'>® </sup>  ile banyonu  kendi zevkine  göre boya!
1086                    </h2>
1087                    <p>
1088                         Aqua Reno®  Banyo ve verniği  alana rulo, fırça ve çanta  hediye!
1089                    </p>
1090                    <p> 
1091                         <a href="/aqua-reno-banyo-seti" class="slider-link text-center dark-btn b-rad-50p mt-2 py-2 m-lg-0 m-xl-0 text-decoration-none" style="padding: 0 5rem" data-id='46' data-pos='7' data-name="Aqua Reno®   ile banyonu  kendi zevkine  göre boya!">
1092                         Hemen Al
1093                         </a>
1094                         
1095                    <p>
1096               </div>
1097               
1098               <div class="text-start d-none slide-content" id="slide-8">
1099                    <h2 class="helvetica fs-50 xs-fs-40">
1100                         Momento Silan
1101                    </h2>
1102                    <p>
1103                         Filli Boya’nın yenilikçi Aktif Silikon Teknolojisi ile geliştirilmiş tam silinebilir ve yıkanabilir iç cephe boyası Momento Silan’ı keşfedin.
1104                    </p>
1105                    <p> 
1106                         <a href="/urun/momento-silan_100ML" class="slider-link text-center dark-btn b-rad-50p mt-2 py-2 m-lg-0 m-xl-0 text-decoration-none" style="padding: 0 5rem" data-id='12' data-pos='8' data-name="Momento Silan">
1107                         Keşfet
1108                         </a>
1109                         
1110                    <p>
1111               </div>
1112               
1113               <div class="text-start d-none slide-content" id="slide-9">
1114                    <h2 class="helvetica fs-50 xs-fs-40">
1115                         Garanti & Güvence Filli Ustam’da!
1116                    </h2>
1117                    <p>
1118                         5 Adımda Güvenilir Boya Hizmetine Kolayca Kavuşun!
1119                    </p>
1120                    <p> 
1121                         <a href="/filli-ustam" class="slider-link text-center dark-btn b-rad-50p mt-2 py-2 m-lg-0 m-xl-0 text-decoration-none" style="padding: 0 5rem" data-id='4' data-pos='9' data-name="Garanti &amp; Güvence Filli Ustam’da!">
1122                         Keşfet
1123                         </a>
1124                         
1125                    <p>
1126               </div>
1127               
1128          </div>
1129     </div>
1130     
1131     <div class="row mt-5">
1132          <div class="splide sub position-relative">
1133               <div class="splide__track">
1134                    <ul class="splide__list">
1135                         
1136                         <li class="splide__slide col-12 col-lg-4 col-xl-4 text-center p-5"><img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto,h_1280/v1760356048/filli-mainpage/IC-CEPHE_jkolow.png" class="w-100" width="2793" height="1280" alt="İç Cephe Ürünleri" loading="lazy">
1137                              <h4 class="mt-4 helvetica">
1138                                   İç Cephe Ürünleri
1139                              </h4>
1140                              <p>
1141                                   Momento Silan ve Momento Max gibi Filli Boya iç cephe boyaları ile hayallerinizdeki yuvayı tüm renkleri ile gerçek kılabilirsiniz.
1142                              </p>
1143                              <a class="w-50 d-inline-block text-decoration-none text-center m-auto dark-btn b-rad-50p mt-3 py-2" href="/urunler/boya/ic-cephe-boyalari">
1144                                   Keşfet
1145                              </a>
1146                         </li>
1147                         
1148                         <li class="splide__slide col-12 col-lg-4 col-xl-4 text-center p-5"><img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto,h_1280/v1760356047/filli-mainpage/DIS-CEPHE-NUCLEUS-AQUSTO_dibbfk.png" class="w-100" width="2793" height="1280" alt="Dış Cephe Ürünleri" loading="lazy">
1149                              <h4 class="mt-4 helvetica">
1150                                   Dış Cephe Ürünleri
1151                              </h4>
1152                              <p>
1153                                   Zengin renk seçenekleri ve yenilikçi özellikleri ile yuvanızı güzelleştiren Filli Boya dış cephe boyaları ile ilham yolculuğuna başlayabilirsiniz.
1154                              </p>
1155                              <a class="w-50 d-inline-block text-decoration-none text-center m-auto dark-btn b-rad-50p mt-3 py-2" href="/urunler/boya/dis-cephe-boyalari">
1156                                   Keşfet
1157                              </a>
1158                         </li>
1159                         
1160                         <li class="splide__slide col-12 col-lg-4 col-xl-4 text-center p-5"><img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto,h_1280/v1760356049/filli-mainpage/ilham-paketi-genel_d7p1ow.png" class="w-100" width="2793" height="1280" alt="İlham Paketi" loading="lazy">
1161                              <h4 class="mt-4 helvetica">
1162                                   İlham Paketi
1163                              </h4>
1164                              <p>
1165                                   <div>Duvarlarınızı boyamak istediğiniz rengi önceden deneyerek zahmetsiz ve güvenilir bir ilham yolculuğuna çıkabilirsiniz.<br></div>
1166                              </p>
1167                              <a class="w-50 d-inline-block text-decoration-none text-center m-auto dark-btn b-rad-50p mt-3 py-2" href="/ilham-paketi">
1168                                   Keşfet
1169                              </a>
1170                         </li>
1171                         
1172                    </ul>
1173               </div>
1174          </div>
1175     </div>
1176     <div class="row mt-5">
1177          <h3>
1178               Popüler Aramalar
1179          </h3>
1180     </div>
1181     <div class="row">
1182          <div class="col-sm-12 text-center my-3">
1183               <div class="splide3">
1184                    <div class="splide__track">
1185                         <ul class="splide__list">
1186                              <li class="filtering splide__slide w-auto" data-index='0'>
1187                                   <span data-filter="*" class="active">Tümü</span>
1188                              </li>
1189                              
1190                              <li class="filtering splide__slide w-auto active" data-index='1'>
1191                                   <span data-filter=".item-7" class="">Popüler Renkler</span>
1192                              </li>
1193                              
1194                              <li class="filtering splide__slide w-auto active" data-index='2'>
1195                                   <span data-filter=".item-1" class="">İç Cephe</span>
1196                              </li>
1197                              
1198                              <li class="filtering splide__slide w-auto active" data-index='3'>
1199                                   <span data-filter=".item-2" class="">Dış Cephe</span>
1200                              </li>
1201                              
1202                              <li class="filtering splide__slide w-auto active" data-index='4'>
1203                                   <span data-filter=".item-3" class="">Çocuk Odası</span>
1204                              </li>
1205                              
1206                              <li class="filtering splide__slide w-auto active" data-index='5'>
1207                                   <span data-filter=".item-8" class="">Salon</span>
1208                              </li>
1209                              
1210                              <li class="filtering splide__slide w-auto active" data-index='6'>
1211                                   <span data-filter=".item-5" class="">Ofis</span>
1212                              </li>
1213                              
1214                              <li class="filtering splide__slide w-auto active" data-index='7'>
1215                                   <span data-filter=".item-9" class="">Mutfak</span>
1216                              </li>
1217                              
1218                              <li class="filtering splide__slide w-auto active" data-index='8'>
1219                                   <span data-filter=".item-10" class="">Yatak Odası</span>
1220                              </li>
1221                              
1222                              <li class="filtering splide__slide w-auto active" data-index='9'>
1223                                   <span data-filter=".item-12" class="">Banyo</span>
1224                              </li>
1225                              
1226                              <li class="filtering splide__slide w-auto active" data-index='10'>
1227                                   <span data-filter=".item-4" class="">Tarz</span>
1228                              </li>
1229                              
1230                         </ul>
1231                    </div>
1232               </div>
1233          </div>
1234          <div class="col-12 text-center w-100">
1235               <div class="row grid form-row gallery text-center">
1236
1237                    
1238
1239                    <div class="col-lg-4 col-sm-6 mb-0 grid-item p-2 show-after" style="min-height: 560px;display:none">
1240                         <div class="portfolio-wrapperr text-start blog">
1241                              <a href="/urun/momento-silan_100ML" class="flex-column feed-box text-decoration-none" data-index='-1' data-name='Evinizin Duvarlarında Hijyen'>
1242                                   <div class="position-relative d-block mb-2">
1243                                        <img src="uploads/momento-silan-feed-post-001.jpg" srcset="uploads/momento-silan-feed-post-001.jpg 2x" class="w-100" width="1200" height="1200" alt="Evinizin Duvarlarında Hijyen" loading="lazy">
1244                                   </div>
1245                                   <div class="d-flex flex-column h-100">
1246                                        <h4 class="mt-auto px-3 text-dark helvetica" style="">Evinizin Duvarlarında Hijyen</h4>
1247                                        <p class="text-dark px-3 mb-0 short-desc">Tam silinebilir ve yıkanabilir özellikteki Momento Silan ile yaşam alanlarınızda mükemmel temizlik hissi yaşayın.</p>
1248                                   </div>
1249                              </a>
1250                         </div>
1251                    </div>
1252
1253                    
1254                    <div class="col-lg-4 col-sm-6 mb-0 grid-item p-2 item-1 " style="min-height:560px">
1255                         <div class="portfolio-wrapperr text-start blog">
1256                              <a href='/ilham-veren-fikirler/hangi-oda-hangi-renk-olmali-odalara-gore-renk-secim-rehberi' class='flex-column feed-box text-decoration-none'  data-index="0" data-name='Hangi Oda Hangi Renk Olmalı? Odalara Göre Renk Seçim Rehberi'>
1257                              
1258                              <div class="position-relative d-block mb-2">
1259                                   <img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394255/ilham-veren-fikirler/Hangi-Oda-Hangi-Renk-Olmali_161.jpg" srcset="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394255/ilham-veren-fikirler/Hangi-Oda-Hangi-Renk-Olmali_161.jpg 2x" class="w-100" width="1200" height="1200" alt="Hangi Oda Hangi Renk Olmalı? Odalara Göre Renk Seçim Rehberi" loading="lazy" />
1260                              </div>
1261                              <div class='d-flex flex-column h-100'>
1262                                   <h4 class='mt-auto px-3 text-dark helvetica' style=''>
1262Hangi Oda Hangi Renk Olmalı? Odalara Göre Renk Seçim Rehberi</h4>
1263                                   <p class='text-dark px-3 mb-0 short-desc'>Evinizdeki renk seçimleri, yalnızca estetik bir tercih değil aynı zamanda ruh halinizi ve enerjinizi de etkileyen önemli bir unsur olabilir. </p>
1264                              </div>
1265                              </a>
1266                              </div>
1267                         </div>
1268                         
1269                    <div class="col-lg-4 col-sm-6 mb-0 grid-item p-2 item-1 " style="min-height:560px">
1270                         <div class="portfolio-wrapperr text-start blog">
1271                              <a href='/ilham-veren-fikirler/tirtikli-duvar-boyama-nasil-yapilir' class='flex-column feed-box text-decoration-none'  data-index="1" data-name='Tırtıklı Duvar Boyama Nasıl Yapılır?'>
1272                              
1273                              <div class="position-relative d-block mb-2">
1274                                   <img src="../uploads/tirtikli-duvar-nasil-boyanir.png" srcset="../uploads/tirtikli-duvar-nasil-boyanir.png 2x" class="w-100" width="1200" height="1200" alt="Tırtıklı Duvar Boyama Nasıl Yapılır?" loading="lazy" />
1275                              </div>
1276                              <div class='d-flex flex-column h-100'>
1277                                   <h4 class='mt-auto px-3 text-dark helvetica' style=''>Tırtıklı Duvar Boyama Nasıl Yapılır?</h4>
1278                                   <p class='text-dark px-3 mb-0 short-desc'>Sıva uygulaması sırasında tercih edilen yöntemlere bağlı olarak duvarlarınız düz ya da tırtıklı olabilir.</p>
1279                              </div>
1280                              </a>
1281                              </div>
1282                         </div>
1283                         
1284                    <div class="col-lg-4 col-sm-6 mb-0 grid-item p-2 item-1 " style="min-height:560px">
1285                         <div class="portfolio-wrapperr text-start blog">
1286                              <a href='/ilham-veren-fikirler/cam-tekstili-tavan-ve-duvar-kaplamasi-nedir' class='flex-column feed-box text-decoration-none'  data-index="2" data-name='Cam Tekstili Tavan ve Duvar Kaplaması Nedir?'>
1287                              
1288                              <div class="position-relative d-block mb-2">
1289                                   <img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394249/ilham-veren-fikirler/Cam-Tekstili-Duvar-Kagidi-Nedir_158.jpg" srcset="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394249/ilham-veren-fikirler/Cam-Tekstili-Duvar-Kagidi-Nedir_158.jpg 2x" class="w-100" width="1200" height="1200" alt="Cam Tekstili Tavan ve Duvar Kaplaması Nedir?" loading="lazy" />
1290                              </div>
1291                              <div class='d-flex flex-column h-100'>
1292                                   <h4 class='mt-auto px-3 text-dark helvetica' style=''>Cam Tekstili Tavan ve Duvar Kaplaması Nedir?</h4>
1293                                   <p class='text-dark px-3 mb-0 short-desc'>Dekorasyon sektöründe adı sıkça duyulan cam tekstili, estetik görünümü dayanıklılıkla birleştiren yeni nesil sürdürülebilir kaplama malzemelerinden biri</p>
1294                              </div>
1295                              </a>
1296                              </div>
1297                         </div>
1298                         
1299                    <div class="col-lg-4 col-sm-6 mb-0 grid-item p-2 item- " style="min-height:560px">
1300                         <div class="portfolio-wrapperr text-start blog">
1301                              <a href='/ilham-veren-fikirler/celik-kapi-nasil-boyanir' class='flex-column feed-box text-decoration-none'  data-index="3" data-name='Çelik Kapı Nasıl Boyanır?'>
1302                              
1303                              <div class="position-relative d-block mb-2">
1304                                   <img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394297/ilham-veren-fikirler/celik-kapi-nasil-boyanir_174.jpg" srcset="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394297/ilham-veren-fikirler/celik-kapi-nasil-boyanir_174.jpg 2x" class="w-100" width="1200" height="1200" alt="Çelik Kapı Nasıl Boyanır?" loading="lazy" />
1305                              </div>
1306                              <div class='d-flex flex-column h-100'>
1307                                   <h4 class='mt-auto px-3 text-dark helvetica' style=''>Çelik Kapı Nasıl Boyanır?</h4>
1308                                   <p class='text-dark px-3 mb-0 short-desc'>Çelik kapılar, hem mekan güvenliği hem de hava koşullarına dayanıklılık için büyük öneme sahiptir ancak zaman içerisinde zarar görebilir. Yüzeylerinde pas oluşmasını önlemek için çelik kapıları düzenli olarak boyamak gerekir.</p>
1309                              </div>
1310                              </a>
1311                              </div>
1312                         </div>
1313                         
1314                    <div class="col-lg-4 col-sm-6 mb-0 grid-item p-2 item- " style="min-height:560px">
1315                         <div class="portfolio-wrapperr text-start blog">
1316                              <a href='/ilham-veren-fikirler/ahsap-vernik-uygulamasinda-puf-noktalar' class='flex-column feed-box text-decoration-none'  data-index="4" data-name='Ahşap Vernik Uygulamasında Püf Noktalar'>
1317                              
1318                              <div class="position-relative d-block mb-2">
1319                                   <img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394288/ilham-veren-fikirler/Ahsap-vernik-uygulamasi_170.jpg" srcset="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394288/ilham-veren-fikirler/Ahsap-vernik-uygulamasi_170.jpg 2x" class="w-100" width="1200" height="1200" alt="Ahşap Vernik Uygulamasında Püf Noktalar" loading="lazy" />
1320                              </div>
1321                              <div class='d-flex flex-column h-100'>
1322                                   <h4 class='mt-auto px-3 text-dark helvetica' style=''>Ahşap Vernik Uygulamasında Püf Noktalar</h4>
1323                                   <p class='text-dark px-3 mb-0 short-desc'>Ahşap vernik uygulaması, mobilyalarınızdan parkeye kadar her türlü ahşap yüzeyin ömrünü uzatan bir işlem. </p>
1324                              </div>
1325                              </a>
1326                              </div>
1327                         </div>
1328                         
1329                    <div class="col-lg-4 col-sm-6 mb-0 grid-item p-2 item-12 item-3 item-1 item-8 " style="min-height:560px">
1330                         <div class="portfolio-wrapperr text-start blog">
1331                              <a href='/ilham-veren-fikirler/tavan-nasil-boyanir' class='flex-column feed-box text-decoration-none'  data-index="5" data-name='Tavan Nasıl Boyanır?'>
1332                              
1333                              <div class="position-relative d-block mb-2">
1334                                   <img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394218/ilham-veren-fikirler/tavan-nasil-boyanir_153.png" srcset="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394218/ilham-veren-fikirler/tavan-nasil-boyanir_153.png 2x" class="w-100" width="1200" height="1200" alt="Tavan Nasıl Boyanır?" loading="lazy" />
1335                              </div>
1336                              <div class='d-flex flex-column h-100'>
1337                                   <h4 class='mt-auto px-3 text-dark helvetica' style=''>Tavan Nasıl Boyanır?</h4>
1338                                   <p class='text-dark px-3 mb-0 short-desc'>Duvar boyama teknikleri gün geçtikçe çeşitleniyor ve görsel açıdan zenginleşmeye devam ediyor.</p>
1339                              </div>
1340                              </a>
1341                              </div>
1342                         </div>
1343                         
1344                    <div class="col-lg-4 col-sm-6 mb-0 grid-item p-2 item-7 " style="min-height:560px">
1345                         <div class="portfolio-wrapperr text-start blog">
1346                              <a href='/ilham-veren-fikirler/yilin-sicacik-rengi-kivilcimi-evinizde-nasil-kullanabilirsiniz' class='flex-column feed-box text-decoration-none'  data-index="6" data-name='Yılın Sıcacık Rengi Kıvılcım’ı Evinizde Nasıl Kullanabilirsiniz?'>
1347                              
1348                              <div class="position-relative d-block mb-2">
1349                                   <img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754393362/ilham-veren-fikirler/yilinrengi-kivilcim-antregiris_51.jpg" srcset="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754393362/ilham-veren-fikirler/yilinrengi-kivilcim-antregiris_51.jpg 2x" class="w-100" width="1200" height="1200" alt="Yılın Sıcacık Rengi Kıvılcım’ı Evinizde Nasıl Kullanabilirsiniz?" loading="lazy" />
1350                              </div>
1351                              <div class='d-flex flex-column h-100'>
1352                                   <h4 class='mt-auto px-3 text-dark helvetica' style=''>Yılın Sıcacık Rengi Kıvılcım’ı Evinizde Nasıl Kullanabilirsiniz?</h4>
1353                                   <p class='text-dark px-3 mb-0 short-desc'>Yansıt Renk Paleti anahtar rengi  Kıvılcım ı yaşam alanlarının farklı bölümlerinde nasıl kullanılabileceğinize yakından bakalım.</p>
1354                              </div>
1355                              </a>
1356                              </div>
1357                         </div>
1358                         
1359                    <div class="col-lg-4 col-sm-6 mb-0 grid-item p-2 item-1 item-8 " style="min-height:560px">
1360                         <div class="portfolio-wrapperr text-start blog">
1361                              <a href='/ilham-veren-fikirler/koyu-renk-duvar-boyasini-acik-renge-donusturme-rehberi' class='flex-column feed-box text-decoration-none'  data-index="7" data-name='Koyu Renk Duvar Boyasını Açık Renge Dönüştürme Rehberi'>
1362                              
1363                              <div class="position-relative d-block mb-2">
1364                                   <img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394350/ilham-veren-fikirler/Koyu-Renk-Duvar-Boyasini-Acik-Renge-Donusturm-Rehberi_185.jpg" srcset="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394350/ilham-veren-fikirler/Koyu-Renk-Duvar-Boyasini-Acik-Renge-Donusturm-Rehberi_185.jpg 2x" class="w-100" width="1200" height="1200" alt="Koyu Renk Duvar Boyasını Açık Renge Dönüştürme Rehberi" loading="lazy" />
1365                              </div>
1366                              <div class='d-flex flex-column h-100'>
1367                                   <h4 class='mt-auto px-3 text-dark helvetica' style=''>Koyu Renk Duvar Boyasını Açık Renge Dönüştürme Rehberi</h4>
1368                                   <p class='text-dark px-3 mb-0 short-desc'>Koyu renk duvarları boyamak ilk başta korkutucu görünebilir. Çünkü koyu rengin üzerine açık renk boya uygulamak alttaki koyu rengin belirginleşmesine sebep olur. </p>
1369                              </div>
1370                              </a>
1371                              </div>
1372                         </div>
1373                         
1374                    <div class="col-lg-4 col-sm-6 mb-0 grid-item p-2 item-1 " style="min-height:560px">
1375                         <div class="portfolio-wrapperr text-start blog">
1376                              <a href='/ilham-veren-fikirler/duvar-boyasi-ne-kadar-surede-bozulur' class='flex-column feed-box text-decoration-none'  data-index="8" data-name='Duvar Boyası Ne Kadar Sürede Bozulur? '>
1377                              
1378                              <div class="position-relative d-block mb-2">
1379                                   <img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394048/ilham-veren-fikirler/Duvar-boyasi-nelere-dikkat-edmeliyiz_123.jpg" srcset="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394048/ilham-veren-fikirler/Duvar-boyasi-nelere-dikkat-edmeliyiz_123.jpg 2x" class="w-100" width="1200" height="1200" alt="Duvar Boyası Ne Kadar Sürede Bozulur? " loading="lazy" />
1380                              </div>
1381                              <div class='d-flex flex-column h-100'>
1382                                   <h4 class='mt-auto px-3 text-dark helvetica' style=''>Duvar Boyası Ne Kadar Sürede Bozulur? </h4>
1383                                   <p class='text-dark px-3 mb-0 short-desc'>Duvar boyası açıldıktan sonra ne kadar bekler? Duvar Boyası Açıldıktan Sonra Ne Kadar Bekler? gibi sorularının cevapları için şimdi yazımıza göz atın!</p>
1384                              </div>
1385                              </a>
1386                              </div>
1387                         </div>
1388                         
1389                    <div class="col-lg-4 col-sm-6 mb-0 grid-item p-2 item- " style="min-height:560px">
1390                         <div class="portfolio-wrapperr text-start blog">
1391                              <a href='/ilham-veren-fikirler/ic-mekan-sus-bitkileri-nelerdir' class='flex-column feed-box text-decoration-none'  data-index="9" data-name='İç Mekan Süs Bitkileri Nelerdir?'>
1392                              
1393                              <div class="position-relative d-block mb-2">
1394                                   <img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754393382/ilham-veren-fikirler/shutterstock_1284877219_
139461.jpg" srcset="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754393382/ilham-veren-fikirler/shutterstock_1284877219_61.jpg 2x" class="w-100" width="1200" height="1200" alt="İç Mekan Süs Bitkileri Nelerdir?" loading="lazy" />
1395                              </div>
1396                              <div class='d-flex flex-column h-100'>
1397                                   <h4 class='mt-auto px-3 text-dark helvetica' style=''>İç Mekan Süs Bitkileri Nelerdir?</h4>
1398                                   <p class='text-dark px-3 mb-0 short-desc'>Dekorasyona renk ve hareket katan bitkiler, yaşam alanlarının vazgeçilmezidir.  Bitki seçimi yaparken dikkat edilmesi gereken önemli noktalar ise mekanın aldığı güneş ışığı ve evinizle uyumudur. </p>
1399                              </div>
1400                              </a>
1401                              </div>
1402                         </div>
1403                         
1404                    <div class="col-lg-4 col-sm-6 mb-0 grid-item p-2 item- " style="min-height:560px">
1405                         <div class="portfolio-wrapperr text-start blog">
1406                              <a href='/ilham-veren-fikirler/duvar-lekelerini-cikarma-yontemleri-nelerdir' class='flex-column feed-box text-decoration-none'  data-index="10" data-name='Duvar Lekelerini Çıkarma Yöntemleri Nelerdir?'>
1407                              
1408                              <div class="position-relative d-block mb-2">
1409                                   <img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754393274/ilham-veren-fikirler/duvarlekeleri_25.png" srcset="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754393274/ilham-veren-fikirler/duvarlekeleri_25.png 2x" class="w-100" width="1200" height="1200" alt="Duvar Lekelerini Çıkarma Yöntemleri Nelerdir?" loading="lazy" />
1410                              </div>
1411                              <div class='d-flex flex-column h-100'>
1412                                   <h4 class='mt-auto px-3 text-dark helvetica' style=''>Duvar Lekelerini Çıkarma Yöntemleri Nelerdir?</h4>
1413                                   <p class='text-dark px-3 mb-0 short-desc'>Duvar lekelerinde doğru lekeyi doğru ürünle temizlerseniz duvar lekelerini hiç olmamış gibi hayatınızdan çıkarabilirsiniz.</p>
1414                              </div>
1415                              </a>
1416                              </div>
1417                         </div>
1418                         
1419                    <div class="col-lg-4 col-sm-6 mb-0 grid-item p-2 item- " style="min-height:560px">
1420                         <div class="portfolio-wrapperr text-start blog">
1421                              <a href='/ilham-veren-fikirler/genc-odasi-dekorasyon-fikirleri' class='flex-column feed-box text-decoration-none'  data-index="11" data-name='Genç Odası Dekorasyon Fikirleri'>
1422                              
1423                              <div class="position-relative d-block mb-2">
1424                                   <img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754393899/ilham-veren-fikirler/Basliksiz-7_94.png" srcset="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754393899/ilham-veren-fikirler/Basliksiz-7_94.png 2x" class="w-100" width="1200" height="1200" alt="Genç Odası Dekorasyon Fikirleri" loading="lazy" />
1425                              </div>
1426                              <div class='d-flex flex-column h-100'>
1427                                   <h4 class='mt-auto px-3 text-dark helvetica' style=''>Genç Odası Dekorasyon Fikirleri</h4>
1428                                   <p class='text-dark px-3 mb-0 short-desc'>Çocuğunuz büyüdükçe değişen zevklerine uygun şekilde odasını dönüştürerek yeni bir görünüme kavuşturun. </p>
1429                              </div>
1430                              </a>
1431                              </div>
1432                         </div>
1433                         
1434                    <div class="col-lg-4 col-sm-6 mb-0 grid-item p-2 item- " style="min-height:560px">
1435                         <div class="portfolio-wrapperr text-start blog">
1436                              <a href='/ilham-veren-fikirler/evi-ferah-gosteren-boya-renklerinden-kirik-beyaz-ile-tanisin' class='flex-column feed-box text-decoration-none'  data-index="12" data-name='Evi Ferah Gösteren Boya Renklerinden Kırık Beyaz ile Tanışın'>
1437                              
1438                              <div class="position-relative d-block mb-2">
1439                                   <img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754393340/ilham-veren-fikirler/kirikbeyaz_renkdekor_43.png" srcset="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754393340/ilham-veren-fikirler/kirikbeyaz_renkdekor_43.png 2x" class="w-100" width="1200" height="1200" alt="Evi Ferah Gösteren Boya Renklerinden Kırık Beyaz ile Tanışın" loading="lazy" />
1440                              </div>
1441                              <div class='d-flex flex-column h-100'>
1442                                   <h4 class='mt-auto px-3 text-dark helvetica' style=''>Evi Ferah Gösteren Boya Renklerinden Kırık Beyaz ile Tanışın</h4>
1443                                   <p class='text-dark px-3 mb-0 short-desc'>Evde geçirilen zamanı daha zevkli kılmanın bir yolu ferah duvar renklerine sahip olmaktır. </p>
1444                              </div>
1445                              </a>
1446                              </div>
1447                         </div>
1448                         
1449                    <div class="col-lg-4 col-sm-6 mb-0 grid-item p-2 item-3 " style="min-height:560px">
1450                         <div class="portfolio-wrapperr text-start blog">
1451                              <a href='/ilham-veren-fikirler/cocuk-odasi-dekorasyon-fikirleri' class='flex-column feed-box text-decoration-none'  data-index="13" data-name='Çocuk Odası Dekorasyon Fikirleri'>
1452                              
1453                              <div class="position-relative d-block mb-2">
1454                                   <img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754393931/ilham-veren-fikirler/Basliksiz-11_96.png" srcset="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754393931/ilham-veren-fikirler/Basliksiz-11_96.png 2x" class="w-100" width="1200" height="1200" alt="Çocuk Odası Dekorasyon Fikirleri" loading="lazy" />
1455                              </div>
1456                              <div class='d-flex flex-column h-100'>
1457                                   <h4 class='mt-auto px-3 text-dark helvetica' style=''>Çocuk Odası Dekorasyon Fikirleri</h4>
1458                                   <p class='text-dark px-3 mb-0 short-desc'>Çocuğunuzun oyun oynayacağı, ders çalışacağı, arkadaşlarıyla vakit geçireceği, dinleneceği ve uyuyacağı hoş bir mekan oluşturmak için çocuk odası dekorasyon fikirlerine göz atın. </p>
1459                              </div>
1460                              </a>
1461                              </div>
1462                         </div>
1463                         
1464                    <div class="col-lg-4 col-sm-6 mb-0 grid-item p-2 item-1 " style="min-height:560px">
1465                         <div class="portfolio-wrapperr text-start blog">
1466                              <a href='/ilham-veren-fikirler/boyasi-kalkmis-duvar-nasil-boyanir' class='flex-column feed-box text-decoration-none'  data-index="14" data-name='Boyası Kalkmış Duvar Nasıl Boyanır?'>
1467                              
1468                              <div class="position-relative d-block mb-2">
1469                                   <img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394125/ilham-veren-fikirler/boyasi-kalkmis-duvar-nasil-boyanir_139.jpg" srcset="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394125/ilham-veren-fikirler/boyasi-kalkmis-duvar-nasil-boyanir_139.jpg 2x" class="w-100" width="1200" height="1200" alt="Boyası Kalkmış Duvar Nasıl Boyanır?" loading="lazy" />
1470                              </div>
1471                              <div class='d-flex flex-column h-100'>
1472                                   <h4 class='mt-auto px-3 text-dark helvetica' style=''>Boyası Kalkmış Duvar Nasıl Boyanır?</h4>
1473                                   <p class='text-dark px-3 mb-0 short-desc'>
1473Boyası kalkmış duvarlar, estetik olarak rahatsız edici olabilir. Peki; evinizde, iş yerinizde ya da farklı bir yaşam alanında <b>boyası kalkmış duvar nasıl boyanır?</b> Gelin, kabarmış ya da boyası dökülmüş duvarlar için boyama önerilerini birlikte keşfed</p>
1474                              </div>
1475                              </a>
1476                              </div>
1477                         </div>
1478                         
1479                    <div class="col-lg-4 col-sm-6 mb-0 grid-item p-2 item-8 " style="min-height:560px">
1480                         <div class="portfolio-wrapperr text-start blog">
1481                              <a href='/ilham-veren-fikirler/gri-salon-dekorasyonuna-en-uygun-renk-secenekleri' class='flex-column feed-box text-decoration-none'  data-index="15" data-name='Gri Salon Dekorasyonuna En Uygun Renk Seçenekleri'>
1482                              
1483                              <div class="position-relative d-block mb-2">
1484                                   <img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754393333/ilham-veren-fikirler/grisalondek-renksecenekleri_41.png" srcset="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754393333/ilham-veren-fikirler/grisalondek-renksecenekleri_41.png 2x" class="w-100" width="1200" height="1200" alt="Gri Salon Dekorasyonuna En Uygun Renk Seçenekleri" loading="lazy" />
1485                              </div>
1486                              <div class='d-flex flex-column h-100'>
1487                                   <h4 class='mt-auto px-3 text-dark helvetica' style=''>Gri Salon Dekorasyonuna En Uygun Renk Seçenekleri</h4>
1488                                   <p class='text-dark px-3 mb-0 short-desc'>Hemen her renk ile muhteşem uyum sağlaması ve ortama asil ve modern bir hava katması sayesinde gri tonları son yılların en sevilen ev dekorasyonu renkleri arasında.  gri rengi hangi duvar renkleri ile kullanabileceğinizi bu içeriğimizde inceliyoruz.</p>
1489                              </div>
1490                              </a>
1491                              </div>
1492                         </div>
1493                         
1494                    <div class="col-lg-4 col-sm-6 mb-0 grid-item p-2 item- " style="min-height:560px">
1495                         <div class="portfolio-wrapperr text-start blog">
1496                              <a href='/ilham-veren-fikirler/duvar-boyasi-ne-kadar-surede-kurur' class='flex-column feed-box text-decoration-none'  data-index="16" data-name='Duvar Boyası Ne Kadar Sürede Kurur? '>
1497                              
1498                              <div class="position-relative d-block mb-2">
1499                                   <img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394151/ilham-veren-fikirler/duvar-boyasi-ne-kadar-surede-kurur_148.jpg" srcset="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394151/ilham-veren-fikirler/duvar-boyasi-ne-kadar-surede-kurur_148.jpg 2x" class="w-100" width="1200" height="1200" alt="Duvar Boyası Ne Kadar Sürede Kurur? " loading="lazy" />
1500                              </div>
1501                              <div class='d-flex flex-column h-100'>
1502                                   <h4 class='mt-auto px-3 text-dark helvetica' style=''>Duvar Boyası Ne Kadar Sürede Kurur? </h4>
1503                                   <p class='text-dark px-3 mb-0 short-desc'>Duvar boyamanın en önemi süreçlerinden biri de uygulanan boyanın kurumasını beklemektir. </p>
1504                              </div>
1505                              </a>
1506                              </div>
1507                         </div>
1508                         
1509                    <div class="col-lg-4 col-sm-6 mb-0 grid-item p-2 item-8 " style="min-height:560px">
1510                         <div class="portfolio-wrapperr text-start blog">
1511                              <a href='/ilham-veren-fikirler/oturma-odasi-dekorasyon-fikirleri' class='flex-column feed-box text-decoration-none'  data-index="17" data-name='Oturma Odası Dekorasyon Fikirleri'>
1512                              
1513                              <div class="position-relative d-block mb-2">
1514                                   <img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754393390/ilham-veren-fikirler/Filli-Boya_1080_1350px_07.06_1_64.jpg" srcset="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754393390/ilham-veren-fikirler/Filli-Boya_1080_1350px_07.06_1_64.jpg 2x" class="w-100" width="1200" height="1200" alt="Oturma Odası Dekorasyon Fikirleri" loading="lazy" />
1515                              </div>
1516                              <div class='d-flex flex-column h-100'>
1517                                   <h4 class='mt-auto px-3 text-dark helvetica' style=''>Oturma Odası Dekorasyon Fikirleri</h4>
1518                                   <p class='text-dark px-3 mb-0 short-desc'>Günün yorgunluğunu attığınız, koltukta uzanıp film seyrettiğiniz, samimi bir ortamda konuklarınızla sohbet ettiğiniz oturma odası, evde en uzun zaman geçirdiğiniz odalardan biridir. Peki, oturma odası dizaynı nasıl yapılır? </p>
1519                              </div>
1520                              </a>
1521                              </div>
1522                         </div>
1523                         
1524                    <div class="col-lg-4 col-sm-6 mb-0 grid-item p-2 item-1 item-8 " style="min-height:560px">
1525                         <div class="portfolio-wrapperr text-start blog">
1526                              <a href='/ilham-veren-fikirler/koyu-renk-duvar-boyasi-nasil-acilir' 
1526class='flex-column feed-box text-decoration-none'  data-index="18" data-name='Koyu Renk Duvar Boyası Nasıl Açılır?'>
1527                              
1528                              <div class="position-relative d-block mb-2">
1529                                   <img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394216/ilham-veren-fikirler/filli-boya-koyu-renk-duvar-boyasi-nasil-acilir_152.jpg" srcset="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394216/ilham-veren-fikirler/filli-boya-koyu-renk-duvar-boyasi-nasil-acilir_152.jpg 2x" class="w-100" width="1200" height="1200" alt="Koyu Renk Duvar Boyası Nasıl Açılır?" loading="lazy" />
1530                              </div>
1531                              <div class='d-flex flex-column h-100'>
1532                                   <h4 class='mt-auto px-3 text-dark helvetica' style=''>Koyu Renk Duvar Boyası Nasıl Açılır?</h4>
1533                                   <p class='text-dark px-3 mb-0 short-desc'>Yanlış duvar boyası seçmiş ya da duvarlarınıza biraz derinlik eklemek için seçtiğiniz boyanın rengini açmak istiyor olabilirsininiz.</p>
1534                              </div>
1535                              </a>
1536                              </div>
1537                         </div>
1538                         
1539                    <div class="col-lg-4 col-sm-6 mb-0 grid-item p-2 item-2 " style="min-height:560px">
1540                         <div class="portfolio-wrapperr text-start blog">
1541                              <a href='/ilham-veren-fikirler/dis-cephe-astar-boya-nasil-yapilir-hangi-astar-uygulanir' class='flex-column feed-box text-decoration-none'  data-index="19" data-name='Dış Cephe Astar Boya Nasıl Yapılır? Hangi Astar Uygulanır?'>
1542                              
1543                              <div class="position-relative d-block mb-2">
1544                                   <img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394301/ilham-veren-fikirler/dis-Cephe-astar-boya-nasil-yapilir_176.jpg" srcset="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394301/ilham-veren-fikirler/dis-Cephe-astar-boya-nasil-yapilir_176.jpg 2x" class="w-100" width="1200" height="1200" alt="Dış Cephe Astar Boya Nasıl Yapılır? Hangi Astar Uygulanır?" loading="lazy" />
1545                              </div>
1546                              <div class='d-flex flex-column h-100'>
1547                                   <h4 class='mt-auto px-3 text-dark helvetica' style=''>Dış Cephe Astar Boya Nasıl Yapılır? Hangi Astar Uygulanır?</h4>
1548                                   <p class='text-dark px-3 mb-0 short-desc'>Dış cephe astar boya uygulaması dayanıklılığı artırmaya ve boyanın uzun ömürlü olmasına katkıda bulunur. </p>
1549                              </div>
1550                              </a>
1551                              </div>
1552                         </div>
1553                         
1554                    <div class="col-lg-4 col-sm-6 mb-0 grid-item p-2 item-12 item-1 " style="min-height:560px">
1555                         <div class="portfolio-wrapperr text-start blog">
1556                              <a href='/ilham-veren-fikirler/aqua-reno-banyo-ile-banyonuzu-yenileyin' class='flex-column feed-box text-decoration-none'  data-index="20" data-name='Aqua Reno® Banyo ile Banyonuzu Yenileyin'>
1557                              
1558                              <div class="position-relative d-block mb-2">
1559                                   <img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394027/ilham-veren-fikirler/aqua-reno-banyo-boyama_114.jpg" srcset="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394027/ilham-veren-fikirler/aqua-reno-banyo-boyama_114.jpg 2x" class="w-100" width="1200" height="1200" alt="Aqua Reno® Banyo ile Banyonuzu Yenileyin" loading="lazy" />
1560                              </div>
1561                              <div class='d-flex flex-column h-100'>
1562                                   <h4 class='mt-auto px-3 text-dark helvetica' style=''>Aqua Reno® Banyo ile Banyonuzu Yenileyin</h4>
1563                                   <p class='text-dark px-3 mb-0 short-desc'>Banyonuzun görünümünden sıkıldınız mı? Yoksa uzun süredir aklınızda olan yenileme projesinde sıra boyama aşamasına mı geldi? </p>
1564                              </div>
1565                              </a>
1566                              </div>
1567                         </div>
1568                         
1569                    <div class="col-lg-4 col-sm-6 mb-0 grid-item p-2 item-1 " style="min-height:560px">
1570                         <div class="portfolio-wrapperr text-start blog">
1571                              <a href='/ilham-veren-fikirler/duvar-boyasi-alirken-nelere-dikkat-edilmeli' class='flex-column feed-box text-decoration-none'  data-index="21" data-name='Duvar Boyası Alırken Nelere Dikkat Edilmeli?'>
1572                              
1573                              <div class="position-relative d-block mb-2">
1574                                   <img src="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394106/ilham-veren-fikirler/duvar-boyasi-alirken-nelere-dikkat-edilmeli_135.png" srcset="https://res.cloudinary.com/filli-boya-kurumsal-web-sitesi/image/upload/f_auto,q_auto/v1754394106/ilham-veren-fikirler/duvar-boyasi-alirken-nelere-dikkat-edilmeli_135.png 2x" class="w-100" width="1200" height="1200" alt="Duvar Boyası Alırken Nelere Dikkat Edilmeli?" loading="lazy" />
1575                              </div>
1576                              <div class='d-flex flex-column h-100'>
1577                                   <h4 class='mt-auto px-3 text-dark helvetica' style=''>Duvar Boyası Alırken Nelere Dikkat Edilmeli?</h4>
1578                                   <p class='text-dark px-3 mb-0 short-desc'>Evinizin atmosferini anında değiştiren, yenilik katan ve dekorasyonu zenginleştiren duvar boyaları geniş yelpazede yer alan ürünlerdir.</p>
1579                              </div>
1580                              </a>
1581                              </div>
1582                         </div>
1583                         
1584
1585                    </div>
1586               </div>
1587          </div>
1588     </div>
1589
1590</div>
1591</div>
1592
1593<style>
1594
1595@media (max-width: 767.98px) {
1596  footer .f-main { margin-top: 1rem !important; }
1597  footer .f-col { flex: 0 0 100%; width: 100%; max-width: 100%; margin-bottom: 0 !important; }
1598  footer .f-col-title {
1599    position: relative; cursor: pointer; margin: 0;
1600    padding: 8px 34px 8px 12px; font-size: 16px;
1601  }
1602  footer .f-col-title:after {
1603    content: "+"; position: absolute; right: 10px; top: 50%;
1604    transform: translateY(-50%); font-size: xx-large; line-height: 1;
1605  }
1606  footer .f-col-title.active:after { content: "-"; }
1607  footer .f-col-list {
1608    max-height: 0; overflow: hidden;
1609    transition: max-height .2s ease-out;
1610    padding: 0 20px; margin: 0;
1611  }
1612  footer .f-col-list li { font-size: 16px; }
1613}
1614</style>
1615<div class='container extra_info-container'>
1616  <div class='row mb-3'>
1617    <div class='col-12 fs-14'>
1618      <div class=''>
1619        
1620      </div>
1621
1622    </div>
1623  </div>
1624</div>
1625<footer>
1626  <div class="text-center text-lg-start bg-footer text-white">
1627    <section class="pt-3">
1628      <div class="container text-center text-md-start mt-5 f-main">
1629        <div class="row mt-3 border-bottom text-start">
1630          <div class="col-6 col-md-2 col-lg-2 col-xl-2 mx-auto mb-4 f-col">
1631            <span class="h5 d-block fs-16 f-col-title">
1632              Popüler Kategoriler
1633            </span>
1634            <ul class="fs-14 f-col-list">
1635              <li>
1636                <a href='/urunler/boya/ic-cephe-boyalari' class="text-white text-decoration-none">
1637                  İç Cephe Boyaları
1638                </a>
1639              </li>
1640              <li>
1641                <a href='/urunler/boya/dis-cephe-boyalari' class="text-white text-decoration-none">
1642                  Dış Cephe Boyaları
1643                </a>
1644              </li>
1645              <li>
1646                <a href='/renkler/ic-cephe-renkleri' class="text-white text-decoration-none">
1647                  İç Cephe Renkleri
1648                </a>
1649              </li>
1650              <li>
1651                <a href='/renkler/dis-cephe-renkleri' class="text-white text-decoration-none">
1652                  Dış Cephe Renkleri
1653                </a>
1654              </li>
1655              <li>
1656                <a href='/profesyonel-urunler/mobilya-boyalari' class="text-white text-decoration-none">
1657                  Mobilya Boyaları
1658                </a>
1659              </li>
1660              <li>
1661                <a href='/urunler/boya/ic-cephe-boyalari/ic-cephe-macun-ve-astarlar' class="text-white text-decoration-none">
1662                  Macun ve Astarlar
1663                </a>
1664              </li>
1665              <li>
1666                <a href='/profesyonel-urunler/yapi-kimyasallari' class="text-white text-decoration-none">
1667                  Yapı Kimyasalları
1668                </a>
1669              </li>
1670
1671              <li>
1672                <a href='/urunler/boya/ic-cephe-boyalari/ic-cephe-tavan-boyalari' class="text-white text-decoration-none">
1673                  Tavan Boyaları
1674                </a>
1675              </li>
1676
1677              <li>
1678                <a href='/urunler/ev-bakimi-ve-hobi' class="text-white text-decoration-none">
1679                  Ev Bakım ve Hobi Boyaları
1680                </a>
1681              </li>
1682
1683              <li>
1684                <a href='/renkler/ic-cephe-renkleri/yatak-odasi' class="text-white text-decoration-none">
1685                  Yatak Odası Renkleri
1686                </a>
1687              </li>
1688            </ul>
1689
1690          </div>
1691
1692          <div class="col-6 col-md-2 col-lg-2 col-xl-2 mx-auto mb-4 f-col">
1693            <span class="h5 d-block fs-16 f-col-title">Popüler Ürünler</span>
1694            <ul class="fs-14 f-col-list">
1695              <li>
1696                <a href='/urun/momento-silan_1.25LT'  class="text-white text-decoration-none">
1697                  Momento Silan
1698                </a>
1699              </li>
1700
1701              <li>
1702                <a href='/urun/momento-max_1.25LT' class="text-white text-decoration-none">Momento Max</a>
1703              </li>
1704
1705              <li>
1706                <a href="/urun/filli-boya-yagli-boya-parlak" class="text-white text-decoration-none">Filli Boya Yağlı Boya</a> 
1707              </li>
1708
1709              <li>
1710                <a href="/urun/panel-kapi-boyasi" class="text-white text-decoration-none">Panel Kapı Boyası</a> 
1711              </li>
1712
1713              <li>
1714                <a href="/urun/aqualux_2.5LT" class="text-white text-decoration-none">Aqualux</a> 
1715              </li>
1716
1717              <li>
1718                <a href="/urun/momento-max-cleanix" class="text-white text-decoration-none">Momento Max Cleanix</a> 
1719              </li>
1720
1721              <li>
1722                <a href="/urun/momento-tek_2.5LT" class="text-white text-decoration-none">Momento Tek</a> 
1723              </li>
1724
1725              <li>
1726                <a href="/urun/sentomaxx-mat-sentetik-boya" class="text-white text-decoration-none">Sentomaxx Sentetik Boya</a> 
1727              </li>
1728              <li>
1729                <a href="/urun/sentomaxx-ipeksi-mat-sentetik-boya" class="text-white text-decoration-none">Sentomaxx İpeksi Mat</a> 
1730              </li>
1731
1732              <li>
1733                <a href="/urun/momento-life" class="text-white text-decoration-none">Momento Life</a> 
1734              </li>
1735
1736            </ul>
1737          </div>
1738
1739          <div class="col-6 col-md-2 col-lg-2 col-xl-2 mx-auto mb-4 f-col">
1740            <span class="h5 d-block fs-16 f-col-title">Popüler Renkler</span>
1741            <ul class="fs-14 f-col-list">
1742              <li>
1743                <a href='/renk/kirik-beyaz' class="text-white text-decoration-none">
1744                  Kırık Beyaz Rengi
1745                </a>
1746              </li>
1747              <li>
1748                <a href='/renk/cakilli-kum' class="text-white text-decoration-none">
1749                  Çakıllı Kum Rengi
1750                </a>
1751              </li>
1752              <li>
1753                <a href='/renk/aydan' class='text-white text-decoration-none cursor-pointer'>Aydan Rengi</a>
1754              </li>
1755              <li>
1756                <a href='/renk/fildisi' class='text-white text-decoration-none cursor-pointer'>Fildişi Rengi</a>
1757              </li>
1758              <li>
1759                <a href='/renk/andezit-60' class='text-white text-decoration-none cursor-pointer'>Andezit Rengi</a>
1760              </li>
1761              <li>
1762                <a href='/renk/sampanya' class='text-white text-decoration-none cursor-pointer'>Şampanya Rengi</a>
1763              </li>
1764              <li>
1765                <a href='/renk/haki' class='text-white text-decoration-none cursor-pointer'>Haki Rengi</a>
1766              </li>
1767              <li>
1768                <a href='/renk/acik-mavi' class='text-white text-decoration-none cursor-pointer'>Açık Mavi Rengi</a>
1769              </li>
1770              <li>
1771                <a href='/renk/bej-15' class='text-white text-decoration-none cursor-pointer'>Bej Rengi</a>
1772              </li>
1773              <li>
1774                <a href='/renk/frezya' class='text-white text-decoration-none cursor-pointer'>Frezya Rengi</a>
1775              </li>
1776
1777            </ul>
1778          </div>
1779
1780          <div class="col-6 col-md-2 col-lg-2 col-xl-2 mx-auto mb-4 f-col">
1781            <span class="h5 d-block fs-16 f-col-title">Kurumsal </span>
1782            <ul class="fs-14 f-col-list">
1783              <li>
1784                <a href='/hakkimizda' class="text-white text-decoration-none">
1785                  Hakkımızda
1786                </a>
1787              </li>
1788              <li>
1789                <a href='/hakkimizda/kurumsal-sosyal-sorumluluk' class="text-white text-decoration-none">Kurumsal Sosyal Sorumluluk</a>
1790              </li>
1791              <li>
1792                <a href='/hakkimizda/basin-odasi' class="text-white text-decoration-none">Basın Odası</a>
1793              </li>
1794              <li><a href='/iletisim/iletisim-bilgilerimiz' class='text-white text-decoration-none cursor-pointer'>İletişim Bilgilerimiz</a></li>
1795            </ul>
1796          </div>
1797
1798          <div class="col-6 col-md-2 col-lg-2 col-xl-2 mx-auto mb-4 f-col">
1799            <span class="h5 d-block fs-16 f-col-title">Hizmetler</span>
1800            <ul class="fs-14 f-col-list">
1801              <li>
1802                <a href='/filli-ustam' class="text-white text-decoration-none">
1803                  Filli Ustam
1804                </a>
1805              </li>
1806              <li>
1807                <a href='/hizmetler/renk-danisma' class="text-white text-decoration-none">
1808                  Renk Danışma
1809                </a>
1810              </li>
1811              <li>
1812                <a href='/hizmetler/en-yakin-filli-boya-ustasi' class="text-white text-decoration-none">
1813                  En Yakın Filli Boya Ustası
1814                </a>
1815              </li>
1816            </ul>
1817          </div>
1818
1819          <div class="col-6 col-md-2 col-lg-2 col-xl-2 mx-auto mb-4 f-col">
1820            <span class="h5 d-block fs-16 f-col-title">Müşteri Hizmetleri</span>
1821            <ul class="fs-14 f-col-list">
1822              <li>
1823                <a href='/iletisim/iletisim-formu' class="text-white text-decoration-none">
1824                  İletişim Formu
1825                </a>
1826              </li>
1827
1828              <li>
1829                <a href='/iletisim/satis-noktalari' class="text-white text-decoration-none">
1830                  Satış Noktaları
1831                </a>
1832              </li>
1833              <li>
1834                <a href='/yardim/sss' class="text-white text-decoration-none">
1835                  Sıkça Sorulan Sorular
1836                </a>
1837              </li>
1838              <li>
1839                <a href='https://www.dalmacyali.com.tr/hizmetlerimiz/ucretsiz-kesif' class="text-white text-decoration-none">
1840                  Ücretsiz Yalıtım Keşif Hizmeti
1841                </a>
1842              </li>
1843              <li>
1844                <a href='/yardim/islem-rehberi' class="text-white text-decoration-none">
1845                  İşlem Rehberi
1846                </a>
1847              </li>
1848              <li>
1849                <a href='https://e-sirket.mkk.com.tr/esir/Dashboard.jsp#/sirketbilgileri/10852' class="text-white text-decoration-none">
1850                  Bilgi Toplumu Hizmetleri
1851                </a>
1852              </li>
1853              <li>
1854                <a href='/kullanim-kosullari' class="text-white text-decoration-none">
1855                  İnternet Sitesi Kullanım Koşulları
1856                </a>
1857              </li>
1858              <li>
1859                <a href='/uploads/kvkk-talep-formu.pdf' class="text-white text-decoration-none">
1860                  KVKK Talep Formu
1861                </a>
1862              </li>
1863              <li>
1864                <a href='/kvkk-aydinlatma-metni' class="text-white text-decoration-none">
1865                  KVKK Aydınlatma Metni
1866                </a>
1867              </li>
1868
1869            </ul>
1870          </div>
1871
1872        </div>
1873        <div class="row mt-3 border-bottom">
1874          <div class="col-12 col-md-4 col-lg-4 col-xl-4 text-start mb-2">
1875            <img src="./uploads/filli-logo.png" width="84" height="57" style='width:84px;height:57px' alt="Filli Boya" loading="lazy">
1876            <p class="mt-1 pt-3 text-white">
1877              
1878              <a href='https://www.facebook.com/filliboya/' class='text-white' target='_BLANK' rel="nofollow"><i class="fab fs-18 pe-3 fa-facebook-f"></i></a>
1879              
1880              <a href='https://x.com/filliboya' class='text-white' target='_BLANK' rel="nofollow"><i class="fab fs-18 pe-3 fa-twitter"></i></a>
1881              
1882              <a href='https://www.linkedin.com/company/betek-boya-ve-kimya-sanayi-a-' class='text-white' target='_BLANK' rel="nofollow"><i class="fab fs-18 pe-3 fa-linkedin-in"></i></a>
1883              
1884              <a href='http://instagram.com/filliboya' class='text-white' target='_BLANK' rel="nofollow"><i class="fab fs-18 pe-3 fa-instagram"></i></a>
1885              
1886              <a href='https://vimeo.com/filliboya' class='text-white' target='_BLANK' rel="nofollow"><i class="fab fs-18 pe-3 fa-vimeo-v"></i></a>
1887              
1888              <a href='http://www.youtube.com/user/filliboyaofficial' class='text-white' target='_BLANK' rel="nofollow"><i class="fab fs-18 pe-3 fa-youtube"></i></a>
1889              
1890              <a href='https://www.pinterest.com/filliboya/' class='text-white' target='_BLANK' rel="nofollow"><i class="fab fs-18 pe-3 fa-pinterest"></i></a>
1891              
1892            </p>
1893          </div>
1894
1895          <div class="col-12 col-md-4 col-lg-4 col-xl-4 mx-auto mb-2 text-start">
1896            <span class="h5 d-block fs-18">
1897              Filli Boya E-bültenine abone olun,<br> Yenilikleri ve fırsatları takip edin
1898            </span>
1899            <p class="fs-13 mt-4 pt-3 text-white">
1900              <input class="me-2 aydinlatma_check" type="checkbox" id="aydinlatmaMetni" name="aydinlatmaMetni" value="">
1901              <a href="/kvkk-aydinlatma-metni" class='text-white'>KVKK aydınlatma metnini</a> okudum, bilgilendim.
1902            </p>
1903          </div>
1904
1905          <div class="col-12 col-md-4 col-lg-4 col-xl-4 mx-auto mb-2 text-start wrapper">
1906            <input type="mail" placeholder="E-posta adresiniz" class="emailBox mail_email">
1907            <input type="button" value="Abone Ol" class="aboneBtn ms-2 send_mail_customer">
1908            <p class="fs-13 mt-4 pt-3 text-white">
1909              <input class="me-2 mail_customer_check" type="checkbox" id="mail_customer_check" name="acikRiza" value="">
1910              Aksi tarafımca bildirilene dek, Betek Boya ve Kimya Sanayi A.Ş.'nin Filli Boya dahil tüm markaları ile ilgili kampanya, duyuru, hizmetler ve tanıtım faaliyetleri vb. ile ilgili olarak e-posta yoluyla şahsıma bilgilendirme yapılmasına ve iletişim kurulmasına izin veriyorum.
1911            </p>
1912          </div>
1913        </div>
1914        <div class="row py-4 text-start">
1915          <div class="col-12 col-lg-6 col-xl-6">
1916            © Filli Boya 2026. Tüm Hakları Saklıdır.
1917            <a href="https://etbis.ticaret.gov.tr/tr/SiteSorgulamaSonuc?siteId=b8b24c4f-0769-44fa-9a04-0f4ead9a7598"
1918               target="_blank" rel="noopener" title="ETBİS site doğrulama kaydı"
1919               class="text-white text-decoration-none ms-lg-3">
1920              Filli Boya ETBİS'e Kayıtlıdır
1921            </a>
1922          </div>
1923          <div class="col-12 col-lg-6 col-xl-6 text-start text-md-end text-lg-end text-xl-end">
1924            <img class="pe-2 w-7" src="./uploads/visa-logo.png" alt="Visa Logo" loading="lazy" width="300" height="233">
1925            <img class="pe-2 w-7" src="./uploads/mastercard-logo.png" alt="Mastercard Logo" loading="lazy" width="300" height="233">
1926            <img class="pe-2 w-15" src="./uploads/paynet-logo.png" alt="Paynet Logo" loading="lazy" width="159" height="35">
1927          </div>
1928        </div>
1929      </div>
1930    </section>
1931  </div>
1932  </footer>
1933
1934<div class="modal fade popup-modal">
1935  <div class="modal-dialog">
1936    <div class="modal-content">
1937      <div class="modal-header" style="border-bottom:0px">
1938        <span class="h4 d-block modal-title semi-bold fs-30">Bilgilendirme</span>
1939        <button type="button" class="close text-black" style='opacity:1' data-bs-dismiss="modal" aria-label="Close"><img src="./uploads/close-icon.png" width="21" height="21" style="width:21px;height:21px" alt="" loading="lazy"></button>
1940      </div>
1941      
1942      <div class="modal-body"></div>
1943    </div>
1944  </div>
1945</div>
1946
1947<div class="modal fade calculate-modal">
1948  <div class="modal-dialog">
1949    <div class="modal-content">
1950      <div class="modal-header" style="border-bottom:0px">
1951        <span class="h4 d-block modal-title semi-bold fs-30">Kolay Boya Hesabı</span>
1952        <button type="button" class="close text-black" style='opacity:1' data-bs-dismiss="modal" aria-label="Close"><img src="./uploads/close-icon.png" width="21" height="21" style="width:21px;height:21px" alt="" loading="lazy"></button>
1953      </div>
1954      <div class="modal-body">
1955        <p class="fw-bold fs-14"> Kaç m<sup>2</sup> alan boyamak istiyorsunuz?</p>
1956        <div class="row">
1957          <div class="col-12 col-md-6">
1958            <label>Tavan m<sup>2</sup></label>
1959            <input type="number" class="form-control p-10 h-auto b-rad-25 tavan">
1960          </div>
1961          <div class="col-12 col-md-6">
1962            <label>Duvar m<sup>2</sup></label>
1963            <input type="number" class="form-control p-10 h-auto b-rad-25 duvar">
1964          </div>
1965        </div>
1966        <p class="fw-bold fs-14 m-t-20 m-b-0">Boyamak istediğiniz yüzey</p>
1967        <div class="row">
1968          <div class="col-12 fs-14">
1969            <div class="radio">
1970              <label>
1971                <input class='me-2' type="radio" name="yuzey" value="1">Su bazlı eski boyalı yüzey
1972              </label>
1973            </div>
1974            <div class="radio">
1975              <label>
1976                <input class='me-2' type="radio" name="yuzey" value="2">Yeni alçı/sıva uygulanmış yüzey <i data-toggle="tooltip" data-placement="top" title="" class="fs-14 text-green md hydrated fas fa-question-circle" style="margin-bottom:-9px" role="img" aria-label="help circle" data-original-title="Duvar yüzeylerinin pürüzsüz ve temiz bir yüzey haline getirilmesi için uygulanan toz halinde, ince bir malzemeden elde edilen sıva türüdür."></i>
1977              </label>
1978            </div>
1979          </div>
1980          <div class="col-12 fs-14">
1981            <div class="radio">
1982              <label>
1983                <input class='me-2' type="radio" name="yuzey" value="1">Yeni macun uygulanmış yüzey <i data-toggle="tooltip" data-placement="top" title="" class="fs-14 text-green md hydrated fas fa-question-circle" style="margin-bottom:-9px" role="img" aria-label="help circle" data-original-title="Macunlar, duvar yüzeylerinde çatlak, delik vb. sıva bozulmalarını kapatmak amacıyla astar kullanımından önce uygulanmalıdır."></i>
1984              </label>
1985            </div>
1986            <div class="radio">
1987              <label>
1988                <input class='me-2' type="radio" name="yuzey" value="3">Sentetik bazlı eski boyalı yüzey
1989              </label>
1990            </div>
1991          </div>
1992          <div class="col-12 m-t-20">
1993            <div class="btn dark-btn p-10 calculate-paint">Hesapla</div>
1994          </div>
1995        </div>
1996      </div>
1997      <div class="modal-footer">
1998        <div class="result text-start w-100"></div>
1999        <p class="text-start fs-11"><i><strong>Not:</strong> Hesaplanan malzeme miktarları maksimum değerler olup, yüzey düzgünlüğüne ve emiciliğine bağlı olarak değişebilir. Kesin sarfiyat için kontrollü numune yapılmalıdır.</i></p>
2000      </div>
2001    </div>
2002  </div>
2003</div>
2004
2005<div class="modal fade information-modal">
2006  <div class="modal-dialog modal-dialog-centered modal-sm">
2007    <div class="modal-content">
2008      <div class="modal-header">
2009        <span class="h4 d-block modal-title semi-bold fs-30"></span>
2010        <button type="button" class="close text-black" style='opacity:1' data-bs-dismiss="modal" aria-label="Close"><img src="./uploads/close-icon.png" width="21" height="21" style="width:21px;height:21px" alt="" loading="lazy"></button>
2011      </div>
2012      <div class="modal-body">
2013      </div>
2014      <div class="modal-footer">
2015        <button type="button" class="btn dark-btn rounded-pill px-4" data-bs-dismiss="modal">Tamam</button>
2016      </div>
2017    </div>
2018  </div>
2019</div>
2020
2021<div class="modal fade" id="kvkkPopup" data-bs-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
2022  <div class="modal-dialog modal-lg modal-dialog-centered">
2023    <div class="modal-content">
2024      <div class="modal-header">
2025        <span class="h5 d-block modal-title" id="staticBackdropLabel">Bu web sitesi çerez kullanıyor</span>
2026        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
2027      </div>
2028      <div class="modal-body xs-fs-12">
2029        <p>Kullanıcıları doğrulamak, Web Site mizin etkin bir şekilde kullanımını sağlamak, içerik ve reklamları kişiselleştirmek ve trafiğimizi analiz etmek için çerezleri kullanıyoruz. Web Site mizi kullanımınızla ilgili bilgileri, reklamcılık ve analiz ortaklarımızla paylaşıyoruz. Çerezleri nasıl kullandığımız hakkında daha detaylı bilgi için Çerez (Cookies) Uygulamaları Politikası ve Çerezler Hakkında Aydınlatma Metnini inceleyebilirsiniz. Detaylı bilgi için: <a href="/cerez-aydinlatma-metni">Çerezler Hakkında Aydınlatma Metni</a>, <a href="/cerez-politikasi">Çerez (Cookies) Uygulamaları Politikası</a> ve <a href="/kvkk-aydinlatma-metni">KVKK Aydınlatma Metni</a></p>
2030        <div class="row fs-13">
2031          <div class="col-12 col-md-3 mb-1"><input class="me-1" type="checkbox" checked="" disabled=""> Zorunlu</div>
2032          <div class="col-12 col-md-3 mb-1"><input class="me-1" type="checkbox"> Performans ve Analiz</div>
2033          <div class="col-12 col-md-3 mb-1"><input class="me-1" type="checkbox"> İstatistik</div>
2034          <div class="col-12 col-md-3 mb-1"><input class="me-1" type="checkbox"> Reklam ve Pazarlama</div>
2035        </div>
2036      </div>
2037      <div class="modal-footer">
2038
2039        <button type="button" class="btn dark-btn bold accept-cookies">Onayla ve Kaydet</button>
2040      </div>
2041    </div>
2042  </div>
2043</div>
2044
2045</div>
2046
2047<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
2047
2048
2049<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
vendor: 1 bytes, line 2049
2049
2050<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js.cookie.min.js"></script>
vendor: 1 bytes, line 2050
2050
2051<script src='https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js'></script>
vendor: 1 bytes, line 2051
2051
2052<script src='https://cdnjs.cloudflare.com/ajax/libs/enquire.js/2.1.2/enquire.min.js'></script>
2052<script  src="./script.js"></script>
2052
2053
2054<script>
2055(function () {
2056     var SRC = 'https://chatbot-betek.serdoo.com/api/widget/7eaacc48-fbdc-44d4-a959-0c754e25b570/chat/web-client';
2057     var started = false;
2058     var EVENTS = ['pointerdown', 'touchstart', 'keydown', 'wheel', 'scroll'];
2059
2060     function inject() {
2061          if (started) { return; }
2062          started = true;
2063          EVENTS.forEach(function (e) { window.removeEventListener(e, schedule, OPTS); });
2064          var el = document.createElement('script');
2065          el.src = SRC;
2066          el.async = true;
2067          document.body.appendChild(el);
2068     }
2069
2070     function idle(fn, timeout) {
2071          if (window.requestIdleCallback) { window.requestIdleCallback(fn, { timeout: timeout }); }
2072          else { setTimeout(fn, 200); }
2073     }
2074
2075     var OPTS = { once: false, passive: true };
2076     function schedule() { if (!started) { idle(inject, 1500); } }
2077
2078     EVENTS.forEach(function (e) { window.addEventListener(e, schedule, OPTS); });
2079
2080     if (document.readyState === 'complete') { idle(inject, 5000); }
2081     else { window.addEventListener('load', function () { idle(inject, 5000); }); }
2082})();
2083</script>
2083
2084
2085<script>
2086$(document).ajaxSuccess(function (evt, xhr, settings) {
2087     if (!settings || !settings.url || settings.url.indexOf('job=add_to_cart') === -1) { return; }
2088     var res;
2089     try { res = JSON.parse(xhr.responseText); } catch (e) { return; }
2090     if (res && res.status === 'error' && res.message) {
2091          $('.information-modal .modal-title').text('');
2092          $('.information-modal .modal-body').text(res.message);
2093          $('.information-modal').modal('show');
2094     }
2095});
2096</script>
vendor: 1 bytes, line 2096
2096
2097<script src='assets/js/main.js?v=0.112'></script>
vendor: 1 bytes, line 2097
2097
2098<script src='assets/js/menu.js?v=0.112'></script>
vendor: 1 bytes, line 2098
2098
2099<script src="assets/js/search-integration-snippet.js?v=0.000025"></script>
2099
2100
2101<script type="application/ld+json">
2102{
2103  "@context": "https://schema.org",
2104  "@type": "Organization",
2105  "name": "Filli Boya",
2106  "url": "https://www.filliboya.com/",
2107  "logo": "https://www.filliboya.com/uploads/filli-logo.png",
2108  "description": "Global teknoloji ve partnerlik ile Filli Boya Markası altında pazara yenilik getiren dekoratif silikonlu dış cephe boyaları incelemek ve almak için tıklayın.",
2109
2110  "sameAs": [
2111    "https://www.instagram.com/filliboya",
2112    "https://www.facebook.com/FilliBoya/",
2113    "https://x.com/filliboya",
2114    "https://www.youtube.com/user/filliboyaofficial",
2115    "https://tr.pinterest.com/filliboya/",
2116    "https://vimeo.com/filliboya",
2117    "https://www.linkedin.com/company/betek-boya-ve-kimya-sanayi-a-/"
2118  ],
2119
2120  "parentOrganization": {
2121    "@type": "Organization",
2122    "name": "Betek Boya ve Kimya Sanayi A.Ş.",
2123    "url": "https://www.betek.com.tr/"
2124  },
2125
2126  "contactPoint": {
2127    "@type": "ContactPoint",
2128    "telephone": "+90-216-571-10-00",
2129    "contactType": "customer service",
2130    "areaServed": "TR",
2131    "availableLanguage": ["Turkish"]
2132  },
2133
2134  "address": {
2135    "@type": "PostalAddress",
2136    "streetAddress": "Zümrütevler Mahallesi Ural Sokak No: 38",
2137    "addressLocality": "Maltepe",
2138    "addressRegion": "İstanbul",
2139    "postalCode": "34852",
2140    "addressCountry": "TR"
2141  }
2142}
2143</script>
2143
2144
2145<script>
2146  
2147  document.querySelectorAll('footer .f-col-title').forEach(function (title) {
2148    title.addEventListener('click', function () {
2149      if (window.matchMedia('(min-width: 768px)').matches) { return; }
2150      this.classList.toggle('active');
2151      var list = this.nextElementSibling;
2152      if (list.style.maxHeight) { list.style.maxHeight = null; }
2153      else { list.style.maxHeight = list.scrollHeight + 'px'; }
2154    });
2155  });
2156  
2157  window.addEventListener('resize', function () {
2158    if (!window.matchMedia('(min-width: 768px)').matches) { return; }
2159    document.querySelectorAll('footer .f-col-list').forEach(function (l) { l.style.maxHeight = null; });
2160    document.querySelectorAll('footer .f-col-title').forEach(function (t) { t.classList.remove('active'); });
2161  });
2162
2163  var acf = document.getElementsByClassName("accordion");
2164  var i;
2165
2166  for (i = 0; i < acf.length; i++) {
2167    acf[i].addEventListener("click", function() {
2168      this.classList.toggle("active");
2169      var panelf = this.nextElementSibling;
2170      if (panelf.style.maxHeight) {
2171        panelf.style.maxHeight = null;
2172      } else {
2173        panelf.style.maxHeight = panelf.scrollHeight + "px";
2174      } 
2175    });
2176  }
2177
2178  function setCookie(cname, cvalue, exdays) {
2179    var d = new Date();
2180    d.setTime(d.getTime() + (exdays*24*60*60*1000));
2181    var expires = "expires="+ d.toUTCString();
2182    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
2183  }
2184
2185  function getCookie(cname) {
2186    var name = cname + "=";
2187    var decodedCookie = decodeURIComponent(document.cookie);
2188    var ca = decodedCookie.split(';');
2189    for(var i = 0; i <ca.length; i++) {
2190      var c = ca[i];
2191      while (c.charAt(0) == ' ') {
2192        c = c.substring(1);
2193      }
2194      if (c.indexOf(name) == 0) {
2195        return c.substring(name.length, c.length);
2196      }
2197    }
2198    return "";
2199  }
2200
2201  $(window).on('load',function(){
2202
2203    var accepted = getCookie('cookie_accepted');
2204    if(!accepted || accepted==''){
2205      if(window.location.href!='https://www.filliboya.com/cerez-aydinlatma-metni' && window.location.href!='https://www.filliboya.com/cerez-politikasi' && window.location.href!='https://www.filliboya.com/kvkk-aydinlatma-metni'){
2206        
2207      }
2208    }
2209    $('.ustam-thumb-side .close').on('click',function(){
2210      $('.ustam-thumb-side').removeClass('show');
2211    })
2212    
2213  });
2214
2215  $(document).ready(function() {
2216    var typingTimer;
2217    var doneTypingInterval = 500;
2218    var $input = $('#myInput');
2219    var last_search = '';
2220
2221    $('.main-nav-wrap a').on('click',function(e){
2222
2223      if(window.location.hash=='#test'){
2224        e.preventDefault();
2225      }
2226      $that = $(this);
2227      if(!$that.hasClass('dark-btn')){
2228        let this_title = $that.text(),sub_menu='',main_menu='';
2229        let x = 0;
2230        console.log(this_title,'clicked');
2231        while($that.closest('.has-subnav').length){
2232          let this_parent = $($that.closest('.has-subnav').find('a')[0]);
2233          $that = this_parent.parent().parent();
2234          if(sub_menu==''){ sub_menu = this_parent.text();  }
2235          else{ main_menu = this_parent.text(); }
2236          x++;
2237          if(x>10){ break; }
2238        }
2239
2240        if(main_menu=='' && sub_menu!=''){
2241          main_menu=sub_menu;
2242          sub_menu='';
2243        }
2244
2245        dataLayer.push({
2246          event:'menu_click',
2247          main_menu:main_menu,
2248          sub_menu:sub_menu,
2249          product_category:this_title
2250        });
2251      }
2252    })
2253
2254    $('.subnav-promo a').on('click',function(e){
2255      console.log('click event');
2256      $this = $(this);
2257      let title = $($this.closest('.has-subnav').find('a.has-subnav-link')[0]).text(), btn_title=$this.text(), cat = $this.closest('.subnav-promo').find('.subnav-promo-header').text(), event='menu_click';
2258      if($this.text().trim()!=''){ event='menu_button_click'; }
2259      console.log(title);
2260      window.dataLayer = window.dataLayer || []
2261      dataLayer.push({
2262        event: event,
2263        main_menu: title,
2264        button_name: btn_title,
2265        product_category: cat
2266      });
2267    })
2268
2269    if($('.ustam-thumb-side').length){
2270      setTimeout(function(){
2271        $('.ustam-thumb-side').addClass('show');
2272      },3000);
2273    }
2274
2275    $('.info-header').fadeIn();
2276
2277    if($('.extra_info').text().trim()!=''){
2278      $('.show_extra_info').removeClass('d-none');
2279    }
2280
2281    $('.show_extra_info').on('click',function(){
2282      $('.extra_info').toggleClass('open');
2283      $('.show_extra_info .show').toggleClass('d-none');
2284      $('.show_extra_info .hide').toggleClass('d-none');
2285    })
2286
2287    console.log('EKRAN GENISLIK:',$(window).width());
2288
2289    $('.accept-cookies').on('click',function(){
2290      setCookie('cookie_accepted','true',365);
2291      $('#kvkkPopup').modal('hide');
2292    })
2293
2294    $('footer a').on('click',function(){
2295      dataLayer.push({
2296        event:'footer_click',
2297        click_url:$(this).attr('href'),
2298        page_url:'/'
2299      });
2300    })
2301
2302    $input = $('input.search');
2303    $input.on('keyup', function () {
2304      clearTimeout(typingTimer);
2305      typingTimer = setTimeout(doneTyping, doneTypingInterval);
2306    });
2307
2308    
2309    $input.on('keydown', function () {
2310      clearTimeout(typingTimer);
2311    });
2312
2313    
2314    function doneTyping () {
2315      $input = $('input.search');
2316      if($input.val().length>2){
2317        if(last_search!=$input.val()){
2318          $.post( "cms/plugins/search.php", { search:$input.val() }, function(data){
2319            last_search = $input.val();
2320            $('.search-wrapper .results .row').html(data);
2321
2322            dataLayer.push({
2323              event:'search',
2324              seach_term:$input.val(),
2325              search_query:$input.val(),
2326              user_id:''
2327            });
2328          });
2329        }
2330      }
2331    }
2332
2333    $('.show-cart').on('click',function(){
2334      $('.side-bar').css('transform','translateX(0px)');
2335      $('.main-back-wrapper').show();
2336      $('body').css('overflow','hidden');
2337      $.post('cms/plugins/worker.php?job=calculate_order',{id:0},function(res){
2338        if(res){
2339          res=JSON.parse(res);
2340          $('.order-bar-total').text(money_it(res.grand_total)+'TL');
2341          if(res.sale && res.sale>0){
2342            $('.sale-bar-total').text(money_it(res.sale)+'TL').removeClass('d-none');
2343            $('.sale-title').removeClass('d-none');
2344          }
2345        }
2346      })
2347    })
2348    $('.main-back-wrapper').on('click',function(){
2349      $('.side-bar').css('transform','translateX(310px)');
2350      $('.main-back-wrapper').hide();
2351      $('body').css('overflow','auto');
2352    })
2353    $('.continue-shopping').on('click',function(){
2354      $('.main-back-wrapper').trigger('click');
2355    })
2356    $('.money-it').each(function(i,item){
2357      $(item).text(money_it($(item).text()));
2358    });
2359    $('.second-button').on('click', function () {
2360      $('.animated-icon2').toggleClass('open');
2361    });
2362    $('.search-close').on('click',function(){
2363      $('.search-wrapper').fadeOut();
2364    })
2365    $('.search-icon').on('click',function(){
2366      $('.search-wrapper').fadeIn();
2367      $('input.search').focus();
2368    })
2369    $('.mobile-menu-trigger').on('click',function(){
2370      $('body').toggleClass('menu-open');
2371      $('.collapse.navbar-collapse').toggleClass('show');
2372    });
2373    $('.pre-search').on('click',function(){
2374      $this = $(this);
2375      $('input.search').val($this.attr('data-title')).trigger('keyup');
2376    })
2377    $(window).on('load',function(){
2378      if($('ol.breadcrumb li').length<2){
2379      }
2380    })
2381    get_cart_count();
2382
2383    $('.open-chat').on('click',function(){
2384      $('.sc-launcher').trigger('click')
2385    })
2386
2387    $(document).on('click','.search-link',function(){
2388      $.post('cms/plugins/worker.php?job=from_search',{},function(){
2389        console.log('search session');
2390      })
2391    })
2392
2393    $(document).on('click','.send_mail_customer',function(){
2394      $this = $(this);
2395      var adr = $this.closest('.wrapper').find('.mail_email').val();
2396      
2397      
2398      var $aydinlatma = $this.closest('.bg-footer').find('.aydinlatma_check');
2399      if(adr.length>0 && adr.indexOf('@')>0 && adr.indexOf('.')>0){
2400        if($aydinlatma.length && !$aydinlatma.prop('checked')){
2401          $('.information-modal').find('.modal-title').text('Uyarı');
2402          $('.information-modal').find('.modal-body').html('Lütfen KVKK aydınlatma metnini okuduğunuzu onaylayınız.');
2403          $('.information-modal').modal('show');
2404          return;
2405        }
2406        if($this.closest('.wrapper').find('.mail_customer_check').prop('checked')){
2407          $.post("cms/plugins/worker.php?job=add_mail_customer",{email:adr},function(res){
2408            res = JSON.parse(res);
2409            if(res.status=='success'){
2410              $('.information-modal').find('.modal-title').text('Bilgi');
2411              $('.information-modal').find('.modal-body').html('Teşekkürler!<br /> E-posta adresiniz e-bülten listemize kayıt edilmiştir.');
2412              $('.information-modal').modal('show');
2413
2414              dataLayer.push({
2415                event:'subscribe_button',
2416                page_url:'/'
2417              });
2418            }
2419            else{
2420              $('.information-modal').find('.modal-title').text('Bilgi');
2421              $('.information-modal').find('.modal-body').html('E-posta adresiniz zaten listemizde, ilginiz için teşekkür ederiz.');
2422              $('.information-modal').modal('show');
2423            }
2424          });
2425        }
2426        else{
2427          $('.information-modal').find('.modal-title').text('Uyarı');
2428          $('.information-modal').find('.modal-body').html('Lütfen iletişim izni kutucuğunu işaretleyiniz.');
2429          $('.information-modal').modal('show');
2430        }
2431
2432      }
2433    })
2434  })
2435
2436  function get_cart_count(){
2437    $.post('cms/plugins/worker.php?job=get_cart_list',{},function(res){
2438      if(res){
2439        var data = JSON.parse(res);
2440        var total_cart_count=0;
2441        update_cart_list(data.list,data.total,data.shipping,0);
2442        $.each(data.list,function(i,item){ 
2443          total_cart_count+=parseInt(item.amount); 
2444        })
2445
2446        if(total_cart_count>0){ $('.cart-count').text(total_cart_count).removeClass('d-none'); }
2447        else{ $('.cart-count').addClass('d-none'); }
2448      }
2449    });
2450  }
2451
2452  function update_cart_list(list,total,shipping,send_cart=0){
2453    if(!list){
2454      console.log('list is null');
2455      $('.side-bar .bar-cart-list').html('<center class="py-5">Sepetiniz henüz boş</center>');
2456    }
2457    else{
2458      $('.side-bar .bar-cart-list').html('');
2459      var html = '',cart_html='<table style="width:100%"><thead><tr><td>Ürün Adı</td><td>Adet</td><td style="text-align:right">Tutar</td></tr></thead><tbody>';
2460      $.each(list,function(i,item){
2461        var old_price_text='';
2462        if(item.old_price && item.old_price!='' && item.old_price!='0'){
2463          var old_price = parseFloat(item.old_price);
2464          old_price_text = '<s class="text-dark fs-10 ms-2" style="opacity:0.9">'+money_it(old_price)+'TL</s>';
2465        }
2466
2467        html+='<div class="row cart_item mx-0">'+
2468          '<div class="col-4 cart_img">'+
2469          '<a href="/urun/'+item.alias+'" class="text-decoration-none color-black d-block mb-2 rounded-3" style="background-color:rgb('+item.rgb+')"><img src="'+fbCdn(item.image,'w=100')+'" class="img-fluid" alt=""></a>'+
2470          '</div>'+
2471          '<div class="cart_info col-8 my-auto">'+
2472          '<div class="fs-12">'+item.title+' '+item.package+'</div>'+
2473          '<p class="fs-12">'+item.amount+' x <span> '+money_it(item.price)+'TL </span> '+old_price_text+'</p>'+
2474          '</div>'+
2475          '</div>';
2476
2477        cart_html += '<tr><td>'+item.title+' '+item.package+'</td><td>'+item.amount+' Adet</td><td style="text-align:right">'+money_it(item.price)+'TL</td></tr>';
2478      })
2479      html+='<div class="row mx-0 cart_total py-2 border-top border-bottom mb-2"><div class="col-6 fs-14 bold fw-bold">Sepet Toplamı</div><div class="text-end col-6 fs-14 cart-bar-total" data-price="'+total+'">'+money_it(total)+'TL</div><div class="col-6 fs-14 bold text-success fw-bold d-none sale-title">İndirim</div><div class="text-end col-6 fs-14 sale-bar-total text-success d-none"></div><div class="col-6 fs-14 bold fw-bold">Sipariş Toplamı</div><div class="text-end col-6 fs-14 order-bar-total" data-price="'+total+'">'+money_it(total)+'TL</div></div>';
2480      cart_html+='</tbody></table>';
2481
2482      if($('#preOrderFormModal').length>0){
2483        $('#preOrderFormModal .modal-body .table-cart-list').html(cart_html);
2484        $('#saleContractModal .modal-body .table-cart-list').html(cart_html);
2485      }
2486
2487      $('.side-bar .bar-cart-list').html('<div class="mt-2">'+html+"</div>");
2488      
2489      $('.side-bar .grand-total').text(money_it(total+shipping));
2490      $('.side-bar .cart-total').text(money_it(total));
2491      if(shipping>0){
2492        $('.side-bar .shipping-total').text(money_it(shipping));
2493      }
2494      else{
2495        $('.side-bar .shipping-total').text('Ücretsiz').addClass('text-success');
2496      }
2497    }
2498  }
2499</script>
2499
2500
2501<script>
2502
2503(function(){
2504  function parse(t){
2505    t = String(t).replace(/[^0-9.,]/g,'');
2506    if(!t){ return NaN; }
2507    t = t.replace(/\./g,'').replace(',','.');
2508    var n = parseFloat(t);
2509    return isNaN(n) ? NaN : n;
2510  }
2511  function visible(el, stop){
2512    for(var e = el; e && e.nodeType === 1; e = e.parentElement){
2513      var cs = window.getComputedStyle(e);
2514      if(cs.display === 'none' || cs.visibility === 'hidden'){ return false; }
2515      if(e === stop){ break; }
2516    }
2517    return true;
2518  }
2519  function apply(){
2520    var notes = document.querySelectorAll('.price-note');
2521    for(var i = 0; i < notes.length; i++){
2522      var note  = notes[i];
2523      var scope = note.closest('.price-wrapper, .price-box, .product-list-box, .info-sale, #info')
2524                  || note.parentElement;
2525      if(!scope){ continue; }
2526      // .fb-price: JS ile dolan gridlerde fiyat span'i (money-it sinifi yok)
2527      var cands = scope.querySelectorAll('.money-it, .fb-price, h4#price, h4.price, #price');
2528      var ok = false;
2529      for(var j = 0; j < cands.length; j++){
2530        if(cands[j].contains(note)){ continue; }   // not fiyatin icindeyse sayma
2531        if(!visible(cands[j], scope)){ continue; }
2532        var v = parse(cands[j].textContent);
2533        if(!isNaN(v) && v > 0){ ok = true; break; }
2534      }
2535      note.classList.toggle('d-none', !ok);
2536    }
2537  }
2538  var timer = null;
2539  function schedule(){ clearTimeout(timer); timer = setTimeout(apply, 60); }
2540
2541  if(document.readyState === 'loading'){
2542    document.addEventListener('DOMContentLoaded', schedule);
2543  } else { schedule(); }
2544  window.addEventListener('load', schedule);
2545
2546  if(window.MutationObserver){
2547    new MutationObserver(schedule).observe(document.documentElement,
2548      { childList: true, subtree: true, characterData: true,
2549        attributes: true, attributeFilter: ['class','style'] });
2550  }
2551})();
2552</script>
2552
2553</body>
2554</html>
2555
2556<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js"></script>
2556
2557
2558<script type="application/ld+json"> {
2559     "@context": "https://schema.org/", "@type": "WebSite",
2560     "name": "Filli Boya",
2561     "url": "https://www.filliboya.com/", 
2562    "potentialAction": { "@type": "SearchAction", "target": "{search_term_string}", "query-input": "required name=search_term_string" } 
2563}  
2564</script>
2564
2565
2566<script>
2567     var i,splide;
2568     var shortDesc = document.getElementsByClassName('short-desc');
2569     for(i=0;i<shortDesc.length;i++) {
2570          if(shortDesc[i].innerHTML.length > 100){
2571               shortDesc[i].innerHTML = shortDesc[i].innerHTML.substring(0,100) + '...';
2572          }
2573     }
2574
2575     $(document).ready(function(){
2576          setTimeout(function(){
2577               if($('.splide.main').length){
2578                    splide = new Splide('.splide.main', {
2579                         autoplay: true,
2580                         arrows: true,
2581                         pagination:true,
2582                         type: 'fade',
2583                         rewind:true,
2584                         lazyLoad:true
2585                    });
2586                    splide.mount();
2587                    splide.on('moved', function () {
2588                         var slideIndex = splide.index;
2589                         $('.slide-content').addClass('d-none');
2590                         $('.slide-content#slide-'+slideIndex).removeClass('d-none');
2591                         var slideBg = document.getElementById("main-slide-bg");
2592
2593                         $("#main-slide-bg").removeClass (function (index, className) {
2594                              return (className.match (/(^|\s)slide-bg-\S+/g) || []).join(' ');
2595                         });
2596                         $("#main-slide-bg").addClass('slide-bg-'+slideIndex);
2597                         $link = $('.slider-link[data-pos='+slideIndex+']');
2598                         
2599
2600                         dataLayer.push({ ecommerce: null });
2601                         dataLayer.push({
2602                              event: "view_promotion",
2603                              ecommerce: {
2604                                   promotion_id: $link.attr('data-id'),
2605                                   promotion_name: $link.attr('data-name'),
2606                                   creative_name: $('.slider-link[data-pos='+slideIndex+'] img').attr('src'),
2607                                   creative_slot: slideIndex,
2608                                   currency: "TRY",
2609                                   items: [
2610                                        {
2611                                             item_id: $link.attr('data-id'),
2612                                             item_name: $link.attr('data-name'),
2613                                             affiliation: "Filli Boya",
2614                                             index: slideIndex,
2615                                             item_brand: "Filli Boya",
2616                                             quantity: 1
2617                                        }
2618                                   ]
2619                              }
2620                         });
2621
2622                    })
2623               }
2624          },200);
2625          
2626          if($('.splide.sub').length){
2627               var splide2 = new Splide('.splide.sub', {
2628                    autoplay: true,
2629                    perMove: 1,
2630                    arrows: true,
2631                    breakpoints: {
2632                         5024:{
2633                              perPage:3,
2634                              perMove: 1,
2635                              pagination: false,
2636                         },
2637                         1024:{
2638                              perPage:3,
2639                              perMove: 1,
2640                              pagination: false,
2641                         },
2642                         320:{
2643                              perPage:1,
2644                              perMove: 1,
2645                              pagination: true,
2646                         },
2647                         414:{
2648                              perPage:1,
2649                              perMove: 1,
2650                              pagination: true,
2651                         },
2652                         768:{
2653                              perPage:1,
2654                              perMove: 1,
2655                              pagination: true,
2656                         }
2657                    }
2658               }).mount();
2659               
2660          }
2661        
2662     })
2663
2664
2665     var filterFns = {
2666          numberGreaterThan50: function () {
2667               var number = $(this).find('.number').text();
2668               return parseInt(number, 10) > 50;
2669          }
2670     };
2671
2672     window.onload = (event) => {
2673          var filterValue = $(this).attr('data-filter');
2674          $('.show-after').show();
2675          $(".filtering").on("click", "span", function (e) {
2676               $this = $(this);
2677               var e = $this.attr("data-filter");
2678               $this.parent().removeClass("active").siblings().addClass("active");
2679	
2680            	$('.grid-item:not('+e+')').addClass('d-none');
2681            $('.grid-item'+e).removeClass('d-none');
2682            
2683               let this_layer = {
2684                    event:'popular_term',
2685                    click_title:$this.text(),
2686                    click_position:$this.parent().attr('data-index')
2687               };
2688               dataLayer.push(this_layer);
2689
2690          });
2691     };
2692
2693     $('#filters-color').on('click', 'button', function () {
2694          var newContent = document.getElementById('newContent');
2695          var colorHex = $(this).attr('data-color');
2696          newContent.style.background = colorHex;
2697          var filterValue = $(this).attr('data-filter');
2698          filterValue = filterFns[filterValue] || filterValue;
2699          $grid.isotope({ filter: filterValue });
2700
2701          $('.buy-btn').attr('href',$(this).attr('data-link')).removeClass('d-none');
2702     });
2703
2704     $('.button-group-color').each(function (i, buttonGroup) {
2705          var $buttonGroup = $(buttonGroup);
2706          $buttonGroup.on('click', 'button', function () {
2707               $buttonGroup.find('.is-checked').removeClass('is-checked');
2708               $(this).addClass('is-checked');
2709          });
2710     });
2711
2712     $(window).on('load',function(){
2713          console.log('whole page loaded');
2714          
2715     })
2716
2717     $('.feed-box').on('click',function(e){
2718          if(window.location.hash=='#test'){
2719               e.preventDefault();
2720          }
2721          $this = $(this);
2722          window.dataLayer = window.dataLayer || [];
2723          dataLayer.push({
2724               event:'homepage_content',
2725               content_name:$this.attr('data-name'),
2726               click_url:$this.attr('href'),
2727               click_position: parseInt($this.attr('data-index'))+3
2728          });
2729     })
2730
2731     $('.slider-link').on('click',function(e){
2732          if(window.location.hash=='#test'){
2733               e.preventDefault();
2734          }
2735          var id = $(this).attr('data-id'), pos=$(this).attr('data-pos'),name=$(this).attr('data-name'),url=$(this).attr('href');
2736
2737          window.dataLayer = window.dataLayer || [];
2738          dataLayer.push({
2739               event:'button_click',
2740               button_name:'Keşfet',
2741               banner_name:name,
2742               banner_position:pos,
2743               click_url:url,
2744          });
2745          dataLayer.push({
2746               "event" : "eec.Event",
2747               "Category" : "Enhanced Ecommerce",
2748               "Action" : "Promotion",
2749               "Label" : "Promotion Click",
2750               "Value" : "",
2751               "nonInteraction" : false,
2752               'ecommerce': {
2753                    'promoClick': {
2754                         'promotions': [
2755                              {
2756                                   'id': id,
2757                                   'name': name,
2758                                   'creative': 'main-slider',
2759                                   'position': pos
2760                              }]
2761                    }
2762               }
2763          });
2764          dataLayer.push({ ecommerce: null });
2765          dataLayer.push({
2766               event: "select_promotion",
2767               ecommerce: {
2768                    promotion_id: id,
2769                    promotion_name: name,
2770                    creative_name: $('.slider-link[data-pos='+pos+'] img').attr('src'),
2771                    creative_slot: pos,
2772                    currency: "TRY",
2773                    items: [
2774                         {
2775                              item_id: id,
2776                              item_name: name,
2777                              affiliation: "Filli Boya",
2778                              index: pos,
2779                              item_brand: "Filli Boya",
2780                              quantity: 1
2781                         }
2782                    ]
2783               }
2784          });
2785          console.log('datalayer',dataLayer[dataLayer.length-1]);
2786     })
2787</script>
2787
2788
2789<div style='display:none'>3</div>

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.