PageSourceSearch

https://afinestudio.com/website-design/

html afinestudio.com collected 2026-10-08 23:16:00 UTC 104,642 bytes, 731 lines download raw bytes

1
2<!doctype html>
3<html lang="en-GB">
4<head>
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6	<meta charset="UTF-8">
7    
8    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
9    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
10    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
11    <link rel="manifest" href="/site.webmanifest">
12    <meta name="msapplication-TileColor" content="#ed334a">
13    <meta name="theme-color" content="#ed334a">
14
15    <!-- Prefetch -->
16    <!-- <link rel="dns-prefetch" href="//fonts.googleapis.com">
17    <link rel="dns-prefetch" href="//www.google-analytics.com">
18    <link rel="dns-prefetch" href="//www.googletagmanager.com"> -->
19    
20    
21    
22    
23    
24
25    <!--Variable Fonts-->
26        
27    
28    <!--Original standard fonts-->
29    <!--<link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i|Playfair+Display+SC&display=swap" rel="stylesheet">    -->
30    
31    <!-- 
31<script
32    type="text/javascript"
33    src="https://app.termly.io/resource-blocker/42fad732-f524-48b3-a27b-0a99ad658f0d?autoBlock=on"
34    ></script>
34 -->
35
36
37	<!-- [if lt IE 9]>
37<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script>
37<![endif] -->
38	
38<script type="text/javascript">
39		! function (o, c) {
40			var n = c.documentElement,
41				t = " w-mod-";
42			n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch")
43		}(window, document);
44	</script>
44
45
46    <!-- Google Tag Manager -->
47    
47<script>
vendor: 343 bytes, lines 47-51
47(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
48    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
49    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
50    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
51    })(window,document,'script','dataLayer','
51GTM-NFTRTLJ
vendor: 8 bytes, lines 51-52
51');
52    
52</script>
52
53    <!-- End Google Tag Manager -->    
54
55
56	<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
57
58	<!-- This site is optimized with the Yoast SEO plugin v28.6 - https://yoast.com/product/yoast-seo-wordpress/ -->
59	<title>Custom Website Design | Websites | eCommerce | Hosting - A Fine Studio</title>
60<link data-rocket-prefetch href="https://www.googletagmanager.com" rel="dns-prefetch">
61<link data-rocket-prefetch href="https://fonts.googleapis.com" rel="dns-prefetch">
62<link data-rocket-prefetch href="https://ipinfo.io" rel="dns-prefetch">
63<link data-rocket-prefetch href="https://maps.googleapis.com" rel="dns-prefetch">
64<link data-rocket-prefetch href="https://challenges.cloudflare.com" rel="dns-prefetch">
65<link data-rocket-preload as="style" href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&#038;family=Public+Sans:ital,wght@0,100..900;1,100..900&#038;display=swap" rel="preload">
66<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&#038;family=Public+Sans:ital,wght@0,100..900;1,100..900&#038;display=swap" media="print" onload="this.media=&#039;all&#039;" rel="stylesheet">
67<style id="wpr-usedcss">html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}details,header,main,summary{display:block}canvas,progress{display:inline-block;vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}strong{font-weight:700}h1{font-size:2em;margin:.67em 0}img{border:0}svg:not(:root){overflow:hidden}code{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background-color:#fff;font-family:Arial,sans-serif;font-size:14px;line-height:20px;color:#333}img{max-width:100%;vertical-align:middle;display:inline-block;height:auto}.w-inline-block{max-width:100%;display:inline-block}.w-clearfix:after,.w-clearfix:before{content:" ";display:table}.w-clearfix:after{clear:both}.w-button{display:inline-block;padding:9px 15px;background-color:#3898ec;color:#fff;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0}input.w-button{-webkit-appearance:button}.w-webflow-badge,.w-webflow-badge *{position:static;left:auto;top:auto;right:auto;bottom:auto;z-index:auto;display:block;visibility:visible;overflow:visible;overflow-x:visible;overflow-y:visible;box-sizing:border-box;width:auto;height:auto;max-height:none;max-width:none;min-height:0;min-width:0;margin:0;padding:0;float:none;clear:none;border:0 transparent;border-radius:0;background:0 0;background-image:none;background-position:0 0;background-size:auto auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:transparent;box-shadow:none;opacity:1;transform:none;transition:none;direction:ltr;font-family:inherit;font-weight:inherit;color:inherit;font-size:inherit;line-height:inherit;font-style:inherit;font-variant:inherit;text-align:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:0;text-transform:inherit;list-style-type:disc;text-shadow:none;font-smoothing:auto;vertical-align:baseline;cursor:inherit;white-space:inherit;word-break:normal;word-spacing:normal;word-wrap:normal}.w-webflow-badge{position:fixed!important;display:inline-block!important;visibility:visible!important;opacity:1!important;z-index:2147483647!important;top:auto!important;right:12px!important;bottom:12px!important;left:auto!important;color:#aaadb0!important;background-color:#fff!important;border-radius:3px!important;padding:6px 8px 6px 6px!important;font-size:12px!important;opacity:1!important;line-height:14px!important;text-decoration:none!important;transform:none!important;margin:0!important;width:auto!important;height:auto!important;overflow:visible!important;white-space:nowrap;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.1)}.w-webflow-badge>img{display:inline-block!important;visibility:visible!important;opacity:1!important;vertical-align:middle!important}h1,h2,h3{font-weight:700;margin-bottom:10px}h1{font-size:38px;line-height:44px;margin-top:20px}h2{font-size:32px;line-height:36px;margin-top:20px}h3{font-size:24px;line-height:30px;margin-top:20px}p{margin-top:0;margin-bottom:10px}ul{margin-top:0;margin-bottom:10px;padding-left:40px}fieldset{padding:0;margin:0;border:0}button,html input[type=button],input[type=reset]{border:0;cursor:pointer;-webkit-appearance:button}label{display:block;margin-bottom:5px;font-weight:700}.w-row:after,.w-row:before{content:" ";display:table}.w-row:after{clear:both}.w-row .w-row{margin-left:0;margin-right:0}.w-col{position:relative;float:left;width:100%;min-height:1px;padding-left:10px;padding-right:10px}.w-col .w-col{padding-left:0;padding-right:0}.w-col-3{width:25%}@media screen and (max-width:767px){.w-row{margin-left:0;margin-right:0}.w-col{width:100%;left:auto;right:auto}}@media screen and (max-width:479px){.w-col{width:100%}}.w-slider{position:relative;height:300px;text-align:center;background:#ddd;clear:both;-webkit-tap-highlight-color:transparent;tap-highlight-color:rgba(0,0,0,0)}.w-slider-mask{position:relative;display:block;overflow:hidden;z-index:1;left:0;right:0;height:100%;white-space:nowrap}.w-slide{position:relative;display:inline-block;vertical-align:top;width:100%;height:100%;white-space:normal;text-align:left}.w-slider-nav{position:absolute;z-index:2;top:auto;right:0;bottom:0;left:0;margin:auto;padding-top:10px;height:40px;text-align:center;-webkit-tap-highlight-color:transparent;tap-highlight-color:rgba(0,0,0,0)}.w-slider-nav.w-num>div{width:auto;height:auto;padding:.2em .5em;font-size:inherit;line-height:inherit}.w-slider-arrow-left,.w-slider-arrow-right{position:absolute;width:80px;top:0;right:0;bottom:0;left:0;margin:auto;cursor:pointer;overflow:hidden;color:#fff;font-size:40px;-webkit-tap-highlight-color:transparent;tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-slider-arrow-left{z-index:3;right:auto}.w-slider-arrow-right{z-index:4;
67left:auto}.w-dropdown{display:inline-block;position:relative;text-align:left;margin-left:auto;margin-right:auto;z-index:900}.w-nav{position:relative;background:#ddd;z-index:1000}.w-nav:after,.w-nav:before{content:" ";display:table}.w-nav:after{clear:both}.w-tab-pane{position:relative;display:none}.w-ix-emptyfix:after{content:""}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{position:relative;font-synthesis:none;font-weight:400;font-family:"Public Sans",sans-serif;color:#000;font-size:14px;line-height:22px;background-color:#fff;padding-bottom:155px}strong{font-synthesis:none;font-weight:700}@supports (font-variation-settings:normal){body{font-weight:300}strong{font-weight:725}}p{margin-bottom:16px}.large-text{font-size:20px;line-height:28px;font-weight:200;margin-bottom:50px}h1,h2,h3{font-family:"Playfair Display",serif;font-weight:700;color:#162542}h1{font-size:110px;line-height:115px;letter-spacing:-3px}h2{font-size:95px;line-height:90px;letter-spacing:-1px;font-weight:600;margin-bottom:40px;margin-left:-3px}h3{font-size:46px;line-height:50px;margin-left:-1px}a{color:#ed334a}a[href^=tel]{color:#ed334a}.hero-container-workhompage{position:relative;overflow:hidden;z-index:1;margin-bottom:-258px}.hero-image-container{position:relative;width:100%;float:left;background-color:#ed334a;-webkit-clip-path:polygon(100% 0,100% 76%,20% 76%,0 100%,0 0);clip-path:polygon(100% 0,100% 76%,20% 76%,0 100%,0 0)}@media (max-width:991px){.hero-image-container{position:relative;width:100%;height:auto;min-height:auto;float:none;-webkit-clip-path:none;clip-path:none}}.nav-text,.nav-text h1,.nav-text h2,.nav-text p{font-family:"Public Sans",sans-serif;color:#000;font-size:17px;line-height:26px;margin-top:10px;margin-bottom:10px;text-align:right;float:right;font-weight:250;letter-spacing:-.3px}.nav-text a{display:inline-block;color:#000;text-decoration:none;font-weight:700;position:relative}.nav-text a:before{content:"";position:absolute;width:100%;height:3px;bottom:-1px;left:0;background-color:#ed334a}.nav-text a:hover:before{-webkit-animation:.7s animatedNav;animation:.7s animatedNav;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}@-webkit-keyframes animatedNav{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scaleX(0);transform:scaleX(0)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes animatedNav{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scaleX(0);transform:scaleX(0)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}.slick-dots{position:relative;width:180px;left:120px;bottom:77px;z-index:2}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 2px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:before{content:"•";font-size:40px;line-height:40px;position:absolute;top:0;left:0;width:20px;height:20px;text-align:center;opacity:.25;color:#fff}.slick-dots li.slick-active button:before{color:#ed334a!important;opacity:.75!important}.arrow-container-left,.arrow-container-right{display:block;color:#fff;text-decoration:none;width:50%;float:left}.left{width:50%;padding-top:14px;padding-left:40px;float:left}.right{position:absolute;top:0;right:0;bottom:0;width:50%;background-image:url("https://afinestudio.com/wp-content/themes/a-fine-studio/assets/images/wcn-work-image.jpg");background-position:50% 50%;background-size:cover;background-repeat:no-repeat}.content-heading{display:inline-block;margin-top:80px;margin-bottom:0;color:#162542;font-weight:500;margin-left:-5px}.footer-section{position:absolute;bottom:0;padding:27px 40px;background-color:#162542;display:inline-block;width:100%}.footer-section p{color:rgba(255,255,255,.7)}.footer-container{position:relative;z-index:100;float:left;display:block;width:65%;max-width:1300px;margin-right:auto;margin-left:auto}.footer-container a{color:rgba(255,255,255,.7);text-decoration:none}.services-wrapper{position:relative;width:100%;float:left;color:#fff;overflow:hidden;padding-top:110px;padding-bottom:100px}.container{margin-bottom:30px;padding-right:10px;padding-left:10px}.work-section{position:relative;height:auto;background-color:#162542;overflow:hidden}.work-wrapper{position:relative;padding:140px 80px;z-index:0}@media (max-width:991px){.work-wrapper{padding:60px 20px}}.work-examples-heading{display:inline-block;max-width:650px;color:#ed334f}.work-examples-wrapper{margin-top:80px;display:grid;grid-gap:40px;grid-template-columns:repeat(auto-fill,minmax(15%,1fr))}.work-block-wrapper{display:block;position:relative;-webkit-clip-path:polygon(77% 0,100% 20%,100% 100%,0 100%,0 0);clip-path:polygon(77% 0,100% 20%,100% 100%,0 100%,0 0)}.work-content-block{overflow:hidden;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;background-color:#162542}.work-example-title{font-family:"Playfair Display",serif;width:60%;margin-top:0;margin-bottom:4px;color:#ed334a;font-size:24px;line-height:26px}.work-block-title-container a{text-decoration:none}.nav-mobile{display:none}.logo-wrapper{width:230px;margin-bottom:10px;position:fixed;left:40px;top:0;padding:40px;z-index:1000;mix-blend-mode:difference}.logo-container-desktop{width:230px;margin-bottom:10px}.logo-icon{width:100%}.content-wrapper{display:inline-block;width:100%;padding:0 70px 106px 80px}.content-wrapper a{color:#fff;border-bottom:1px solid #fff;text-decoration:none}.content-wrapper p{margin-bottom:24px;font-family:"Public Sans",sans-serif;font-size:16px;line-height:25px}.homepage-nav-main{position:fixed;top:0;right:0;width:220px;background-image:none;z-index:1000;pointer-events:visible;margin-top:13px;margin-right:40px}.nav-triangle{position:fixed;top:0;right:0;z-index:999;width:400px;height:400px;background-color:#fff;pointer-events:none;-webkit-clip-path:polygon(0 0,100% 0,100% 100%);clip-path:polygon(0 0,100% 0,100% 100%)}.work-block-title-container{padding:6px 0;color:#fff}.work-block-image{position:relative;-webkit-transition:-webkit-transform 1s cubic-bezier(0, .55, .45, 1);transition:-webkit-transform 1s cubic-bezier(0, .55, .45, 1);transition:transform 1s cubic-bezier(0, .55, .45, 1);transition:transform 1s cubic-bezier(0, .55, .45, 1),-webkit-transform 1s cubic-bezier(0, .55, .45, 1)}.work-block-image:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.work-block-image img{height:auto;width:101%;position:relative;top:-1px;left:-1px}.social-icon{width:50px}.social-row{float:right;clear:both;text-align:right}.social-row-container{width:35%;float:right}.social-column{width:32px;float:left;margin-right:20px}.footer-nav{padding-bottom:30px;margin-bottom:0;padding-bottom:19px}.footer-nav a{display:inline-block;color:rgba(255,255,255,.4);text-decoration:none}.footer-nav a:first-child{margin-left:0}.footer-nav a:hover{text-decoration:underline}.nav-divider{margin:0 10px}.nav-divider:last-child{display:none}.nav-divider{color:rgba(255,255,255,.1)}.main-content{margin-top:14px;-webkit-column-rule:1px solid rgba(255,255,255,.3);-moz-column-rule:1px solid rgba(255,255,255,.3);column-rule:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.85);max-width:80%}@media (max-width:991px){.main-content{max-width:100%}}.main-content p{font-size:19px;line-height:28px;font-weight:200}.form-container{width:50%;float:right;background-color:#ed334a}label{margin-bottom:20px;color:#162542;font-size:18px;font-family:"Playfair Display",serif}form{width:100%;margin-right:auto;margin-left:auto}.wpcf7-text,.wpcf7-textarea{font-family:"Public Sans",sans-serif;height:46px;width:100%;margin-top:7px;margin-bottom:10px;border:0 #000;-webkit-border-radius:0px;border-radius:0;-webkit-box-shadow:inset 0 0 0 0 #000;box-shadow:inset 0 0 0 0 #000;font-size:16px;line-height:22px;color:#fff;padding-left:15px;background-color:#162542;font-weight:300}.wpcf7-textarea{min-height:100px;padding-top:12px}
67.submit-button{padding:12px 35px;background-color:#fff;-webkit-transition:color .2s,background-color .2s;transition:color .2s ease,background-color .2s ease;color:#162542;font-size:18px;line-height:22px;font-weight:600}.submit-button:hover{background-color:#162542;color:#fff}.form-wrapper{max-width:1000px;margin-right:auto;margin-left:auto;padding:24px 60px 40px}.form-heading{font-size:43px;line-height:48px;color:rgba(255,255,255,.8);margin-bottom:30px}.form-heading a{color:#fff;text-decoration:none}.wpcf7-response-output{background-color:#fff;padding:10px 16px!important;margin:0!important;font-weight:700}.wpcf7-not-valid-tip{color:#fff!important}.map-wrapper{position:relative;width:50%}.map-container{position:absolute!important;top:0;bottom:0;left:0;right:0;background-color:#162542}.map{position:absolute;left:0;top:0;right:0;bottom:0}.mix{display:none}.services-col-section{width:100%;padding:80px 80px 100px;background-color:#fff}a .column-services h3{position:relative;display:inline}a .column-services h3:before{content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background-color:#ed334a;visibility:hidden;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:.3s ease-in-out;transition:all .3s ease-in-out 0s;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}a .column-services h3:hover:before{visibility:visible;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.services-col-row{color:#162542}.services-col-container{max-width:1600px;text-align:left}.services-col-container p{color:#162542;margin-top:10px}.column-services{border-left:1px solid #ed334a;padding-left:30px;padding-right:80px}.column-services h3{margin-top:0;color:#ed334a}.column-services p{margin-bottom:0}iframe{width:100%}.column-services h3{font-size:32px;line-height:40px}@media (max-width:1300px){.column-services h3 .column-services h3{font-size:28px;line-height:32px}.work-examples-wrapper{grid-template-columns:repeat(auto-fill,minmax(20%,1fr));grid-gap:30px}.column-services{padding-left:20px;padding-right:30px}}@media (max-width:991px){body{padding-bottom:0}h1{font-size:110px;line-height:115px;letter-spacing:-3px}h2{font-size:65px;line-height:60px;letter-spacing:-1px;font-weight:600;margin-bottom:40px;margin-left:-2px}h3{font-size:46px;line-height:50px;margin-left:-1px}.main-content{width:100%;-webkit-columns:1;-moz-columns:1;columns:1}.content-heading{font-size:78px;line-height:88px;letter-spacing:-2px}.work-examples-wrapper{margin-top:30px;display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fill,minmax(40%,2fr))}.hero-container-workhompage{margin-bottom:0}.nav-text{width:auto;font-size:25px;line-height:38px;max-width:none}.nav-triangle{display:none}.logo-wrapper{display:none}.services-wrapper{height:auto;padding-top:110px;padding-bottom:60px}.work-section{position:relative;margin-top:0}.work-block{width:100%}.nav-mobile{position:fixed;left:0;top:0;right:0;z-index:1000;display:block;width:100%;height:auto;padding:8px 10px;padding-top:4px;background-color:#fff;background-image:none;-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.5);box-shadow:0 0 6px 0 rgba(0,0,0,.5);font-size:19px;line-height:20px;-webkit-transition:top .2s ease-in-out;transition:top .2s ease-in-out;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;text-align:center}.nav-link-small{margin:12px 9px;text-decoration:none;font-weight:400;letter-spacing:-.3px;display:inline-block;color:#000;border-bottom:5px solid #ed334a;padding-bottom:2px}.nav-flex{-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;width:auto}.logo-container-mobile{position:relative;display:block}.logo-container-desktop{display:none}.content-wrapper{width:100%;padding:20px;padding-bottom:0}.homepage-nav-main{display:none}.map-wrapper{position:relative;width:100%;overflow:hidden}.map-container{position:relative;bottom:0;width:100%;height:70vh;padding-top:150px}.footer-section{padding:20px 20px 0;position:relative}.footer-container{width:100%}.social-column{float:none;display:inline-block;text-align:center;margin-right:17px}.social-row{text-align:left;width:100%;margin-bottom:20px}.social-row-container{margin-top:26px;margin-bottom:20px;width:100%}.work-example-title{width:100%;margin-top:2px;margin-bottom:4px;font-size:23px;line-height:23px}.arrow-container-right{margin-left:40px;width:auto}.arrow-container-right{width:auto}.work-examples-heading{width:100%}.work-block-wrapper{margin-bottom:20px}.form-container{width:100%}.form-wrapper{padding:20px}form{width:100%}.submit-button{width:100%}.map-container{position:relative!important}.slick-dots{width:180px;left:78px;bottom:56px}.mix{width:100px;margin:7px 0;margin-right:10px;top:74px;left:20px;position:fixed;display:block;z-index:3;-webkit-transition:top .2s ease-in-out;transition:top .2s ease-in-out;mix-blend-mode:exclusion}.nav-up{top:-65px}
67.nav-up-mix{top:13px}.nav-down-mix{top:74px}.column-services{border-left:0;padding-left:0;padding-right:30px;padding-top:14px;padding-bottom:14px}.services-col-section{padding:60px 20px 80px}}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 900;font-display:swap;src:url(https://fonts.gstatic.com/s/playfairdisplay/v40/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Public Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/publicsans/v21/ijwRs572Xtc6ZYQws9YVwnNGfJ4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}img.emoji{display:inline!important;border:none!important;box-shadow:none!important;height:1em!important;width:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;background:0 0!important;padding:0!important}:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}:root{--wp--preset--font-size--normal:16px;
67--wp--preset--font-size--huge:42px}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#ffffff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;
67--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgb(6, 147, 227) 0%,rgb(155, 81, 224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,rgb(122, 220, 180) 0%,rgb(0, 208, 130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgb(252, 185, 0) 0%,rgb(255, 105, 0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgb(255, 105, 0) 0%,rgb(207, 46, 46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,rgb(238, 238, 238) 0%,rgb(169, 184, 195) 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,rgb(74, 234, 220) 0%,rgb(151, 120, 209) 20%,rgb(207, 42, 186) 40%,rgb(238, 44, 130) 60%,rgb(251, 105, 98) 80%,rgb(254, 248, 76) 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,rgb(255, 206, 236) 0%,rgb(152, 150, 240) 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,rgb(254, 205, 165) 0%,rgb(254, 45, 45) 50%,rgb(107, 0, 62) 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,rgb(255, 203, 112) 0%,rgb(199, 81, 192) 50%,rgb(65, 88, 208) 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,rgb(255, 245, 203) 0%,rgb(182, 227, 212) 50%,rgb(51, 167, 181) 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,rgb(202, 248, 128) 0%,rgb(113, 206, 126) 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,rgb(2, 3, 129) 0%,rgb(40, 116, 252) 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:0.44rem;--wp--preset--spacing--30:0.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0, 0, 0, .2);--wp--preset--shadow--deep:12px 12px 50px rgba(0, 0, 0, .4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0, 0, 0, .2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgb(255, 255, 255),6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp:6px 6px 0px rgb(0, 0, 0)}:where(body){margin:0}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}body{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}:root :where(.wp-element-button,.wp-block-button__link){background-color:#32373c;border-width:0;color:#fff;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding-top:calc(.667em + 2px);padding-right:calc(1.333em + 2px);
67padding-bottom:calc(.667em + 2px);padding-left:calc(1.333em + 2px);text-decoration:none;text-transform:inherit}#content[tabindex="-1"]:focus{outline:0}embed,iframe,object{max-width:100%}.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important;word-break:normal!important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.aborted .wpcf7-response-output,.wpcf7 form.failed .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner::before{animation-name:blink;animation-duration:2s}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type=file]{cursor:pointer}.wpcf7 input[type=file]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 input[type=url]{direction:ltr}</style><link rel="preload" data-rocket-preload as="image" href="https://afinestudio.com/wp-content/uploads/2022/01/[email protected]" imagesrcset="https://afinestudio.com/wp-content/uploads/2022/01/[email protected] 300w, https://afinestudio.com/wp-content/uploads/2022/01/[email protected] 1024w, https://afinestudio.com/wp-content/uploads/2022/01/[email protected] 768w, https://afinestudio.com/wp-content/uploads/2022/01/[email protected] 1536w, https://afinestudio.com/wp-content/uploads/2022/01/[email protected] 2000w" imagesizes="(max-width: 300px) 100vw, 300px" fetchpriority="high">
68	<meta name="description" content="A Fine Studio offers a range of website services including, web design, performance optimisation, development, email design &amp; delivery and web hosting." />
69	<link rel="canonical" href="https://afinestudio.com/website-design/" />
70	<meta property="og:locale" content="en_GB" />
71	<meta property="og:type" content="article" />
72	<meta property="og:title" content="Custom Website Design | Websites | eCommerce | Hosting - A Fine Studio" />
73	<meta property="og:description" content="A Fine Studio offers a range of website services including, web design, performance optimisation, development, email design &amp; delivery and web hosting." />
74	<meta property="og:url" content="https://afinestudio.com/website-design/" />
75	<meta property="og:site_name" content="A Fine Studio" />
76	<meta property="article:publisher" content="https://www.facebook.com/AFineStudioNorwich/" />
77	<meta property="article:modified_time" content="2025-07-15T11:03:57+00:00" />
78	<meta property="og:image" content="https://afinestudio.com/wp-content/uploads/2020/04/A-Fine-Studio-logo-700px.png" />
79	<meta property="og:image:width" content="701" />
80	<meta property="og:image:height" content="454" />
81	<meta property="og:image:type" content="image/png" />
82	<meta name="twitter:card" content="summary_large_image" />
83	<meta name="twitter:site" content="@afinestudio" />
84	<meta name="twitter:label1" content="Estimated reading time" />
85	<meta name="twitter:data1" content="2 minutes" />
86	
86<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/afinestudio.com\/website-design\/","url":"https:\/\/afinestudio.com\/website-design\/","name":"Custom Website Design | Websites | eCommerce | Hosting - A Fine Studio","isPartOf":{"@id":"https:\/\/afinestudio.com\/#website"},"datePublished":"2020-03-06T18:53:04+00:00","dateModified":"2025-07-15T11:03:57+00:00","description":"A Fine Studio offers a range of website services including, web design, performance optimisation, development, email design & delivery and web hosting.","breadcrumb":{"@id":"https:\/\/afinestudio.com\/website-design\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/afinestudio.com\/website-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/afinestudio.com\/website-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/afinestudio.com\/"},{"@type":"ListItem","position":2,"name":"Website design"}]},{"@type":"WebSite","@id":"https:\/\/afinestudio.com\/#website","url":"https:\/\/afinestudio.com\/","name":"A Fine Studio","description":"Website design and development, print and logo design","publisher":{"@id":"https:\/\/afinestudio.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/afinestudio.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/afinestudio.com\/#organization","name":"A Fine Studio","url":"https:\/\/afinestudio.com\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/afinestudio.com\/#\/schema\/logo\/image\/","url":"https:\/\/afinestudio.com\/wp-content\/uploads\/2020\/04\/A-Fine-Studio-logo-700px.png","contentUrl":"https:\/\/afinestudio.com\/wp-content\/uploads\/2020\/04\/A-Fine-Studio-logo-700px.png","width":701,"height":454,"caption":"A Fine Studio"},"image":{"@id":"https:\/\/afinestudio.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/AFineStudioNorwich\/","https:\/\/x.com\/afinestudio","https:\/\/www.instagram.com\/afine.studio\/","https:\/\/www.linkedin.com\/in\/robskinn\/"]}]}</script>
86
87	<!-- / Yoast SEO plugin. -->
88
89
90<link rel='dns-prefetch' href='//challenges.cloudflare.com' />
91<link href='https://fonts.gstatic.com' crossorigin rel='preconnect' />
92<link rel="alternate" type="application/rss+xml" title="A Fine Studio &raquo; Feed" href="https://afinestudio.com/feed/" />
93<link rel="alternate" type="application/rss+xml" title="A Fine Studio &raquo; Comments Feed" href="https://afinestudio.com/comments/feed/" />
94<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://afinestudio.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fafinestudio.com%2Fwebsite-design%2F" />
95<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://afinestudio.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fafinestudio.com%2Fwebsite-design%2F&#038;format=xml" />
96<style id="wp-img-auto-sizes-contain-inline-css"></style>
97<style id="wp-emoji-styles-inline-css"></style>
98<style id="wp-block-library-inline-css"></style>
99<style id="classic-theme-styles-inline-css"></style>
100
101<style id="global-styles-inline-css"></style>
102
103
104<link rel="https://api.w.org/" href="https://afinestudio.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://afinestudio.com/wp-json/wp/v2/pages/20" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://afinestudio.com/xmlrpc.php?rsd" />
105<meta name="generator" content="WordPress 7.1.3" />
106<link rel='shortlink' href='https://afinestudio.com/?p=20' />
107<style></style><noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript>
108
109<style id="rocket-lazyrender-inline-css">[data-wpr-lazyrender] {content-visibility: auto;}</style><meta name="generator" content="WP Rocket 3.23.5.1" data-wpr-features="wpr_remove_unused_css wpr_defer_js wpr_minify_js wpr_lazyload_images wpr_preconnect_external_domains wpr_automatic_lazy_rendering wpr_oci wpr_minify_css wpr_cdn wpr_preload_links wpr_desktop" /></head>
110
111<body class="wp-singular page-template page-template-template-work_homepage page-template-template-work_homepage-php page page-id-20 page-parent wp-theme-a-fine-studio">
112    
113    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 113-114
113
114    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
114GTM-NFTRTLJ
vendor: 91 bytes, lines 114-116
114"
115    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
116    
116<!-- End Google Tag Manager (noscript) -->
117
118<!--mobile-->
119<div  class="mix">
120    <a class="logo-container-mobile w-inline-block" href="https://afinestudio.com">
121        <img class="logo-icon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2080%200'%3E%3C/svg%3E" width="80" alt="A FINE STUDIO logo" data-lazy-src="https://afinestudio.com/wp-content/themes/a-fine-studio/assets/images/fine-logo-green-mob.svg"><noscript><img class="logo-icon" src="https://afinestudio.com/wp-content/themes/a-fine-studio/assets/images/fine-logo-green-mob.svg" width="80" alt="A FINE STUDIO logo"></noscript>
122    </a>
123</div>    
124<div class="nav-mobile">
125                <div class="nav-flex">
126                <a class="nav-link-small" href="https://afinestudio.com/website-design/">Websites</a>
127            </div>
128                    <div class="nav-flex">
129                <a class="nav-link-small" href="https://afinestudio.com/print-design/">Print</a>
130            </div>
131                    <div class="nav-flex">
132                <a class="nav-link-small" href="https://afinestudio.com/logo-design/">Logos</a>
133            </div>
134                    <div class="nav-flex">
135                <a class="nav-link-small" href="https://afinestudio.com/we-are-fine/">About</a>
136            </div>
137        <!--    <a class="contact-icon-container w-inline-block" href=""><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Contact us" data-lazy-src="/assets/images/contact-us-icon-white.png"><noscript><img src="/assets/images/contact-us-icon-white.png" alt="Contact us"></noscript></a>-->
138</div>
139
140<!--desktop-->
141<div  class="logo-wrapper">
142    <a class="logo-container-desktop w-inline-block" href="https://afinestudio.com" title="A Fine Studio homepage">
143                    <img class="logo-icon" src="https://afinestudio.com/wp-content/themes/a-fine-studio/assets/images/fine-logo-red.svg" alt="A FINE STUDIO logo">
144            </a>
145</div>
146<div class="nav-triangle">
147    <div class="homepage-nav-main">
148        <div class="nav-text">
149            <h1><a href="https://afinestudio.com/">A Fine Studio</a> makes custom <a href="https://afinestudio.com/website-design/">websites</a>, <a href="https://afinestudio.com/print-design/">print design</a>, and <a href="https://afinestudio.com/logo-design/">logo design</a> from the fine City of Norwich.</h1>
150<h1><a href="https://afinestudio.com/we-are-fine/">Contact us</a>.</h1>
151        </div>
152    </div>
153</div>
154
155   
156
157    <div  id="hero-section">
158        <div  class="hero-container-workhompage w-clearfix">
159            <div  class="hero-image-container w-clearfix">
160                <div class="services-wrapper">
161                    <div class="content-wrapper">
162                        <h1 class="content-heading">Website design</h1>
163                        <div class="main-content"><p>Our expertise lies in <strong>crafting bespoke websites</strong> that not only boast <strong>captivating designs</strong> but also <strong>guarantee user-friendliness</strong> and <strong>swift loading times</strong>, ensuring maximum impact and visibility. However, our services extend beyond website design &#8211; we can handle <strong>hosting</strong>, <strong>email setup</strong>, and a multitude of additional offerings.</p>
164<p><a href="https://afinestudio.com/we-are-fine/">Get in touch.</a></p>
165</div>
166                    </div>
167                </div>
168            </div>
169        </div>
170    </div>
171        
172        
173<div  class="w-clearfix work-section" data-ix="return-to-top">
174    <div  class="work-wrapper">
175        <h2 class="work-examples-heading">Our websites</h2>
176        <div  class="work-examples-wrapper">
177            
178                                            
179                
180                <div class="work-block-wrapper">
181                    <a class="work-block" href="https://afinestudio.com/website-design/pacific-international/">
182                        <div class="work-content-block">
183<!--                            <div class="work-block-triangle"></div>-->
184<!--                            <div class="work-block-image"></div>-->
185                            <div class="work-block-image">
186                            <img width="300" height="225" src="https://afinestudio.com/wp-content/uploads/2022/01/[email protected]" class="attachment-medium size-medium" alt="Pacific International website design showing two professionals collaborating at a desk in a modern high-rise office with city views." decoding="async" fetchpriority="high" srcset="https://afinestudio.com/wp-content/uploads/2022/01/[email protected] 300w, https://afinestudio.com/wp-content/uploads/2022/01/[email protected] 1024w, https://afinestudio.com/wp-content/uploads/2022/01/[email protected] 768w, https://afinestudio.com/wp-content/uploads/2022/01/[email protected] 1536w, https://afinestudio.com/wp-content/uploads/2022/01/[email protected] 2000w" sizes="(max-width: 300px) 100v
186w, 300px" />                            </div>
187                        </div>
188                    </a>
189                    <div class="work-block-title-container">
190                        <a href="https://afinestudio.com/website-design/pacific-international/">
191                            <h3 class="work-example-title">Pacific International website</h3>
192                        </a>
193                    </div>
194                </div>
195                                
196                
197                <div class="work-block-wrapper">
198                    <a class="work-block" href="https://afinestudio.com/website-design/idsystems-website/">
199                        <div class="work-content-block">
200<!--                            <div class="work-block-triangle"></div>-->
201<!--                            <div class="work-block-image"></div>-->
202                            <div class="work-block-image">
203                            <img width="300" height="225" src="https://afinestudio.com/wp-content/uploads/2020/04/[email protected]" class="attachment-medium size-medium" alt="IDSystems innovative glazing website design showcasing a modern glass extension with interior lighting and furnishings visible through expansive windows." decoding="async" srcset="https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 300w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1024w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 768w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1536w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 2002w" sizes="(max-width: 300px) 100vw, 300px" />                            </div>
204                        </div>
205                    </a>
206                    <div class="work-block-title-container">
207                        <a href="https://afinestudio.com/website-design/idsystems-website/">
208                            <h3 class="work-example-title">IDSystems website</h3>
209                        </a>
210                    </div>
211                </div>
212                                
213                
214                <div class="work-block-wrapper">
215                    <a class="work-block" href="https://afinestudio.com/website-design/cookson-zinn-website/">
216                        <div class="work-content-block">
217<!--                            <div class="work-block-triangle"></div>-->
218<!--                            <div class="work-block-image"></div>-->
219                            <div class="work-block-image">
220                            <img width="300" height="225" src="https://afinestudio.com/wp-content/uploads/2022/01/[email protected]" class="attachment-medium size-medium" alt="Industrial storage tanks branded with Enviro and Viroco logos, designed by Cookson &amp; Zinn website." decoding="async" srcset="https://afinestudio.com/wp-content/uploads/2022/01/[email protected] 300w, https://afinestudio.com/wp-content/uploads/2022/01/[email protected] 1024w, https://afinestudio.com/wp-content/uploads/2022/01/[email protected] 768w, https://afinestudio.com/wp-content/uploads/2022/01/[email protected] 1536w, https://afinestudio.com/wp-content/uploads/2022/01/[email protected] 2000w" sizes="(max-width: 300px) 100vw, 300px" />                            </div>
221                        </div>
222                    </a>
223                    <div class="work-block-title-container">
224                        <a href="https://afinestudio.com/website-design/cookson-zinn-website/">
225                            <h3 class="work-example-title">Cookson &#038; Zinn website</h3>
226                        </a>
227                    </div>
228                </div>
229                                
230                
231                <div class="work-block-wrapper">
232                    <a class="work-block" href="https://afinestudio.com/website-design/guardians-of-the-gut/">
233                        <div class="work-content-block">
234<!--                            <div class="work-block-triangle"></div>-->
235<!--                            <div class="work-block-image"></div>-->
236                            <div class="work-block-image">
237                            <img width="300" height="225" src="https://afinestudio.com/wp-content/uploads/2021/06/[email protected]" class="attachment-medium size-medium" alt="Colourful cartoon characters representing gut bacteria and microbiome guardians on a mint background with title text." decoding="async" srcset="https://afinestudio.com/wp-content/uploads/2021/06/[email protected] 300w, https://afinestudio.com/wp-content/uploads/2021/06/[email protected] 1024w, https://afinestudio.com/wp-content/uploads/2021/06/[email protected] 768w, https://afinestudio.com/wp-content/uploads/2021/06/[email protected] 1536w, https://afinestudio.com/wp-content/uploads/2021/06/[email protected] 2002w" sizes="(max-width: 300px) 100v
237w, 300px" />                            </div>
238                        </div>
239                    </a>
240                    <div class="work-block-title-container">
241                        <a href="https://afinestudio.com/website-design/guardians-of-the-gut/">
242                            <h3 class="work-example-title">Guardians of the Gut learning platform</h3>
243                        </a>
244                    </div>
245                </div>
246                                
247                
248                <div class="work-block-wrapper">
249                    <a class="work-block" href="https://afinestudio.com/website-design/growthsupermarket-website/">
250                        <div class="work-content-block">
251<!--                            <div class="work-block-triangle"></div>-->
252<!--                            <div class="work-block-image"></div>-->
253                            <div class="work-block-image">
254                            <img width="300" height="225" src="https://afinestudio.com/wp-content/uploads/2020/04/[email protected]" class="attachment-medium size-medium" alt="GrowthSupermarket website homepage displaying purple background with tagline &#039;Discover your next big win&#039; and call-to-action &#039;Find a marketing tool for every need&#039;." decoding="async" srcset="https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 300w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1024w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 768w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1536w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 2002w" sizes="(max-width: 300px) 100vw, 300px" />                            </div>
255                        </div>
256                    </a>
257                    <div class="work-block-title-container">
258                        <a href="https://afinestudio.com/website-design/growthsupermarket-website/">
259                            <h3 class="work-example-title">GrowthSupermarket website</h3>
260                        </a>
261                    </div>
262                </div>
263                                
264                
265                <div class="work-block-wrapper">
266                    <a class="work-block" href="https://afinestudio.com/website-design/futurefood-interactive-online-game/">
267                        <div class="work-content-block">
268<!--                            <div class="work-block-triangle"></div>-->
269<!--                            <div class="work-block-image"></div>-->
270                            <div class="work-block-image">
271                            <img width="300" height="225" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20225'%3E%3C/svg%3E" class="attachment-medium size-medium" alt="Black silhouette illustration of a drone with camera and four propellers on bright green background for FutureFood interactive online game website design." decoding="async" data-lazy-srcset="https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 300w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1024w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 768w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1536w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 2002w" data-lazy-sizes="(max-width: 300px) 100vw, 300px" data-lazy-src="https://afinestudio.com/wp-content/uploads/2020/04/[email protected]" /><noscript><img width="300" height="225" src="https://afinestudio.com/wp-content/uploads/2020/04/[email protected]" class="attachment-medium size-medium" alt="Black silhouette illustration of a drone with camera and four propellers on bright green background for FutureFood interactive online game website design." decoding="async" srcset="https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 300w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1024w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 768w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1536w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 2002w" sizes="(max-width: 300px) 100v
271w, 300px" /></noscript>                            </div>
272                        </div>
273                    </a>
274                    <div class="work-block-title-container">
275                        <a href="https://afinestudio.com/website-design/futurefood-interactive-online-game/">
276                            <h3 class="work-example-title">FutureFood – Interactive Online Game</h3>
277                        </a>
278                    </div>
279                </div>
280                                
281                
282                <div class="work-block-wrapper">
283                    <a class="work-block" href="https://afinestudio.com/website-design/profile-web-app/">
284                        <div class="work-content-block">
285<!--                            <div class="work-block-triangle"></div>-->
286<!--                            <div class="work-block-image"></div>-->
287                            <div class="work-block-image">
288                            <img width="300" height="225" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20225'%3E%3C/svg%3E" class="attachment-medium size-medium" alt="PROFILE web-app interface showing teamwork concept with interconnected links and upward arrow, rated two stars." decoding="async" data-lazy-srcset="https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 300w, https://afinestudio.com/wp-content/uploads/2020/04/Norwich-University-of-the-Arts-PROFILE-website-wb@2x-1024x768.jpg 1024w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 768w, https://afinestudio.com/wp-content/uploads/2020/04/Norwich-University-of-the-Arts-PROFILE-website-wb@2x-1536x1152.jpg 1536w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 2000w" data-lazy-sizes="(max-width: 300px) 100vw, 300px" data-lazy-src="https://afinestudio.com/wp-content/uploads/2020/04/[email protected]" /><noscript><img width="300" height="225" src="https://afinestudio.com/wp-content/uploads/2020/04/[email protected]" class="attachment-medium size-medium" alt="PROFILE web-app interface showing teamwork concept with interconnected links and upward arrow, rated two stars." decoding="async" srcset="https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 300w, https://afinestudio.com/wp-content/uploads/2020/04/Norwich-University-of-the-Arts-PROFILE-website-wb@2x-1024x768.jpg 1024w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 768w, https://afinestudio.com/wp-content/uploads/2020/04/Norwich-University-of-the-Arts-PROFILE-website-wb@2x-1536x1152.jpg 1536w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 2000w" sizes="(max-width: 300px) 100vw, 300px" /></noscript>                            </div>
289                        </div>
290                    </a>
291                    <div class="work-block-title-container">
292                        <a href="https://afinestudio.com/website-design/profile-web-app/">
293                            <h3 class="work-example-title">PROFILE Web-app</h3>
294                        </a>
295                    </div>
296                </div>
297                                
298                
299                <div class="work-block-wrapper">
300                    <a class="work-block" href="https://afinestudio.com/website-design/national-centre-for-writing-website/">
301                        <div class="work-content-block">
302<!--                            <div class="work-block-triangle"></div>-->
303<!--                            <div class="work-block-image"></div>-->
304                            <div class="work-block-image">
305                            <img width="300" height="225" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20225'%3E%3C/svg%3E" class="attachment-medium size-medium" alt="National Centre for Writing website homepage displaying upcoming events including Great Expectations theatre production and LBF workshops scheduled for March and April." decoding="async" data-lazy-srcset="https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 300w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1024w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 768w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1536w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 2000w" data-lazy-sizes="(max-width: 300px) 100v
305w, 300px" data-lazy-src="https://afinestudio.com/wp-content/uploads/2020/04/[email protected]" /><noscript><img width="300" height="225" src="https://afinestudio.com/wp-content/uploads/2020/04/[email protected]" class="attachment-medium size-medium" alt="National Centre for Writing website homepage displaying upcoming events including Great Expectations theatre production and LBF workshops scheduled for March and April." decoding="async" srcset="https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 300w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1024w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 768w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1536w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 2000w" sizes="(max-width: 300px) 100vw, 300px" /></noscript>                            </div>
306                        </div>
307                    </a>
308                    <div class="work-block-title-container">
309                        <a href="https://afinestudio.com/website-design/national-centre-for-writing-website/">
310                            <h3 class="work-example-title">National Centre for Writing website</h3>
311                        </a>
312                    </div>
313                </div>
314                                
315                
316                <div class="work-block-wrapper">
317                    <a class="work-block" href="https://afinestudio.com/website-design/eating-matters-website/">
318                        <div class="work-content-block">
319<!--                            <div class="work-block-triangle"></div>-->
320<!--                            <div class="work-block-image"></div>-->
321                            <div class="work-block-image">
322                            <img width="300" height="225" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20225'%3E%3C/svg%3E" class="attachment-medium size-medium" alt="Eating Matters website design by A Fine Studio featuring hands holding red heart against sunset backdrop." decoding="async" data-lazy-srcset="https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 300w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1024w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 768w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1536w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 2002w" data-lazy-sizes="(max-width: 300px) 100vw, 300px" data-lazy-src="https://afinestudio.com/wp-content/uploads/2020/04/[email protected]" /><noscript><img width="300" height="225" src="https://afinestudio.com/wp-content/uploads/2020/04/[email protected]" class="attachment-medium size-medium" alt="Eating Matters website design by A Fine Studio featuring hands holding red heart against sunset backdrop." decoding="async" srcset="https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 300w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1024w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 768w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1536w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 2002w" sizes="(max-width: 300px) 100vw, 300px" /></noscript>                            </div>
323                        </div>
324                    </a>
325                    <div class="work-block-title-container">
326                        <a href="https://afinestudio.com/website-design/eating-matters-website/">
327                            <h3 class="work-example-title">Eating Matters website</h3>
328                        </a>
329                    </div>
330                </div>
331                                
332                
333                <div class="work-block-wrapper">
334                    <a class="work-block" href="https://afinestudio.com/website-design/international-literature-showcase-website/">
335                        <div class="work-content-block">
336<!--                            <div class="work-block-triangle"></div>-->
337<!--                            <div class="work-block-image"></div>-->
338                            <div class="work-block-image">
339                            <img width="300" height="225" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20225'%3E%3C/svg%3E" class="attachment-medium size-medium" alt="Collage of colourful website design elements including geometric patterns, red flowers, purple graphics, and textured backgrounds representing international literature showcase website design." decoding="async" data-lazy-srcset="https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 300w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1024w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 768w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1536w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 2000w" data-lazy-sizes="(max-width: 300px) 100v
339w, 300px" data-lazy-src="https://afinestudio.com/wp-content/uploads/2020/04/[email protected]" /><noscript><img width="300" height="225" src="https://afinestudio.com/wp-content/uploads/2020/04/[email protected]" class="attachment-medium size-medium" alt="Collage of colourful website design elements including geometric patterns, red flowers, purple graphics, and textured backgrounds representing international literature showcase website design." decoding="async" srcset="https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 300w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1024w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 768w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1536w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 2000w" sizes="(max-width: 300px) 100vw, 300px" /></noscript>                            </div>
340                        </div>
341                    </a>
342                    <div class="work-block-title-container">
343                        <a href="https://afinestudio.com/website-design/international-literature-showcase-website/">
344                            <h3 class="work-example-title">International Literature Showcase website</h3>
345                        </a>
346                    </div>
347                </div>
348                                
349                
350                <div class="work-block-wrapper">
351                    <a class="work-block" href="https://afinestudio.com/website-design/approach-hr-website/">
352                        <div class="work-content-block">
353<!--                            <div class="work-block-triangle"></div>-->
354<!--                            <div class="work-block-image"></div>-->
355                            <div class="work-block-image">
356                            <img width="300" height="225" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20225'%3E%3C/svg%3E" class="attachment-medium size-medium" alt="Approach HR website homepage showing three core services: HR Strategy, Legal Compliance, and Project Management, with descriptive text and icons." decoding="async" data-lazy-srcset="https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 300w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1024w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 768w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1536w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 2000w" data-lazy-sizes="(max-width: 300px) 100vw, 300px" data-lazy-src="https://afinestudio.com/wp-content/uploads/2020/04/[email protected]" /><noscript><img width="300" height="225" src="https://afinestudio.com/wp-content/uploads/2020/04/[email protected]" class="attachment-medium size-medium" alt="Approach HR website homepage showing three core services: HR Strategy, Legal Compliance, and Project Management, with descriptive text and icons." decoding="async" srcset="https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 300w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1024w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 768w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1536w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 2000w" sizes="(max-width: 300px) 100vw, 300px" /></noscript>                            </div>
357                        </div>
358                    </a>
359                    <div class="work-block-title-container">
360                        <a href="https://afinestudio.com/website-design/approach-hr-website/">
361                            <h3 class="work-example-title">Approach HR website</h3>
362                        </a>
363                    </div>
364                </div>
365                                
366                
367                <div class="work-block-wrapper">
368                    <a class="work-block" href="https://afinestudio.com/website-design/lynn-grove-academy-website/">
369                        <div class="work-content-block">
370<!--                            <div class="work-block-triangle"></div>-->
371<!--                            <div class="work-block-image"></div>-->
372                            <div class="work-block-image">
373                            <img width="300" height="225" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20225'%3E%3C/svg%3E" class="attachment-medium size-medium" alt="Lynn Grove Academy website homepage displaying navigation menu, student imagery, play button overlay, and call-to-action buttons for booking tours and downloading prospectus." decoding="async" data-lazy-srcset="https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 300w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1024w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 768w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1536w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 2000w" data-lazy-sizes="(max-width: 300px) 100v
373w, 300px" data-lazy-src="https://afinestudio.com/wp-content/uploads/2020/04/[email protected]" /><noscript><img width="300" height="225" src="https://afinestudio.com/wp-content/uploads/2020/04/[email protected]" class="attachment-medium size-medium" alt="Lynn Grove Academy website homepage displaying navigation menu, student imagery, play button overlay, and call-to-action buttons for booking tours and downloading prospectus." decoding="async" srcset="https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 300w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1024w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 768w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1536w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 2000w" sizes="(max-width: 300px) 100vw, 300px" /></noscript>                            </div>
374                        </div>
375                    </a>
376                    <div class="work-block-title-container">
377                        <a href="https://afinestudio.com/website-design/lynn-grove-academy-website/">
378                            <h3 class="work-example-title">Lynn Grove Academy website</h3>
379                        </a>
380                    </div>
381                </div>
382                                
383                
384                <div class="work-block-wrapper">
385                    <a class="work-block" href="https://afinestudio.com/website-design/norwich-sharing-city-website/">
386                        <div class="work-content-block">
387<!--                            <div class="work-block-triangle"></div>-->
388<!--                            <div class="work-block-image"></div>-->
389                            <div class="work-block-image">
390                            <img width="300" height="225" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20225'%3E%3C/svg%3E" class="attachment-medium size-medium" alt="Norwich Sharing City website design showing red banner with aims and efficiency pillar sections, developed by A Fine Studio." decoding="async" data-lazy-srcset="https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 300w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1024w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 768w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1536w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 2000w" data-lazy-sizes="(max-width: 300px) 100vw, 300px" data-lazy-src="https://afinestudio.com/wp-content/uploads/2020/04/[email protected]" /><noscript><img width="300" height="225" src="https://afinestudio.com/wp-content/uploads/2020/04/[email protected]" class="attachment-medium size-medium" alt="Norwich Sharing City website design showing red banner with aims and efficiency pillar sections, developed by A Fine Studio." decoding="async" srcset="https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 300w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1024w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 768w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1536w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 2000w" sizes="(max-width: 300px) 100vw, 300px" /></noscript>                            </div>
391                        </div>
392                    </a>
393                    <div class="work-block-title-container">
394                        <a href="https://afinestudio.com/website-design/norwich-sharing-city-website/">
395                            <h3 class="work-example-title">Norwich Sharing City website</h3>
396                        </a>
397                    </div>
398                </div>
399                                
400                
401                <div class="work-block-wrapper">
402                    <a class="work-block" href="https://afinestudio.com/website-design/the-people-kit-website/">
403                        <div class="work-content-block">
404<!--                            <div class="work-block-triangle"></div>-->
405<!--                            <div class="work-block-image"></div>-->
406                            <div class="work-block-image">
407                            <img width="300" height="225" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20225'%3E%3C/svg%3E" class="attachment-medium size-medium" alt="The People Kit website homepage featuring turquoise background, black oval shape, and teal text logo for A Fine Studio&#039;s web design and development services." decoding="async" data-lazy-srcset="https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 300w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1024w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 768w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1536w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 2000w" data-lazy-sizes="(max-width: 300px) 100v
407w, 300px" data-lazy-src="https://afinestudio.com/wp-content/uploads/2020/04/[email protected]" /><noscript><img width="300" height="225" src="https://afinestudio.com/wp-content/uploads/2020/04/[email protected]" class="attachment-medium size-medium" alt="The People Kit website homepage featuring turquoise background, black oval shape, and teal text logo for A Fine Studio&#039;s web design and development services." decoding="async" srcset="https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 300w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1024w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 768w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 1536w, https://afinestudio.com/wp-content/uploads/2020/04/[email protected] 2000w" sizes="(max-width: 300px) 100vw, 300px" /></noscript>                            </div>
408                        </div>
409                    </a>
410                    <div class="work-block-title-container">
411                        <a href="https://afinestudio.com/website-design/the-people-kit-website/">
412                            <h3 class="work-example-title">The People Kit website</h3>
413                        </a>
414                    </div>
415                </div>
416                                                
417
418        </div>
419    </div>         
420</div>
421
422
423    
424
425    <div  class="services-col-section">
426        <div  class="services-col-container">
427            <h2>Website services</h2>
428            <p class="large-text"><strong>Four simple stages</strong> for success</p>
429            <div  class="w-row services-col-row">
430                <div class="w-col w-col-3 column-services">
431                                        <h3>Design</h3>
432                    <p>A combination of <strong>exceptional visual Design</strong>, robust <strong>User Experience</strong> and strong <strong>SEO</strong> guarantees your company will communicate better with customers. After all, making it easy to find what they're looking for is core to the success of any website.</p>
433                </div>
434                <div class="w-col w-col-3 column-services">
435                                        <h3>Development</h3>
436                    <p>With a <strong>Content Managed System</strong> that is <strong>easy to use</strong> and <strong>custom-built</strong> for your company, you save you time and money. We don't use unnecessary plugins or off-the-shelf themes that can slow your site down, <strong>just clever coding and a great CMS</strong>.</p>
437                </div>
438                <div class="w-col w-col-3 column-services">
439                                        <h3>Optimisation</h3>
440                    <p><strong>An optimised site loads quickly</strong>. Using <strong>smart coding</strong> and <strong>website caching</strong>, <strong>image optimisation</strong> and <strong>server optimisation</strong>, we can guarantee your website will load fast and issue free. If you already have a website, chances are it can be improved.</p>
441                </div>
442                <div class="w-col w-col-3 column-services">
443                                        <h3>Hosting </h3>
444                    <p>Our great value <strong>super-fast VPS hosting</strong> is optimised for quick website performance and delivery. <strong>SSL Certification</strong> (https), <strong>weekly backups</strong> and <strong>updates</strong> come as standard, leaving you to concentrate on what you do best.</p>
445                </div>
446             </div>
447
448        </div>
449    </div>
450
451    
452
453    <div  id="contactUs" class="form-container">
454    <div  class="form-wrapper">
455                    <h2 class="form-heading">If you’d like to discuss how we can help with your digital strategy, please leave us a message.</h2>
456                
457        <div  class="form">
458            
459<div class="wpcf7 no-js" id="wpcf7-f346-o1" lang="en-GB" dir="ltr" data-wpcf7-id="346">
460<div class="screen-reader-response">
460<p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
461<form action="/website-design/#wpcf7-f346-o1" method="post" class="wpcf7-form init" aria-label="Contact form" novalidate="novalidate" data-status="init">
462<fieldset class="hidden-fields-container"><input type="hidden" name="_wpcf7" value="346" /><input type="hidden" name="_wpcf7_version" value="6.2" /><input type="hidden" name="_wpcf7_locale" value="en_GB" /><input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f346-o1" /><input type="hidden" name="_wpcf7_container_post" value="0" /><input type="hidden" name="_wpcf7_posted_data_hash" value="" />
463</fieldset>
464<div class="wpcf7-turnstile cf-turnstile" data-sitekey="0x4AAAAAABufBQ2wGaBOzAGp" data-response-field-name="_wpcf7_turnstile_response"></div>
465
466<p><label> Your Name<br />
467<span class="wpcf7-form-control-wrap" data-name="your-name"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text" aria-invalid="false" value="" type="text" name="your-name" /></span> </label>
468</p>
469<p><label> Your Email<br />
470<span class="wpcf7-form-control-wrap" data-name="your-email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" aria-required="true" aria-invalid="false" value="" type="email" name="your-email" /></span> </label>
471</p>
472<p><label> Your Message<br />
473<span class="wpcf7-form-control-wrap" data-name="your-message"><textarea cols="40" rows="10" maxlength="2000" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false" name="your-message"></textarea></span> </label><br />
474<input class="wpcf7-form-control wpcf7-submit has-spinner submit-button w-button" type="submit" value="Send" />
475</p><div class="wpcf7-response-output" aria-hidden="true"></div>
476</form>
477</div>
478        </div>
479    </div>
480</div>
481
482<div  class="map-wrapper w-clearfix">
483    <div  class="map-container" id="map">
484        <div  class="w-embed w-script">
485            
485<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBY8DAvpe6qOwgbnOLzJ_Q5JVQ_tc3HTug"></script>
485
486
487            
487<script type="text/javascript">
488            // When the window has finished loading create our google map below
489            google.maps.event.addDomListener(window, 'load', init);
490                
491            function init() {
492                // Basic options for a simple Google Map
493                // For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions
494                var mapOptions = {
495                    // How zoomed in you want the map to start at (always required)
496                    zoom: 15,
497                    // The latitude and longitude to center the map (always required)
498                    center: new google.maps.LatLng(52.633049, 1.293087), // Norwich
499                    // How you would like to style the map. 
500                    // This is where you would paste any style found on Snazzy Maps.
501
502                    //Omit satalite and terrain
503                    mapTypeControl: true,
504                    mapTypeControlOptions: {      
505                      mapTypeIds: [
506                        google.maps.MapTypeId.ROADMAP
507                      ]
508                    },                
509
510                    styles: [
511                        {
512                            "featureType": "administrative",
513                            "elementType": "labels.text.fill",
514                            "stylers": [
515                                {
516                                    "color": "#152546"
517                                }
518                            ]
519                        },
520                        {
521                            "featureType": "administrative.province",
522                            "elementType": "labels.text.fill",
523                            "stylers": [
524                                {
525                                    "weight": "7.12"
526                                }
527                            ]
528                        },
529                        {
530                            "featureType": "landscape",
531                            "elementType": "all",
532                            "stylers": [
533                                {
534                                    "color": "#f2f2f2"
535                                }
536                            ]
537                        },
538                        {
539                            "featureType": "poi",
540                            "elementType": "all",
541                            "stylers": [
542                                {
543                                    "visibility": "off"
544                                }
545                            ]
546                        },
547                        {
548                            "featureType": "road",
549                            "elementType": "all",
550                            "stylers": [
551                                {
552                                    "saturation": -100
553                                },
554                                {
555                                    "lightness": 45
556                                }
557                            ]
558                        },
559                        {
560                            "featureType": "road.highway",
561                            "elementType": "all",
562                            "stylers": [
563                                {
564                                    "visibility": "simplified"
565                                }
566                            ]
567                        },
568                        {
569                            "featureType": "road.arterial",
570                            "elementType": "labels.icon",
571                            "stylers": [
572                                {
573                                    "visibility": "off"
574                                }
575                            ]
576                        },
577                        {
578                            "featureType": "transit",
579                            "elementType": "all",
580                            "stylers": [
581                                {
582                                    "visibility": "off"
583                                }
584                            ]
585                        },
586                        {
587                            "featureType": "water",
588                            "elementType": "all",
589                            "stylers": [
590                                {
591                                    "color": "#152546"
592                                },
593                                {
594                                    "visibility": "on"
595                        }
596                    ]
597                }
598                ]
599                };
600                // Get the HTML DOM element that will contain your map 
601                // We are using a div with id="map" seen below in the <body>
602                var mapElement = document.getElementById('map');
603                // Create the Google Map using our element and options defined above
604                var map = new google.maps.Map(mapElement, mapOptions);
605                // Let's also add a marker while we're at it
606                var image = 'https://afinestudio.com/wp-content/themes/a-fine-studio/assets/images/finemarker.svg';
607                //	Let's also add a marker while we're at it
608                var fineMarker = new google.maps.Marker({
609                    position: new google.maps.LatLng(52.633049, 1.293087),
610                    map: map,
611                    title: 'A Fine Studio',
612                    icon: image
613                });
614            }
615            </script>
615
616        </div>
617    </div>
618</div>    
619
620
621<div data-wpr-lazyrender="1" class="footer-section w-clearfix">
622    <div  class="footer-nav">
623       
624                            <a href="https://afinestudio.com/we-are-fine/">About FINE</a><span class="nav-divider"> | </span>
625                    <a href="https://afinestudio.com/website-design/">Web</a><span class="nav-divider"> | </span>
626                    <a href="https://afinestudio.com/print-design/">Print</a><span class="nav-divider"> | </span>
627                    <a href="https://afinestudio.com/logo-design/">Logo</a><span class="nav-divider"> | </span>
628                    <a href="/we-are-fine#contactUs">Contact us</a><span class="nav-divider"> | </span>
629                
630    </div>
631    <div  class="footer-container">
632        <p><strong>A Fine Studio</strong> St Georges Works, 49 Colgate, Norwich NR3 1DD<br />
633        
634        <!--Hidden email-->
635        
635<script language="JavaScript">
636            var username = "hi";
637            var hostname = "afinestudio.com";
638            var linktext = username + "@" + hostname ;
639            document.write("<a href='" + "mail" + "to:" + username + "@" + hostname + "'>" + linktext + "</a>");
640        </script>
640 
641
642        </p>
643            </div>
644    <div  class="social-row-container w-clearfix">
645        <div  class="social-row">
646            <div class="social-column">
647                <a href="https://www.facebook.com/AFineStudioNorwich/" target="_blank"><img class="social-icon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Facebook icon" data-lazy-src="https://afinestudio.com/wp-content/themes/a-fine-studio/assets/images/[email protected]"><noscript><img class="social-icon" src="https://afinestudio.com/wp-content/themes/a-fine-studio/assets/images/[email protected]" alt="Facebook icon"></noscript></a>
648            </div>
649            <div class="social-column">
650                <a href="https://twitter.com/afinestudio" target="_blank"><img class="social-icon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Twitter icon" data-lazy-src="https://afinestudio.com/wp-content/themes/a-fine-studio/assets/images/[email protected]"><noscript><img class="social-icon" src="https://afinestudio.com/wp-content/themes/a-fine-studio/assets/images/[email protected]" alt="Twitter icon"></noscript></a>
651            </div>
652            <div class="social-column">
653                <a href="https://www.instagram.com/afine.studio/" target="_blank"><img class="social-icon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Instagram icon" data-lazy-src="https://afinestudio.com/wp-content/themes/a-fine-studio/assets/images/[email protected]"><noscript><img class="social-icon" src="https://afinestudio.com/wp-content/themes/a-fine-studio/assets/images/[email protected]" alt="Instagram icon"></noscript></a>
654            </div>
655            <div class="social-column">
656                <a href="https://www.linkedin.com/company/a-fine-studio" target="_blank"><img class="social-icon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="LinkedIn Icon" data-lazy-src="https://afinestudio.com/wp-content/themes/a-fine-studio/assets/images/[email protected]"><noscript><img class="social-icon" src="https://afinestudio.com/wp-content/themes/a-fine-studio/assets/images/[email protected]" alt="LinkedIn Icon"></noscript></a>
657            </div>
658        </div>
659    </div>
660</div>
661
662<!-- <a href="#" class="termly-display-preferences">Consent Preferences</a> -->
663
664<script data-minify="1" src="https://afinestudio.com/wp-content/cache/min/1/ajax/libs/jquery/2.2.0/jquery.min.js?ver=1788516731" type="text/javascript"></script>
664
665
666<script data-minify="1" src="https://afinestudio.com/wp-content/cache/min/1/wp-content/themes/a-fine-studio/assets/js/slick.js?ver=1788516731" type="text/javascript" charset="utf-8" data-rocket-defer defer></script>
vendor: 1 bytes, line 666
666
667<script data-minify="1" src="https://afinestudio.com/wp-content/cache/min/1/wp-content/themes/a-fine-studio/assets/js/afinestudio.js?ver=1788516731" type="text/javascript" data-rocket-defer defer></script>
vendor: 1 bytes, line 667
667
668<script src="https://afinestudio.com/wp-content/themes/a-fine-studio/assets/js/cookie.js?nocache=123" type="text/javascript"></script>
668
669
670<!-- [if lte IE 9]>
670<script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script>
670<![endif] -->
671
672<script type="speculationrules">
673{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/a-fine-studio/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
674</script>
vendor: 1 bytes, line 674
674
675<script data-wp-strategy="async" id="cloudflare-turnstile-js" src="https://challenges.cloudflare.com/turnstile/v0/api.js" data-rocket-defer defer></script>
vendor: 1 bytes, line 675
675
676<script id="cloudflare-turnstile-js-after">
677document.addEventListener( 'wpcf7submit', e => turnstile.reset() );
678//# sourceURL=cloudflare-turnstile-js-after
679</script>
vendor: 1 bytes, line 679
679
680<script id="rocket-browser-checker-js-after">
681"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
682//# sourceURL=rocket-browser-checker-js-after
683</script>
vendor: 1 bytes, line 683
683
684<script id="rocket-preload-links-js-extra">
685var RocketPreloadLinksConfig = {"excludeUris":"/(?:.+/)?feed(?:/(?:.+/?)?)?$|/(?:.+/)?embed/|/(index.php/)?(.*)wp-json(/.*|$)|/refer/|/go/|/recommend/|/recommends/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https://afinestudio.com","onHoverDelay":"100","rateThrottle":"3"};
686//# sourceURL=rocket-preload-links-js-extra
687</script>
vendor: 1 bytes, line 687
687
688<script id="rocket-preload-links-js-after">
689(function() {
690"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
691}());
692
693//# sourceURL=rocket-preload-links-js-after
694</script>
vendor: 1 bytes, line 694
694
695<script data-minify="1" id="a-fine-studio-navigation-js" src="https://afinestudio.com/wp-content/cache/min/1/wp-content/themes/a-fine-studio/js/navigation.js?ver=1788516731" data-rocket-defer defer></script>
vendor: 1 bytes, line 695
695
696<script data-minify="1" id="a-fine-studio-skip-link-focus-fix-js" src="https://afinestudio.com/wp-content/cache/min/1/wp-content/themes/a-fine-studio/js/skip-link-focus-fix.js?ver=1788516731" data-rocket-defer defer></script>
vendor: 1 bytes, line 696
696
697<script id="wp-hooks-js" src="https://afinestudio.com/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 697
697
698<script id="wp-i18n-js" src="https://afinestudio.com/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 698
698
699<script id="wp-i18n-js-after">
700wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
701//# sourceURL=wp-i18n-js-after
702</script>
vendor: 1 bytes, line 702
702
703<script data-minify="1" id="swv-js" src="https://afinestudio.com/wp-content/cache/min/1/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=1788516887" data-rocket-defer defer></script>
vendor: 1 bytes, line 703
703
704<script id="contact-form-7-js-translations">
705( function( domain, translations ) {
706	var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
707	localeData[""].domain = domain;
708	wp.i18n.setLocaleData( localeData, domain );
709} )( "contact-form-7", {"translation-revision-date":"2026-10-07 00:18:12+0000","generator":"GlotPress\/4.1.0","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"en_GB"},"This contact form is placed in the wrong place.":["This contact form is placed in the wrong place."],"Error:":["Error:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
710//# sourceURL=contact-form-7-js-translations
711</script>
vendor: 1 bytes, line 711
711
712<script id="contact-form-7-js-before">
713var wpcf7 = {
714    "api": {
715        "root": "https:\/\/afinestudio.com\/wp-json\/",
716        "namespace": "contact-form-7\/v1"
717    },
718    "cached": 1
719};
720//# sourceURL=contact-form-7-js-before
721</script>
vendor: 1 bytes, line 721
721
722<script data-minify="1" id="contact-form-7-js" src="https://afinestudio.com/wp-content/cache/min/1/wp-content/plugins/contact-form-7/includes/js/index.js?ver=1788516888" data-rocket-defer defer></script>
vendor: 1 bytes, line 722
722
723<script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue}
724if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue}
725images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
726if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script>
726<script data-no-minify="1" async src="https://afinestudio.com/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script>
726
727</body>
728</html>
729<!-- Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com -->
730
731<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1791484230 -->

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.