PageSourceSearch

https://www.suntile.co.uk/shop/

html suntile.co.uk collected 2026-09-26 15:53:35 UTC 45,136 bytes, 573 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-gb" id="top" class="wLayoutContent">
3  <head>
4    <title>
5      Shop [ roof tile replacement ] [skylight ] [ rooflight ]
6    </title>
7    <meta name="description" content="Suntile shop page to purchase Suntile roof products. Suntiles are a roof tile replacement. Based in Bristol">
8    <meta name="viewport" content="width=device-width,initial-scale=1">
9    <meta name="twitter:card" content="summary">
10    <meta property="og:type" content="website">
11    <meta property="og:url" content="https://www.suntile.co.uk/shop/">
12    <meta property="og:title" content="Shop [ roof tile replacement ] [skylight ] [ rooflight ]">
13    <meta property="og:description" content="Suntile shop page to purchase Suntile roof products. Suntiles are a roof tile replacement. Based in Bristol">
14    <link rel="canonical" href="https://www.suntile.co.uk/shop/">
15    <link rel="alternate" type="application/atom+xml" href="../updates.atom" title="Entire site">
16    <link rel="alternate" type="application/atom+xml" href="../shop/updates.atom" title="This section">
17    <link rel="stylesheet" type="text/css" href="../-stylesheets/screen.697.css">
18    
18<script>
19      window.dataLayer = window.dataLayer || [];
20      function gtag(){dataLayer.push(arguments);}
21      gtag('consent', 'default', {
22        'ad_storage': 'denied',
23        'ad_user_data': 'denied',
24        'ad_personalization': 'denied',
25        'analytics_storage': 'denied',
26        'functionality_storage': 'denied',
27        'personalization_storage': 'denied',
28        'security_storage': 'denied'
29      });
30    </script>
30
31    
31<script>
32      var runOnLoad=function(c,o,d,e){function x(){for(e=1;c.length;)c.shift()()}o[d]?(document[d]('DOMContentLoaded',x,0),o[d]('load',x,0)):o.attachEvent('onload',x);return function(t){e?o.setTimeout(t,0):c.push(t)}}([],window,'addEventListener');
33      const W=Object.assign((q,d=document)=>[...d.querySelectorAll(q)],{
34        breakpoint: (w=innerWidth)=>w<448?"xs":w<672?"s":w<896?"m":w<1120?"l":"xl",
35        track: e=>{for(let[f,a]of Object.entries(e))window[f]&&window[f](...a)},
36        Cookies: (()=>{let e="w_c",t="denied",o="granted",a={_:!1},n={},i=e=>{for(let t of document.cookie.split(/; */)){let[o,a]=t.split("=");if(o===encodeURIComponent(e))return decodeURIComponent(a.replace(/\+/g,"%20"))}},r=(e,t,o)=>{document.cookie=`${encodeURIComponent(e)}=${encodeURIComponent(t)}; path=/${o?"; expires="+new Date(1e3*o+ +new Date).toGMTString():""}${"https:"===location.protocol?"; secure":""}`},s=e=>r(e,"",-1e5),d=()=>{if(window.gtag){let e=c("google-ads")?o:t,a=c("google-analytics")?o:t;gtag("consent","update",{ad_storage:e,ad_user_data:e,ad_personalization:e,analytics_storage:a,functionality_storage:e||a,personalization_storage:e||a,security_storage:e||a})}r(e,JSON.stringify(a),3e6)},c=e=>e in a?a[e]:a._;try{a=JSON.parse(i(e)),d()}catch(t){s(e)}return addEventListener("message",e=>{e.origin===location.origin&&"cookies"===e.data.topic&&((e,t)=>{if(a[e]=t,d(),t)for(let t in n)"_"!==e&&e!==t||(n[t].forEach(e=>e()),n[t]=[])})(e.data.id,e.data.permitted)}),{set:r,get:i,clear:s,permitted:c,ifPermitted:(e,t)=>{c(e)?t():(n[e]||(n[e]=[]),n[e].push(t))}}})(),
37        Modules     : function(){function d(a,b){var c=a.map(function(a){return e[a]});-1<c.indexOf(void 0)?f.push([a,b]):b.apply(null,c)}var e={},f=[];return{add:function(a,b){if(!e[a]){e[a]=b();var c=f;f=[];c.forEach(function(a){d(a[0],a[1])})}},use:d,useOnLoad:function(a,b){runOnLoad(function(){d(a,b)})}}}(),
38        EDIT_MODE: false,
39        ROOT_PATH: '../',
40        COOKIE_PATH: '/',
41        BREAKPOINTS: {
42          BOUNDARIES: [447,671,895,1119,1344],
43          MATCHERS: {
44            "xs": matchMedia('(max-width:447px)'),
45            "s": matchMedia('(min-width:448px) and (max-width:671px)'),
46            "m": matchMedia('(min-width:672px) and (max-width:895px)'),
47            "l": matchMedia('(min-width:896px) and (max-width:1119px)'),
48            "xl": matchMedia('(min-width:1120px)')
49          }
50        },
51        settings: {
52          breakpoints: {"xs":448,"s":672,"m":896,"l":1120,"xl":1344}
53        }
54      })
55      var WebEdit = W;
56    </script>
56
57    
57<script src="../_webedit/generator/shared-javascript/responsive-commerce.js?1782140008"></script>
57
58    
58<script src="../_webedit/scripts/slidingRollover.js?1655386072"></script>
58
59    
59<script src="../_webedit/scripts/slanted-content.js?1655390043"></script>
59
60    
60<script src="../_webedit/scripts/verticalDividerContent.js?1727169558"></script>
vendor: 68 bytes, lines 60-61
60
61    <script async src="https://www.googletagmanager.com/gtag/js?id=
61G-3N40QWJV1Y
vendor: 16 bytes, lines 61-62
61"></script>
62    
62<script>
63      gtag('js', new Date());
64      gtag('config', 'G-3N40QWJV1Y');
65    </script>
65
66  </head>
67  <body>
68    <div id="w-content">
69      <input id="wMenuToggle" type="checkbox" autocomplete="off">
70      <header>
71        <div id="headerContent">
72          <div class="w-flex wFlex w-flex-horizontal-space-between w-flex-vertical-centre w-flex-rows-xs wFlexRowsXs w-flex-rows-s wFlexRowsS w-flex-gutter-10 wFlexGutter10 topBar">
73            <div class="w-flex-grow-1 wFlexGrow1 LHSheader">
74              <div class="w-flex wFlex w-flex-horizontal-start w-flex-vertical-centre w-flex-rows-xs wFlexRowsXs w-flex-rows-s wFlexRowsS w-flex-rows-m wFlexRowsM w-flex-rows-l wFlexRowsL w-flex-gutter-20 wFlexGutter20">
75                <div class="w-flex-basis-175 wFlexBasis175 topBtn">
76                  <div class="wButtonLeft">
77                    <a class="wButton" href="../contact-us/"><span>Get In Touch</span></a>
78                  </div>
79                </div>
80                <div class="w-flex-basis-180-xl wFlexBasis180Xl searchBit">
81                  <form class="wSearch" action="../webshop/-search/" method="GET">
82                    <div>
83                      <input type="text" name="query" value=""><button><span>Search</span></button>
84                    </div>
85                  </form>
86                </div>
87              </div>
88            </div>
89            <div class="w-flex-grow-1 wFlexGrow1">
90              <div class="w-flex wFlex w-flex-vertical-centre">
91                <div class="w-flex-basis-160-xs wFlexBasis160Xs w-flex-basis-160-s wFlexBasis160S w-flex-basis-320-m wFlexBasis320M w-flex-basis-320-l wFlexBasis320L w-flex-basis-320-xl wFlexBasis320Xl logoImg">
92                  <a href="../">
93                    <img src="../_webedit/cached-images/67.png" srcset="../_webedit/cached-images/67-0-0-0-10000-10000-160.png 160w,../_webedit/cached-images/67.png 320w" sizes="(max-width:671px) 160px,320px" width="320" height="150" alt="Suntile UK Ltd Logo" data-aspect-ratio="0.4688">
94                  </a>
95                </div>
96                <div class="w-flex-grow-1 wFlexGrow1 searchbarMobile">
97                  <form class="wSearch" action="../webshop/-search/" method="GET">
98                    <div>
99                      <input type="text" name="query" value=""><button><span>Search</span></button>
100                    </div>
101                  </form>
102                </div>
103              </div>
104            </div>
105            <div class="w-flex-grow-1 wFlexGrow1 RHSheader">
106              <div class="w-flex wFlex w-flex-horizontal-end w-flex-vertical-centre w-flex-gutter-10 wFlexGutter10 RHSheaderFlex">
107                <div class="w-flex-basis-90-xs wFlexBasis90Xs w-flex-basis-90-s wFlexBasis90S w-flex-basis-100-m wFlexBasis100M w-flex-basis-100-l wFlexBasis100L w-flex-basis-100-xl wFlexBasis100Xl shopBasket">
108                  <div id="wBasket">
109                    <div id="wBasketName">Hello guest</div>
110                    <div id="wBasketAccount">
111                      <div id="wBasketLoggedOut">
112                        <a href="../webshop/-account/?create=yes"><span>Create account</span></a>
113                        <span>|</span>
114                        <a href="../webshop/-account/?create=no"><span>Log in</span></a>
115                      </div>
116                      <div id="wBasketLoggedIn">
117                        <a href="../webshop/-account/"><span>My account</span></a>
118                        <span>|</span>
119                        <a href="../webshop/-log-out/"><span>Log out</span></a>
120                      </div>
121                    </div>
122                    <div id="wBasketItems"><a href="../webshop/-basket/">0</a></div>
123                    <div id="wBasketView"><a href="../webshop/-basket/">View basket</a></div>
124                    <div id="wBasketSummary">Your basket is empty</div>
125                  </div>
126                </div>
127                <div class="w-flex-basis-32 wFlexBasis32 facebookIcon">
128                  <a href="https://www.facebook.com/suntile.co.uk/" target="_blank" rel="noopener">
129                    <img src="../_webedit/cached-images/112-0-1585-0-1237-10000-123.png" srcset="../_webedit/cached-images/112-0-1585-0-1237-10000-32.png 32w,../_webedit/cached-images/112-0-1585-0-1237-10000-64.png 64w" sizes="32px" width="123" height="123" alt="" data-aspect-ratio="1.0000">
130                  </a>
131                </div>
132                <div class="w-flex-basis-32 wFlexBasis32 instagramIcon">
133                  <a href="https://www.instagram.com/suntileuk/" target="_blank" rel="noopener">
134                    <img src="../_webedit/cached-images/112-0-4372-0-1237-10000-123.png" srcset="../_webedit/cached-images/112-0-4372-0-1237-10000-32.png 32w,../_webedit/cached-images/112-0-4372-0-1237-10000-64.png 64w" sizes="32px" width="123" height="123" alt="" data-aspect-ratio="1.0000">
135                  </a>
136                </div>
137                <div class="w-flex-basis-32 wFlexBasis32 linkedinIcon">
138                  <img src="../_webedit/cached-images/112-0-6588-9000-1000-1000-100.png" srcset="../_webedit/cached-images/112-0-6588-9000-1000-1000-32.png 32w,../_webedit/cached-images/112-0-6588-9000-1000-1000-64.png 64w" sizes="32px" width="100" height="13" alt="" class="wLightbox" data-webedit-lightbox-source="../_webedit/cached-images/112-0-6588-9000-1000-1000-100.png" data-webedit-lightbox-width="100" data-webedit-lightbox-height="13" data-aspect-ratio="0.1300">
139                </div>
140              </div>
141            </div>
142          </div>
143          <div class="w-sticky" data-sticky-at="xs s m l xl" data-sticky-top="0"><div>
144            <div class="w-flex wFlex w-flex-vertical-bottom menuBar">
145              <div class="w-flex-basis-50-xs wFlexBasis50Xs w-flex-basis-50-s wFlexBasis50S w-flex-basis-50-m wFlexBasis50M w-flex-grow-1-l wFlexGrow1L w-flex-grow-1-xl wFlexGrow1Xl">
146                <label id="wMenuIcon" for="wMenuToggle" tabindex="0" role="button" aria-label="Toggle menu" aria-haspopup="true" aria-expanded="false"><span></span></label>
147                <ul role="menubar" aria-label="Menu" class="w-menu w-menu-with-icon wDropdown">
148                  <li role="none">
149                    <a role="menuitem" href="../">Home</a>
150                  </li><li role="none" class="wMenuSelected wMenuAncestor">
151                    <span role="menuitem" aria-current="page" class="w-menu-ancestor">Shop</span>
152                  </li><li role="none">
153                    <a role="menuitem" href="../product-info/">Product Info</a>
154                  </li><li role="none">
155                    <a role="menuitem" href="../videos/">Videos</a>
156                  </li><li role="none">
157                    <a role="menuitem" href="../installation/">Installation</a>
158                  </li><li role="none">
159                    <a role="menuitem" href="../reviews/">Reviews</a>
160                  </li><li role="none">
161                    <a role="menuitem" href="../faqs/">FAQs</a>
162                  </li><li role="none">
163                    <a role="menuitem" href="../gallery/">Gallery</a>
164                  </li><li role="none">
165                    <a role="menuitem" href="../blog/">Blog</a>
166                  </li><li role="none">
167                    <a role="menuitem" href="../contact-us/">Contact Us</a>
168                  </li>
169                </ul>
170              </div>
171            </div>
172          </div></div>
173        </div>
174      </header>
175      <main>
176        <div id="banner">
177          <div data-background-prefix="128-gggkkiib245e505da4b358de36fce14e31b40fc288c5da6b52d1553118fe9c0" data-background-extension="jpg" data-background-aspect-ratio="2.7866473149492" data-background-position="50% 50%" data-background-attachment="parallax" data-background-overlay-colour="rgba(57,57,57,0.6)" data-background-luminance="0.30051764705882" data-background-active="true">
178          </div>
179          <div class="bannerContent wPadding60-0">
180            <div class="wCentred wPadding0-30">
181              <div class="wGutter"><div class="wSplit wGutter20 wSpace20">
182                <div>
183                  <div class="w-hide-xs w-hide-s w-hide-m w-show-l w-show-xl">
184                    <div class="wGutter"><div class="wSplit wGutter20 wSpace20">
185                      <div>
186                        <h1 class="webeditText">
187                          <span class="h125 ac"><span class="bon f9 s72 twss">The Suntile Shop</span><span class="bon s72 twss">&nbsp;</span></span>
188                        </h1>
189                      </div>
190                    </div></div>
191                  </div>
192                  <div class="w-show-xs w-show-s w-show-m w-hide-l w-hide-xl">
193                    <div class="wGutter"><div class="wSplit wGutter20 wSpace20">
194                      <div>
195                        <h1 class="webeditText">
196                          <span class="h125 ac">&nbsp;</span>
197                        </h1>
198                      </div>
199                    </div></div>
200                  </div>
201                </div>
202              </div></div>
203            </div>
204          </div>
205        </div>
206        <div id="content">
207          <div class="wSplit">
208            <div>
209              <div class="highlightGreenContent lightAccents wPadding60-0">
210                <div class="wCentred wPadding0-30">
211                  <div class="wGutter"><div class="wSplit wGutter20 wSpace20">
212                    <div>
213                      <div class="webeditTextComponent">
214                        <div class="webeditText"><div class="ac">&nbsp;</div></div>
215                      </div>
216                    </div>
217                  </div></div>
218                </div>
219              </div>
220              <div class="LLGreyContent wPadding60-0">
221                <div class="wCentred wPadding0-30">
222                  <div class="wGutter"><div class="wSplit wGutter20 wSpace20">
223                    <div>
224                      <div class="wGutter"><div class="wSplit wGutter20 wSpace20">
225                        <div class="wSpan60Xs wOver0Xs wSpan30S wOver0S wSpan30M wOver0M wSpan15 wOver0 wSpan15Xl wOver0Xl">
226                          <h2 class="webeditText">
227                            <span class="h125 ac"><span class="bon f9 s24">Suntile Loft Conversion Kit</span><span class="bon s24">&nbsp;</span></span>
228                          </h2>
229                          <div class="webeditTextComponent">
230                            <div class="webeditText"><div class="ac"><span class="f1 s18">Natural Daylight for Pitched Roof Ceilings</span><span class="s18">&nbsp;</span></div></div>
231                          </div>
232                          <div class="wSpacer">
233                          </div>
234                          <div class="jetBgButton">
235                            <div class="wButtonCentre">
236                              <a class="wButton" href="../webshop/suntile/suntile-loft-conversion-kit/"><span>BUY NOW</span></a>
237                            </div>
238                          </div>
239                          <img src="../_webedit/cached-images/146-0-1299-714-6327-5670-1215.jpg" srcset="../_webedit/cached-images/146-0-1299-714-6327-5670-256.jpg 256w,../_webedit/cached-images/146-0-1299-714-6327-5670-306.jpg 306w,../_webedit/cached-images/146-0-1299-714-6327-5670-512.jpg 512w,../_webedit/cached-images/146-0-1299-714-6327-5670-612.jpg 612w,../_webedit/cached-images/146-0-1299-714-6327-5670-816.jpg 816w" sizes="(max-width:447px) calc(100vw - 60px),(min-width:448px) and (max-width:895px
239) calc(50vw - 40px),(min-width:896px) and (max-width:1343px) calc(25vw - 30px),306px" width="1215" height="817" alt="" data-aspect-ratio="0.6724">
240                          <div class="webeditTextComponent">
241                            <div class="webeditText"><div><span class="s18">The </span><span class="bon s18">Suntile Loft Conversion Kit</span><span class="s18"> is designed to bring natural daylight into dark spaces and is specifically made for installation in pitched ceilings, fitting directly onto the back of rafters.&nbsp;</span></div><div>&nbsp;</div><div><span class="s18">Ideal for loft conversions, hallways, en-suites, bathrooms, and other areas of the home, this kit channels natural daylight into spaces that would otherwise rely on artificial lighting.&nbsp;</span></div><div>&nbsp;</div><div><span class="s18">It’s a simple way to brighten your home and make better use of natural light throughout the day.&nbsp;</span></div></div>
242                          </div>
243                          <div class="wSpacer">
244                          </div>
245                          <div class="webeditTextComponent">
246                            <div class="webeditText"><div>&nbsp;</div></div>
247                          </div>
248                        </div>
249                        <div class="wSpan60Xs wOver0Xs wSpan30S wOverAllS wSpan30M wOverAllM wSpan15 wOver15 wSpan15Xl wOver15Xl">
250                          <h2 class="webeditText">
251                            <span class="h125 ac"><span class="bon f9 s24">Suntile Quick Kit</span><span class="bon s24">&nbsp;</span></span>
252                          </h2>
253                          <div class="webeditTextComponent">
254                            <div class="webeditText"><div class="ac"><span class="f1 s18">Instant Dayight for Lofts &amp; Garages</span><span class="s18">&nbsp;</span></div><div class="ac">&nbsp;</div></div>
255                          </div>
256                          <div class="wSpacer">
257                          </div>
258                          <div class="jetBgButton">
259                            <div class="wButtonCentre">
260                              <a class="wButton" href="../webshop/suntile/suntile-quick-kit-for-lofts/"><span>BUY NOW</span></a>
261                            </div>
262                          </div>
263                          <img src="../_webedit/cached-images/134-0-0-2481-10000-5038-1439.jpg" srcset="../_webedit/cached-images/134-0-0-2481-10000-5038-256.jpg 256w,../_webedit/cached-images/134-0-0-2481-10000-5038-306.jpg 306w,../_webedit/cached-images/134-0-0-2481-10000-5038-512.jpg 512w,../_webedit/cached-images/134-0-0-2481-10000-5038-612.jpg 612w,../_webedit/cached-images/134-0-0-2481-10000-5038-816.jpg 816w" sizes="(max-width:447px) calc(100vw - 60px),(min-width:448px) and (max-width:895px) calc(50vw - 40px),(min-width:896px) and (max-width:1343px) calc(25vw - 30px),306px" width="1439" height="968" alt="" data-aspect-ratio="0.6727">
264                          <div class="webeditTextComponent">
265                            <div class="webeditText"><div><span class="s18">The </span><span class="bon s18">Suntile Quick Kit</span><span class="s18"> is designed to bring natural daylight into dark spaces such as lofts, garages, and stables. &nbsp;</span></div><div>&nbsp;</div><div><span class="s18">By keeping these areas bright during the day, it helps make them far less attractive to pests such as rats, squirrels, and mice that prefer dark, undisturbed environments. &nbsp;</span></div><div>&nbsp;</div><div><span class="s18">The kit requires virtually no maintenance and can also help homeowners save money by reducing the need to use electric lighting in the loft during daylight hours.&nbsp;</span></div></div>
266                          </div>
267                          <div class="wSpacer">
268                          </div>
269                        </div>
270                        <div class="wSpan60Xs wOver0Xs wSpan30S wOver0S wSpan30M wOver0M wSpan15 wOver30 wSpan15Xl wOver30Xl">
271                          <h2 class="webeditText">
272                            <span class="h125 ac"><span class="bon f9 s24">Suntile Rigid Extension Kit</span><span class="bon s24">&nbsp;</span></span>
273                          </h2>
274                          <div class="webeditTextComponent">
275                            <div class="webeditText"><div class="ac"><span class="f1 s18">Daylight for Rooms Below Loft Spaces</span><span class="s18">&nbsp;</span></div></div>
276                          </div>
277                          <div class="wSpacer">
278                          </div>
279                          <div class="jetBgButton">
280                            <div class="wButtonCentre">
281                              <a class="wButton" href="../webshop/suntile/suntile-rigid-extension-kit/"><span>BUY NOW</span></a>
282                            </div>
283                          </div>
284                          <img src="../_webedit/cached-images/68-0-0-1397-10000-5042-1200.jpg" srcset="../_webedit/cached-images/68-0-0-1397-10000-5042-256.jpg 256w,../_webedit/cached-images/68-0-0-1397-10000-5042-306.jpg 306w,../_webedit/cached-images/68-0-0-1397-10000-5042-512.jpg 512w,../_webedit/cached-images/68-0-0-1397-10000-5042-612.jpg 612w,../_webedit/cached-images/68-0-0-1397-10000-5042-816.jpg 816w" sizes="(max-width:447px) calc(100vw - 60px),(min-width:448px) and (max-width:895px) calc(50vw - 40px),(min-width:896px) and (max-width:1343px) calc(25vw - 30px),306px" width="1200" height="807" alt="" data-aspect-ratio="0.6725">
285                          <div class="webeditTextComponent">
286                            <div class="webeditText"><div><span class="s18">The </span><span class="bon s18">Suntile Rigid Extension Kit</span><span class="s18"> is designed to channel natural daylight from the roof space into rooms with flat ceilings, such as bathrooms, corridors, and stairwells.&nbsp;</span></div><div>&nbsp;</div><div><span class="s18">Its adjustable telescopic light tunnel system requires no cutting, making installation quick and straightforward.&nbsp;</span></div><div>&nbsp;</div><div><span class="s18">This simple yet highly efficient design makes it one of the easiest natural daylight systems to install while also being one of the most effective products on the market.&nbsp;</span></div></div>
287                          </div>
288                          <div class="wSpacer">
289                          </div>
290                        </div>
291                        <div class="wSpan60Xs wOver0Xs wSpan30S wOverAllS wSpan30M wOverAllM wSpan15 wOverAll wSpan15Xl wOverAllXl">
292                          <h2 class="webeditText">
293                            <span class="h125 ac"><span class="bon f9 s24">The Flat Roofing Kit</span><span class="bon s24">&nbsp;</span></span>
294                          </h2>
295                          <div class="webeditTextComponent">
296                            <div class="webeditText"><div class="ac"><span class="f1 s18">Natural Light for Garages, Extensions &amp; More</span><span class="s18">&nbsp;</span></div></div>
297                          </div>
298                          <div class="wSpacer">
299                          </div>
300                          <div class="jetBgButton">
301                            <div class="wButtonCentre">
302                              <a class="wButton" href="../webshop/suntile/suntile-flat-roof-kit/"><span>BUY NOW</span></a>
303                            </div>
304                          </div>
305                          <img src="../_webedit/cached-images/144-0-724-1609-8645-7471-1660.jpg" srcset="../_webedit/cached-images/144-0-724-1609-8645-7471-256.jpg 256w,../_webedit/cached-images/144-0-724-1609-8645-7471-306.jpg 306w,../_webedit/cached-images/144-0-724-1609-8645-7471-512.jpg 512w,../_webedit/cached-images/144-0-724-1609-8645-7471-612.jpg 612w,../_webedit/cached-images/144-0-724-1609-8645-7471-816.jpg 816w" sizes="(max-width:447px) calc(100vw - 60px),(min-width:448px) and (max-width:895px) calc(50vw - 40px),(min-width:896px) and (max-width:1343px) calc(25vw - 30px),306px" width="1660" height="1117" alt="" data-aspect-ratio="0.6729">
306                          <div class="webeditTextComponent">
307                            <div class="webeditText"><div><span class="s18">Brighten up any space beneath a flat roof with the </span><span class="bon s18">Suntile Flat Roofing Kit</span><span class="s18"> – a premium </span><span class="bon s18">natural daylight duct light </span><span class="s18">solution.&nbsp;</span></div><div><span class="s18">Ideal for garages, home extensions, and similar spaces, this </span><span class="bon s18">skylight alternative</span><span class="s18"> uses a double-glazed ceiling diffuser to transform dark rooms into bright, welcoming space
307s.&nbsp;</span></div><div>&nbsp;</div><div><span class="s18">This </span><span class="bon s18">rooflight</span><span class="s18"> system captures daylight using a </span><span class="bon s18">light collector</span><span class="s18"> on the roof and channels it indoors, offering year-round illumination without increasing energy bills.&nbsp;</span></div></div>
308                          </div>
309                          <div class="wSpacer">
310                          </div>
311                        </div>
312                      </div></div>
313                    </div>
314                  </div></div>
315                </div>
316              </div>
317              <div>
318                <div data-background-prefix="105-gggkkiib8aa3e83ceed91088b73ce29d30ae738b0059e5a3f9c2a4024aa182b" data-background-extension="jpg" data-background-aspect-ratio="1.6" data-background-position="50% 50%" data-background-attachment="parallax" data-background-overlay-colour="rgba(204,204,204,0.7)" data-background-luminance="0.5618" data-background-active="true">
319                </div>
320                <div class="wPadding60-0">
321                  <div class="wCentred wPadding0-30">
322                    <div class="wGutter"><div class="wSplit wGutter20 wSpace20">
323                      <div>
324                        <div class="extraSpace" style="padding:10px;">
325                        </div>
326                        <div class="iconBlock">
327                          <div class="wCentred iconBoxQuote w-maximum-48">
328                            <img src="../_webedit/cached-images/106.png" srcset="../_webedit/cached-images/106-0-0-0-10000-10000-48.png 48w,../_webedit/cached-images/106-0-0-0-10000-10000-96.png 96w" sizes="(max-width:107px) calc(100vw - 60px),48px" width="256" height="256" alt="" data-aspect-ratio="1.0000">
329                          </div>
330                          <div class="wColourblock w-border-9" style="padding:28px;border-width:2px">
331                            <div class="wGutter"><div class="wSplit wGutter40 wSpace20">
332                              <div>
333                                <div class="webeditTextComponent">
334                                  <div class="webeditText"><div class="ac"><span class="bon ion s24 twss">"Our Suntiles have done more than light up our dark landing. Our children now have a new playspace and our moods, as well as our house, have definitely brightened!"&nbsp;</span></div><div class="ac">&nbsp;</div><div class="ac"><span class="bon f9 s20 twss">Joanne W </span><span class="f9 s20 twss"> |</span><span class="bon f9 s20 twss">  South Gloucestershire</span><span class="bon s20 twss">&nbsp;</span></div></div>
335                                </div>
336                                <div class="wSpacer">
337                                </div>
338                              </div>
339                            </div></div>
340                          </div>
341                        </div>
342                        <div class="extraSpace" style="padding:10px;">
343                        </div>
344                      </div>
345                    </div></div>
346                  </div>
347                </div>
348              </div>
349            </div>
350          </div>
351        </div>
352      </main>
353      <footer>
354        <div class="wPadding40-0">
355          <div class="wCentred wPadding0-30">
356            <div class="wGutter"><div class="wSplit wGutter20 wSpace20">
357              <div>
358                <div class="webeditTextComponent">
359                  <div class="webeditText"><div class="ac"><span class="bon f9 s36 twss">Ditch the Switch</span><span class="bon s36 twss">&nbsp;</span></div></div>
360                </div>
361                <div class="extraSpace" style="padding:5px;">
362                </div>
363                <div class="w-hide-xs w-hide-s w-hide-m w-show-l w-show-xl">
364                  <div class="wGutter"><div class="wSplit wGutter20 wSpace20">
365                    <div>
366                      <div class="wCentred w-maximum-800">
367                        <div class="wGutter"><div class="wSplit wGutter20 wSpace20">
368                          <div>
369                            <div class="wGutter"><div class="wSplit wGutter20 wSpace20">
370                              <div class="wSpan30Xs wOver0Xs wSpan15S wOver0S wSpan15M wOver0M wSpan15 wOver0 wSpan15Xl wOver0Xl">
371                                <div class="iconRow">
372                                  <div class="w-flex wFlex w-flex-gutter-12 wFlexGutter12">
373                                    <div class="w-flex-basis-32 wFlexBasis32">
374                                      <img src="../_webedit/cached-images/113-0-4160-0-1667-10000-121.png" srcset="../_webedit/cached-images/113-0-4160-0-1667-10000-32.png 32w,../_webedit/cached-images/113-0-4160-0-1667-10000-64.png 64w" sizes="32px" width="121" height="120" alt="Green animated dot for map" data-aspect-ratio="0.9917">
375                                    </div>
376                                    <div class="w-flex-vertical-centre w-flex-grow-1 wFlexGrow1">
377                                      <div class="wGutter"><div class="wSplit wGutter20 wSpace8">
378                                        <div>
379                                          <div class="webeditTextComponent">
380                                            <div class="webeditText"><div><span class="s22">Bristol, UK&nbsp;</span></div></div>
381                                          </div>
382                                        </div>
383                                      </div></div>
384                                    </div>
385                                  </div>
386                                </div>
387                              </div>
388                              <div class="wSpan30Xs wOverAllXs wSpan15S wOver15S wSpan15M wOver15M wSpan15 wOver15 wSpan15Xl wOver15Xl">
389                                <div class="iconRow">
390                                  <div class="w-flex wFlex w-flex-gutter-12 wFlexGutter12">
391                                    <div class="w-flex-basis-32 wFlexBasis32">
392                                      <img src="../_webedit/cached-images/113-0-285-0-1667-10000-121.png" srcset="../_webedit/cached-images/113-0-285-0-1667-10000-32.png 32w,../_webedit/cached-images/113-0-285-0-1667-10000-64.png 64w" sizes="32px" width="121" height="120" alt="Green animated phone" data-aspect-ratio="0.9917">
393                                    </div>
394                                    <div class="w-flex-vertical-centre w-flex-grow-1 wFlexGrow1">
395                                      <div class="wGutter"><div class="wSplit wGutter20 wSpace8">
396                                        <div>
397                                          <div class="webeditTextComponent">
398                                            <div class="webeditText"><div><a href="tel:+441454777953"><span class="f1 s22">01454 777 953</span></a><span class="s22">&nbsp;</span></div></div>
399                                          </div>
400                                        </div>
401                                      </div></div>
402                                    </div>
403                                  </div>
404                                </div>
405                              </div>
406                              <div class="wSpan30Xs wOver0Xs wSpan15S wOver30S wSpan15M wOver30M wSpan15 wOver30 wSpan15Xl wOver30Xl">
407                                <div class="iconRow">
408                                  <div class="w-flex wFlex w-flex-gutter-12 wFlexGutter12">
409                                    <div class="w-flex-basis-32 wFlexBasis32">
410                                      <img src="../_webedit/cached-images/113-0-8035-0-1667-10000-121.png" srcset="../_webedit/cached-images/113-0-8035-0-1667-10000-32.png 32w,../_webedit/cached-images/113-0-8035-0-1667-10000-64.png 64w" sizes="32px" width="121" height="120" alt="Green animated mobile phone" data-aspect-ratio="0.9917">
411                                    </div>
412                                    <div class="w-flex-vertical-centre w-flex-grow-1 wFlexGrow1">
413                                      <div class="wGutter"><div class="wSplit wGutter20 wSpace8">
414                                        <div>
415                                          <div class="webeditTextComponent">
416                                            <div class="webeditText"><div><a href="tel:+447831616184"><span class="f1 s22">07944 290370</span></a><span class="s22">&nbsp;</span></div></div>
417                                          </div>
418                                        </div>
419                                      </div></div>
420                                    </div>
421                                  </div>
422                                </div>
423                              </div>
424                              <div class="wSpan30Xs wOverAllXs wSpan15S wOverAllS wSpan15M wOverAllM wSpan15 wOverAll wSpan15Xl wOverAllXl">
425                                <div class="iconRow">
426                                  <div class="w-flex wFlex w-flex-gutter-12 wFlexGutter12">
427                                    <div class="w-flex-basis-32 wFlexBasis32">
428                                      <img src="../_webedit/cached-images/113-0-2216-0-1667-10000-121.png" srcset="../_webedit/cached-images/113-0-2216-0-1667-10000-32.png 32w,../_webedit/cached-images/113-0-2216-0-1667-10000-64.png 64w" sizes="32px" width="121" height="120" alt="Green animated mail" data-aspect-ratio="0.9917">
429                                    </div>
430                                    <div class="w-flex-vertical-centre w-flex-grow-1 wFlexGrow1">
431                                      <div class="wGutter"><div class="wSplit wGutter20 wSpace8">
432                                        <div>
433                                          <div class="webeditTextComponent">
434                                            <div class="webeditText"><div><a href="mailto:[email protected]"><span class="f1 s22">[email protected]</span></a><span class="s22">&nbsp;</span></div></div>
435                                          </div>
436                                        </div>
437                                      </div></div>
438                                    </div>
439                                  </div>
440                                </div>
441                              </div>
442                            </div></div>
443                          </div>
444                        </div></div>
445                      </div>
446                    </div>
447                  </div></div>
448                </div>
449                <div class="w-show-xs w-show-s w-show-m w-hide-l w-hide-xl">
450                  <div class="wGutter"><div class="wSplit wGutter20 wSpace20">
451                    <div>
452                      <div class="iconRow">
453                        <div class="w-flex wFlex w-flex-gutter-12 wFlexGutter12">
454                          <div class="w-flex-basis-32 wFlexBasis32">
455                            <img src="../_webedit/cached-images/113-0-4160-0-1667-10000-121.png" srcset="../_webedit/cached-images/113-0-4160-0-1667-10000-32.png 32w,../_webedit/cached-images/113-0-4160-0-1667-10000-64.png 64w" sizes="32px" width="121" height="120" alt="" data-aspect-ratio="0.9917">
456                          </div>
457                          <div class="w-flex-vertical-centre w-flex-grow-1 wFlexGrow1">
458                            <div class="wGutter"><div class="wSplit wGutter20 wSpace8">
459                              <div>
460                                <div class="webeditTextComponent">
461                                  <div class="webeditText"><div>
461<span class="s26">Bristol, UK&nbsp;</span></div></div>
462                                </div>
463                              </div>
464                            </div></div>
465                          </div>
466                        </div>
467                      </div>
468                      <div class="iconRow">
469                        <div class="w-flex wFlex w-flex-gutter-12 wFlexGutter12">
470                          <div class="w-flex-basis-32 wFlexBasis32">
471                            <img src="../_webedit/cached-images/113-0-285-0-1667-10000-121.png" srcset="../_webedit/cached-images/113-0-285-0-1667-10000-32.png 32w,../_webedit/cached-images/113-0-285-0-1667-10000-64.png 64w" sizes="32px" width="121" height="120" alt="Green animated phone" data-aspect-ratio="0.9917">
472                          </div>
473                          <div class="w-flex-vertical-centre w-flex-grow-1 wFlexGrow1">
474                            <div class="wGutter"><div class="wSplit wGutter20 wSpace8">
475                              <div>
476                                <div class="webeditTextComponent">
477                                  <div class="webeditText"><div><a href="tel:+441454777953"><span class="f1 s26">01454 777953</span></a><span class="s26">&nbsp;</span></div></div>
478                                </div>
479                              </div>
480                            </div></div>
481                          </div>
482                        </div>
483                      </div>
484                      <div class="iconRow">
485                        <div class="w-flex wFlex w-flex-gutter-12 wFlexGutter12">
486                          <div class="w-flex-basis-32 wFlexBasis32">
487                            <img src="../_webedit/cached-images/113-0-8035-0-1667-10000-121.png" srcset="../_webedit/cached-images/113-0-8035-0-1667-10000-32.png 32w,../_webedit/cached-images/113-0-8035-0-1667-10000-64.png 64w" sizes="32px" width="121" height="120" alt="Green animated mobile phone" data-aspect-ratio="0.9917">
488                          </div>
489                          <div class="w-flex-vertical-centre w-flex-grow-1 wFlexGrow1">
490                            <div class="wGutter"><div class="wSplit wGutter20 wSpace8">
491                              <div>
492                                <div class="webeditTextComponent">
493                                  <div class="webeditText"><div><a href="tel:+447831616184"><span class="f1 s26">07944 290370</span></a><span class="s26">&nbsp;</span></div></div>
494                                </div>
495                              </div>
496                            </div></div>
497                          </div>
498                        </div>
499                      </div>
500                      <div class="iconRow">
501                        <div class="w-flex wFlex w-flex-gutter-12 wFlexGutter12">
502                          <div class="w-flex-basis-32 wFlexBasis32">
503                            <img src="../_webedit/cached-images/113-0-2216-0-1667-10000-121.png" srcset="../_webedit/cached-images/113-0-2216-0-1667-10000-32.png 32w,../_webedit/cached-images/113-0-2216-0-1667-10000-64.png 64w" sizes="32px" width="121" height="120" alt="Green animated mail" data-aspect-ratio="0.9917">
504                          </div>
505                          <div class="w-flex-vertical-centre w-flex-grow-1 wFlexGrow1">
506                            <div class="wGutter"><div class="wSplit wGutter20 wSpace8">
507                              <div>
508                                <div class="webeditTextComponent">
509                                  <div class="webeditText"><div><a href="../contact-us/"><span class="f1 s26">[email protected]</span></a><span class="s26">&nbsp;</span></div></div>
510                                </div>
511                              </div>
512                            </div></div>
513                          </div>
514                        </div>
515                      </div>
516                    </div>
517                  </div></div>
518                </div>
519                <div class="extraSpace" style="padding:5px;">
520                </div>
521                <div class="socialIconGroup">
522                  <div class="wGutter"><div class="wSplit wGutter20 wSpace20">
523                    <div>
524                      <div class="socialIconSingle w-maximum-32" style="margin:0px 6px;">
525                        <img src="../_webedit/cached-images/112-0-2973-0-1237-10000-123.png" srcset="../_webedit/cached-images/112-0-2973-0-1237-10000-32.png 32w,../_webedit/cached-images/112-0-2973-0-1237-10000-64.png 64w" sizes="(max-width:91px) calc(100vw - 60px),32px" width="123" height="123" alt="Green animated Youtube logo" data-aspect-ratio="1.0000">
526                      </div>
527                      <div class="socialIconSingle w-maximum-32" style="margin:0px 6px;">
528                        <a href="https://www.facebook.com/suntile.co.uk/" target="_blank" rel="noopener">
529                          <img src="../_webedit/cached-images/112-0-1585-0-1237-10000-123.png" srcset="../_webedit/cached-images/112-0-1585-0-1237-10000-32.png 32w,../_webedit/cached-images/112-0-1585-0-1237-10000-64.png 64w" sizes="(max-width:91px) calc(100vw - 60px),32px" width="123" height="123" alt="Suntile Facebook Logo" data-aspect-ratio="1.0000">
530                        </a>
531                      </div>
532                      <div class="socialIconSingle w-maximum-32" style="margin:0px 6px;">
533                        <a href="https://www.instagram.com/suntileuk/" target="_blank" rel="noopener">
534                          <img src="../_webedit/cached-images/112-0-4372-0-1237-10000-123.png" srcset="../_webedit/cached-images/112-0-4372-0-1237-10000-32.png 32w,../_webedit/cached-images/112-0-4372-0-1237-10000-64.png 64w" sizes="(max-width:91px) calc(100vw - 60px),32px" width="123" height="123" alt="Suntile Instagram Logo Green" data-aspect-ratio="1.0000">
535                        </a>
536                      </div>
537                    </div>
538                  </div></div>
539                </div>
540              </div>
541            </div></div>
542          </div>
543        </div>
544        <div class="wPadding5-0" id="itseezeFooter">
545          <div class="wCentred wPadding0-30">
546            <div class="w-flex wFlex w-flex-vertical-centre w-flex-rows-xs wFlexRowsXs w-flex-rows-s wFlexRowsS w-flex-rows-m wFlexRowsM w-flex-gutter-20 wFlexGutter20">
547              <div class="w-flex-grow-1 wFlexGrow1">
548                <div class="webeditTextComponent">
549                  <div class="webeditText"><div><a href="../privacy/"><span class="s14">Privacy</span></a><span class="s14"> | </span><a href="../cookies/"><span class="s14">Cookies</span></a><span class="s14">&nbsp;</span></div></div>
550                </div>
551              </div>
552              <div class="w-flex-grow-1 wFlexGrow1">
553                <div class="w-edit">
554                  <a href="https://www.itseeze-horsham.co.uk/?utm_source=W2211072&utm_medium=referral" target="_blank" rel="noopener">Website design Horsham</a> — by <a href="https://itseeze.com/?utm_source=W2211072&utm_medium=referral" target="_blank"><span>it</span>’<span>s</span>eeze</a> <svg onclick="Intl.Segmenter?location.search=(location.search.length<2?'?':location.search+'&')+'mode=edit':window.open('https://support.itseeze.com/support/solutions/articles/17000049845','_blank')" viewBox="0 0 22 22"><path d="m12,4h-10a2,2,0,0,0-2,2v14a2,2,0,0,0,2,2h14a2,2,0,0,0,2-2v-10l-2,2v8h-14v-14h8z"/><path d="m6,13-1,4,4-1,9-9-3-3z"/><path d="m16,3,3,3,1-1a1.41,1.41,0,0,0,0-2l-1-1a1.41,1.41,0,0,0-2,0z"/></svg>
555                </div>
556              </div>
557            </div>
558          </div>
559        </div>
560      </footer>
561    </div>
562    <div id="w-cookies-notice" hidden>
563      Our site uses cookies. For more information, see <a href="../cookies/">our cookie policy</a>.
564      <span role="button" tabindex="0" id="w-cookies-accept">Accept cookies and close</span>
565      <div>
566        <span role="button" tabindex="0">Reject cookies</span>
567        <a href="../cookies/">Manage settings</a>
568      </div>
569    </div>
570    <div id="w-modal" hidden><div><div></div><div><button class="wButton"><span></span></button></div></div></div>
571  
571<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"bd35dc80c83d4c3fbad5d9f354689b9b","r":1,"spa":2}' crossorigin="anonymous"></script>
571
572</body>
573</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.