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&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="preload"> 66<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap" media="print" onload="this.media='all'" 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 & 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 & 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 » Feed" href="https://afinestudio.com/feed/" /> 93<link rel="alternate" type="application/rss+xml" title="A Fine Studio » 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&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 – 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 & 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 & 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 'Discover your next big win' and call-to-action 'Find a marketing tool for every need'." 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'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'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.