1<!DOCTYPE html> 2<html lang="en" class="scroll-smooth"> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 8 <title>Contact â Mark Allen</title> 9 <meta name="theme-color" content="#011533"> 10 <link rel="shortcut icon" href="/media/b5epeto4/favicon.png" type="image/x-icon"> 11 <link rel="icon" href="/media/b5epeto4/favicon.png" type="image/x-icon"> 12 <!-- Google Tag Manager --> 13
13<script>
vendor: 534 bytes, lines 13-25
13(function (w, d, s, l, i) { 14 w[l] = w[l] || []; 15 w[l].push({ 16 'gtm.start': 17 new Date().getTime(), event: 'gtm.js' 18 }); 19 var f = d.getElementsByTagName(s)[0], 20 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; 21 j.async = true; 22 j.src = 23 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 24 f.parentNode.insertBefore(j, f); 25 })(window, document, 'script', 'dataLayer', '
25GTM-NQWXCC9
vendor: 3 bytes, line 25
25');
25</script>
25 26 <!-- End Google Tag Manager --> 27 <link rel="stylesheet" href="https://use.typekit.net/axu3rgl.css"> 28 <link rel="stylesheet" href="/css/app.css"> 29 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/> 30
30<script> 31 document.addEventListener('alpine:init', () => { 32 Alpine.store('appState', { 33 isMobilemenuOpen: false, 34 isVideooverlay: false, 35 isDirectorsInfomodal: false, 36 openModals: {}, 37 windowSize: 0, 38 openModal(key) { 39 this.openModals[key] = true; 40 }, 41 closeModal(key) { 42 this.openModals[key] = false; 43 }, 44 get isAnyModalOpen() { 45 return this.isVideooverlay || 46 this.isMobilemenuOpen || 47 this.isDirectorsInfomodal || 48 Object.values(this.openModals).some(v => v); 49 }, 50 init() { 51 let resizeRunning = false, 52 base = this; 53 window.addEventListener('resize', (e) => { 54 if (!resizeRunning) { 55 window.requestAnimationFrame(() => { 56 base.onResize(); 57 resizeRunning = false; 58 }); 59 resizeRunning = true; 60 } 61 }); 62 this.onResize(); 63 }, 64 onResize() { 65 const currentWidth = window.innerWidth, 66 breakpoint = 1150; 67 if (currentWidth >= breakpoint && this.windowSize <= breakpoint - 1 || currentWidth <= breakpoint - 1 && this.windowSize >= breakpoint) { 68 this.isMobilemenuOpen ? this.isMobilemenuOpen = false : ''; 69 } 70 this.windowSize = innerWidth; 71 } 72 }); 73 74 // Listen for the open-modal event and open the modal by key 75 document.addEventListener('open-modal', (event) => { 76 const key = event.detail; 77 Alpine.store('appState').openModal(key); 78 }); 79 }); 80 </script>
80 81 82
82<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js"></script>
82 83
83<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
83 84 85</head> 86 87<body x-data="Alpine.store('appState')" :class="{ 'overflow-hidden': isAnyModalOpen }" class="font-freightSansPro"> 88<!-- Google Tag Manager (noscript) -->
vendor: 73 bytes, lines 88-90
88 89<noscript> 90 <iframe src="https://www.googletagmanager.com/ns.html?id=
90GTM-NQWXCC9
vendor: 96 bytes, lines 90-92
90" 91 height="0" width="0" style="display:none;visibility:hidden"></iframe> 92</noscript>
93<!-- End Google Tag Manager (noscript) --> 94 95 96<header 97 class="fixed top-0 left-0 z-50 w-full bg-gradient-to-b from-blue6 to-blue4 backdrop-blur-10 shadow-1 px-10 py-7 md:px-20 md:py-22.5 lg:px-40"> 98 <div class="header-inner mx-auto max-w-1440 flex justify-between items-center"> 99 <a href="/" class="block" aria-label="Go to homepage"> 100 <img class="max-w-127 md:max-w-none" src="/assets/images/logo.svg" alt="Company Logo"> 101 </a> 102 <div x-data 103 @focusin.window="!$root.contains($event.target) ? isMobilemenuOpen = false:''" 104 @keyup.escape="isMobilemenuOpen = !isMobilemenuOpen"> 105 <button type="button" @click="isMobilemenuOpen = !isMobilemenuOpen" 106 class="text-white px-7 py-5 bg-white1 rounded-2xl 2lg:hidden hover:bg-white/20 cursor-pointer" 107 aria-haspopup="true" 108 aria-controls="menuList" 109 :aria-expanded="isMobilemenuOpen" 110 aria-label="Toggle mobile menu"> 111 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-36" 112 aria-hidden="true"> 113 <path fill-rule="evenodd" 114 d="M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z" 115 clip-rule="evenodd"/> 116 </svg> 117 </button> 118 <div id="menuList" 119 class="absolute h-0 overflow-hidden top-60 left-0 bg-white2 backdrop-blur-10 w-full transition-all duration-300 text-center md:top-90 2lg:overflow-visible 2lg:h-auto 2lg:w-auto 2lg:static 2lg:bg-transparent 2lg:backdrop-blur-none 2lg:visible 2lg:opacity-1000 2lg:pointer-events-auto 2lg:transition-none" 120 :class="isMobilemenuOpen ? 'h-[calc(100vh-60px)] visible opacity-100 pointer-events-auto md:h-[calc(100vh-90px)] overflow-y-scroll' : 'h-0 invisible opacity-0 pointer-events-none'" 121 role="navigation" aria-label="Main menu"> 122 <div 123 class="p-40 2lg:flex 2lg:flex-row 2lg:gap-x-10 2lg:p-0 w-full text-center mx-auto max-w-[450px] 2lg:max-w-none"> 124 <ul 125 class="header-links flex flex-col items-start gap-y-16 relative pl-10 mb-21 before:content-[''] before:absolute before:left-0 before:top-0 before:w-4 before:h-full before:bg-blue5 2lg:before:content-none 2lg:flex 2lg:flex-row 2lg:gap-x-10 2lg:items-center 2lg:pl-0 2lg:mb-0"> 126 <li class="w-full 2lg:w-auto"> 127 <a href="/" 128 class="block text-22 font-semibold text-blue3 hover:bg-blue5 leading-29 px-24 py-8 text-left 2lg:px-18 2lg:text-lg 2lg:text-center 2lg:text-white xl:text-22 xl:px-24 rounded-2xl hover:2lg:bg-white1"> 129 Home 130 </a> 131 </li> 132 <li class="w-full 2lg:w-auto"> 133 <a href="/who-we-are/" 134 class="block text-22 font-semibold text-blue3 hover:bg-blue5 leading-29 px-24 py-8 text-left 2lg:px-18 2lg:text-lg 2lg:text-center 2lg:text-white xl:text-22 xl:px-24 rounded-2xl hover:2lg:bg-white1"> 135 Who We Are 136 </a> 137 </li> 138 <li class="w-full 2lg:w-auto"> 139 <a href="/values/" 140 class="block text-22 font-semibold text-blue3 hover:bg-blue5 leading-29 px-24 py-8 text-left 2lg:px-18 2lg:text-lg 2lg:text-center 2lg:text-white xl:text-22 xl:px-24 rounded-2xl hover:2lg:bg-white1"> 141 Values 142 </a> 143 </li> 144 <li class="w-full 2lg:w-auto"> 145 <a href="/what-we-do/" 146 class="block text-22 font-semibold text-blue3 hover:bg-blue5 leading-29 px-24 py-8 text-left 2lg:px-18 2lg:text-lg 2lg:text-center 2lg:text-white xl:text-22 xl:px-24 rounded-2xl hover:2lg:bg-white1"> 147 What We Do 148 </a> 149 </li> 150 <li class="w-full 2lg:w-auto"> 151 <a href="/newsroom/" 152 class="block text-22 font-semibold text-blue3 hover:bg-blue5 leading-29 px-24 py-8 text-left 2lg:px-18 2lg:text-lg 2lg:text-center 2lg:text-white xl:text-22 xl:px-24 rounded-2xl hover:2lg:bg-white1"> 153 Newsroom 154 </a> 155 </li> 156 <li class="w-full 2lg:w-auto"> 157 <a href="/careers/" 158 class="block text-22 font-semibold text-blue3 hover:bg-blue5 leading-29 px-24 py-8 text-left 2lg:px-18 2lg:text-lg 2lg:text-center 2lg:text-white xl:text-22 xl:px-24 rounded-2xl hover:2lg:bg-white1"> 159 Careers 160 </a> 161 </li> 162 </ul> 163 <div class="w-full 2lg:w-auto"> 164 <a href="/contact/" 165 class="block text-center text-22 font-semibold leading-29 px-24 py-8 bg-linear-(--gradient1) text-white rounded-2xl hover:bg-white hover:shadow-1 2lg:px-18 2lg:text-lg 2lg:text-blue1 2lg:bg-white3 2lg:bg-linear-0 xl:text-22 xl:px-24 " 166 >Contact</a> 167 </div> 168 </div> 169 </div> 170 </div> 171 </div> 172</header> 173 174 175
176<div id="offices" 177 class="office-detail-outer bg-linear-(--gradient2) px-20 pt-96 pb-36 md:pt-155 md:pb-50 lg:px-40 lg:pb-64"> 178 <div class="mx-auto max-w-1440"> 179 <div class="title mb-40"> 180 <h2 class="!leading-tight font-freightTextPro font-semibold text-blue6 text-28 mb-6 md:text-34 md:mb-12 lg:text-40"> 181 We’d love to hear from you 182 </h2> 183 <p class="!leading-tight text-lg font-normal text-gray2 max-w-933 md:text-2xl"> 184 Discover our offices or send us a message using the contact form below. 185 </p> 186 </div> 187 <div x-data="{ activeTab: '7732e8e6-2950-47ba-8092-15b2e74f0a9d' }" class="office-detail-wrap"> 188 <div class="relative pt-12 sm:pt-0"> 189 <div class="absolute -right-20 h-full top-0 z-10 pointer-events-none bg-gradient-to-l from-[var(--color-gray5)] to-transparent w-50 sm:hidden"></div> 190 <div 191 class="tabs relative styled-scrollbar snap-x snap-mandatory scroll-px-20 sm:snap-none pb-8 flex overflow-x-auto gap-x-10 gap-y-12 -mx-20 px-20 mb-10 sm:pb-0 sm:mx-0 sm:px-0 sm:grid sm:grid-cols-2 sm:gap-x-12 md:grid-cols-3 xl:grid-cols-4 lg:mb-30" 192 role="tablist" aria-label="Offices"> 193 <button type="button" 194 id="tab-7732e8e6-2950-47ba-8092-15b2e74f0a9d" 195 class="!leading-tight cursor-pointer snap-start whitespace-nowrap text-lg font-semibold text-blue3 border border-transparent bg-gray5 rounded-2xl px-14 py-9 md:text-xl lg:text-2xl hover:bg-blue10" 196 :class="{ 'bg-white !border-blue3 hover:bg-white': activeTab === '7732e8e6-2950-47ba-8092-15b2e74f0a9d' }" 197 @click="activeTab = '7732e8e6-2950-47ba-8092-15b2e74f0a9d'" 198 @keydown.arrow-left.prevent="$el.previousElementSibling ? ($el.previousElementSibling.focus(),$el.previousElementSibling.click()) : ''" 199 @keydown.arrow-right.prevent="$el.nextElementSibling ? ($el.nextElementSibling.focus(),$el.nextElementSibling.click()) : ''" 200 role="tab" 201 :aria-selected="activeTab === '7732e8e6-2950-47ba-8092-15b2e74f0a9d'" 202 aria-controls="tabpanel-7732e8e6-2950-47ba-8092-15b2e74f0a9d" 203 :tabindex="activeTab === '7732e8e6-2950-47ba-8092-15b2e74f0a9d' ? '0' : '-1'"> 204 London — Head Office 205 </button> 206 <button type="button" 207 id="tab-f39694f5-f93d-4a28-bae4-85a0d80485ce" 208 class="!leading-tight cursor-pointer snap-start whitespace-nowrap text-lg font-semibold text-blue3 border border-transparent bg-gray5 rounded-2xl px-14 py-9 md:text-xl lg:text-2xl hover:bg-blue10" 209 :class="{ 'bg-white !border-blue3 hover:bg-white': activeTab === 'f39694f5-f93d-4a28-bae4-85a0d80485ce' }" 210 @click="activeTab = 'f39694f5-f93d-4a28-bae4-85a0d80485ce'" 211 @keydown.arrow-left.prevent="$el.previousElementSibling ? ($el.previousElementSibling.focus(),$el.previousElementSibling.click()) : ''" 212 @keydown.arrow-right.prevent="$el.nextElementSibling ? ($el.nextElementSibling.focus(),$el.nextElementSibling.click()) : ''" 213 role="tab" 214 :aria-selected="activeTab === 'f39694f5-f93d-4a28-bae4-85a0d80485ce'" 215 aria-controls="tabpanel-f39694f5-f93d-4a28-bae4-85a0d80485ce" 216 :tabindex="activeTab === 'f39694f5-f93d-4a28-bae4-85a0d80485ce' ? '0' : '-1'"> 217 London, Central 218 </button> 219 <button type="button" 220 id="tab-a09ef155-c80e-4547-aa27-649ae699910a" 221 class="!leading-tight cursor-pointer snap-start whitespace-nowrap text-lg font-semibold text-blue3 border border-transparent bg-gray5 rounded-2xl px-14 py-9 md:text-xl lg:text-2xl hover:bg-blue10" 222 :class="{ 'bg-white !border-blue3 hover:bg-white': activeTab === 'a09ef155-c80e-4547-aa27-649ae699910a' }" 223 @click="activeTab = 'a09ef155-c80e-4547-aa27-649ae699910a'" 224 @keydown.arrow-left.prevent="$el.previousElementSibling ? ($el.previousElementSibling.focus(),$el.previousElementSibling.click()) : ''" 225 @keydown.arrow-right.prevent="$el.nextElementSibling ? ($el.nextElementSibling.focus(),$el.nextElementSibling.click()) : ''" 226 role="tab" 227 :aria-selected="activeTab === 'a09ef155-c80e-4547-aa27-649ae699910a'" 228 aria-controls="tabpanel-a09ef155-c80e-4547-aa27-649ae699910a" 229 :tabindex="activeTab === 'a09ef155-c80e-4547-aa27-649ae699910a' ? '0' : '-1'"> 230 Dartford 231 </button> 232 <button type="button" 233 id="tab-98c5b8a9-04d9-4539-8981-df3b235c7231" 234 class="!leading-tight cursor-pointer snap-start whitespace-nowrap text-lg font-semibold text-blue3 border border-transparent bg-gray5 rounded-2xl px-14 py-9 md:text-xl lg:text-2xl hover:bg-blue10" 235 :class="{ 'bg-white !border-blue3 hover:bg-white': activeTab === '98c5b8a9-04d9-4539-8981-df3b235c7231' }" 236 @click="activeTab = '98c5b8a9-04d9-4539-8981-df3b235c7231'" 237 @keydown.arrow-left.prevent="$el.previousElementSibling ? ($el.previousElementSibling.focus(),$el.previousElementSibling.click()) : ''" 238 @keydown.arrow-right.prevent="$el.nextElementSibling ? ($el.nextElementSibling.focus(),$el.nextElementSibling.click()) : ''" 239 role="tab" 240 :aria-selected="activeTab === '98c5b8a9-04d9-4539-8981-df3b235c7231'" 241 aria-controls="tabpanel-98c5b8a9-04d9-4539-8981-df3b235c7231" 242 :tabindex="activeTab === '98c5b8a9-04d9-4539-8981-df3b235c7231' ? '0' : '-1'"> 243 Dinton 244 </button> 245 <button type="button" 246 id="tab-4e8de3a8-046d-4ce8-a478-a09df972fae2" 247 class="!leading-tight cursor-pointer snap-start whitespace-nowrap text-lg font-semibold text-blue3 border border-transparent bg-gray5 rounded-2xl px-14 py-9 md:text-xl lg:text-2xl hover:bg-blue10" 248 :class="{ 'bg-white !border-blue3 hover:bg-white': activeTab === '4e8de3a8-046d-4ce8-a478-a09df972fae2' }" 249 @click="activeTab = '4e8de3a8-046d-4ce8-a478-a09df972fae2'" 250 @keydown.arrow-left.prevent="$el.previousElementSibling ? ($el.previousElementSibling.focus(),$el.previousElementSibling.click()) : ''" 251 @keydown.arrow-right.prevent="$el.nextElementSibling ? ($el.nextElementSibling.focus(),$el.nextElementSibling.click()) : ''" 252 role="tab" 253 :aria-selected="activeTab === '4e8de3a8-046d-4ce8-a478-a09df972fae2'" 254 aria-controls="tabpanel-4e8de3a8-046d-4ce8-a478-a09df972fae2" 255 :tabindex="activeTab === '4e8de3a8-046d-4ce8-a478-a09df972fae2' ? '0' : '-1'"> 256 Liverpool 257 </button> 258 <button type="button" 259 id="tab-ca97680d-1e3d-47fd-882a-d1e2083efb46"
260 class="!leading-tight cursor-pointer snap-start whitespace-nowrap text-lg font-semibold text-blue3 border border-transparent bg-gray5 rounded-2xl px-14 py-9 md:text-xl lg:text-2xl hover:bg-blue10" 261 :class="{ 'bg-white !border-blue3 hover:bg-white': activeTab === 'ca97680d-1e3d-47fd-882a-d1e2083efb46' }" 262 @click="activeTab = 'ca97680d-1e3d-47fd-882a-d1e2083efb46'" 263 @keydown.arrow-left.prevent="$el.previousElementSibling ? ($el.previousElementSibling.focus(),$el.previousElementSibling.click()) : ''" 264 @keydown.arrow-right.prevent="$el.nextElementSibling ? ($el.nextElementSibling.focus(),$el.nextElementSibling.click()) : ''" 265 role="tab" 266 :aria-selected="activeTab === 'ca97680d-1e3d-47fd-882a-d1e2083efb46'" 267 aria-controls="tabpanel-ca97680d-1e3d-47fd-882a-d1e2083efb46" 268 :tabindex="activeTab === 'ca97680d-1e3d-47fd-882a-d1e2083efb46' ? '0' : '-1'"> 269 Sutton 270 </button> 271 <button type="button" 272 id="tab-e1fdad8b-7851-4c4d-a5cc-b5d4e412155c" 273 class="!leading-tight cursor-pointer snap-start whitespace-nowrap text-lg font-semibold text-blue3 border border-transparent bg-gray5 rounded-2xl px-14 py-9 md:text-xl lg:text-2xl hover:bg-blue10" 274 :class="{ 'bg-white !border-blue3 hover:bg-white': activeTab === 'e1fdad8b-7851-4c4d-a5cc-b5d4e412155c' }" 275 @click="activeTab = 'e1fdad8b-7851-4c4d-a5cc-b5d4e412155c'" 276 @keydown.arrow-left.prevent="$el.previousElementSibling ? ($el.previousElementSibling.focus(),$el.previousElementSibling.click()) : ''" 277 @keydown.arrow-right.prevent="$el.nextElementSibling ? ($el.nextElementSibling.focus(),$el.nextElementSibling.click()) : ''" 278 role="tab" 279 :aria-selected="activeTab === 'e1fdad8b-7851-4c4d-a5cc-b5d4e412155c'" 280 aria-controls="tabpanel-e1fdad8b-7851-4c4d-a5cc-b5d4e412155c" 281 :tabindex="activeTab === 'e1fdad8b-7851-4c4d-a5cc-b5d4e412155c' ? '0' : '-1'"> 282 Hong Kong 283 </button> 284 <button type="button" 285 id="tab-1e6472fa-e1fc-481d-8c0e-7aaf205e45fc" 286 class="!leading-tight cursor-pointer snap-start whitespace-nowrap text-lg font-semibold text-blue3 border border-transparent bg-gray5 rounded-2xl px-14 py-9 md:text-xl lg:text-2xl hover:bg-blue10" 287 :class="{ 'bg-white !border-blue3 hover:bg-white': activeTab === '1e6472fa-e1fc-481d-8c0e-7aaf205e45fc' }" 288 @click="activeTab = '1e6472fa-e1fc-481d-8c0e-7aaf205e45fc'" 289 @keydown.arrow-left.prevent="$el.previousElementSibling ? ($el.previousElementSibling.focus(),$el.previousElementSibling.click()) : ''" 290 @keydown.arrow-right.prevent="$el.nextElementSibling ? ($el.nextElementSibling.focus(),$el.nextElementSibling.click()) : ''" 291 role="tab" 292 :aria-selected="activeTab === '1e6472fa-e1fc-481d-8c0e-7aaf205e45fc'" 293 aria-controls="tabpanel-1e6472fa-e1fc-481d-8c0e-7aaf205e45fc" 294 :tabindex="activeTab === '1e6472fa-e1fc-481d-8c0e-7aaf205e45fc' ? '0' : '-1'"> 295 Singapore 296 </button> 297 </div> 298 </div> 299 300 <!-- Tab Contents --> 301 <div class="tab-contents"> 302 303 <div class="tab-content hidden" :class="{ 'hidden': activeTab !== '7732e8e6-2950-47ba-8092-15b2e74f0a9d' }" 304 id="tabpanel-7732e8e6-2950-47ba-8092-15b2e74f0a9d" 305 role="tabpanel" 306 aria-labelledby="tab-7732e8e6-2950-47ba-8092-15b2e74f0a9d" tabindex="0"> 307 <div class="grid grid-cols-1 md:grid-cols-12 shadow-1 bg-white border border-gray4"> 308 <div class="headoffice-sidebar-wrap md:col-span-4 xl:col-span-3 p-14 md:p-20 lg:p-24"> 309 <div class="headoffice-detail"> 310 <div class="headoffice-sidebar-upper grid gap-20 sm:flex md:grid"> 311 <div class="office-picture-wrap mb-24 sm:w-1/2 md:w-full"> 312 <img class="w-full aspect-3 object-cover" 313 src="/media/kp5bs3te/herne-hill.png?width=940&height=470&v=1dbcfb7eeb81d90" 314 alt="London — Head Office picture"> 315 </div> 316 <div class="grid h-full gap-y-20 sm:w-1/2 md:w-full"> 317 <div class="headoffice-title"> 318 <h3 class="!leading-tight font-freightTextPro text-2xl font-semibold text-blue6 mb-6"> 319 London — Head Office</h3> 320 <h4 class="!leading-tight uppercase text-sm font-semibold text-blue6">Mark Allen Group & MA Travel Retail</h4> 321 </div> 322 <div> 323 <div class="address-info flex gap-x-8 mb-24">
324 <span class="block w-24 h-24 text-blue3" aria-hidden="true"> 325 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 326 viewBox="0 0 24 24" stroke-width="1.5" 327 stroke="currentColor" 328 aria-label="envelop icon"> 329 <path stroke-linecap="round" stroke-linejoin="round" 330 d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"/> 331 </svg> 332 </span> 333 <p class="text-base font-normal text-gray2 leading-20"> 334 <span class="block">St Jude’s Church</span> 335 <span class="block">Dulwich Road</span> 336 <span class="block">London</span> 337 <span class="block">SE24 0PB</span> 338 <span class="block">United Kingdom</span> 339 <a href="https://www.google.co.uk/maps/place/Mark+Allen+Group/@51.4540033,-0.108477,17z/data=!4m6!3m5!1s0x4876046cfc3e1209:0xe8e06e439a91cc69!8m2!3d51.4541437!4d-0.1086594!16s%2Fg%2F1td3qzgl?entry=ttu&g_ep=EgoyMDI1MDMwNC4wIKXMDSoASAFQAw%3D%3D" 340 target="_blank" 341 class="mt-14 flex items-center gap-x-2 text-base font-semibold text-blue3 leading-21 hover:underline" 342 aria-label="view office location on google map"> 343 View Google Map 344 <span class="block w-12 h-12" aria-hidden="true"> 345 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 346 viewB
346ox="0 0 24 24" stroke-width="1.5" 347 stroke="currentColor"> 348 <path stroke-linecap="round" 349 stroke-linejoin="round" 350 d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"></path> 351 </svg> 352 </span> 353 </a> 354 </p> 355 </div> 356 <div class="phone-link-wrap"> 357 <a href="tel:+44 (0)20 7738 5454" 358 class="flex items-center gap-x-8 text-base font-semibold text-blue3 leading-21 hover:underline" 359 aria-label="call to dartford office branch"> 360 <span class="block w-24 h-24" aria-hidden="true"> 361 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 362 viewB
362ox="0 0 24 24" stroke-width="1.5" 363 stroke="currentColor"> 364 <path stroke-linecap="round" stroke-linejoin="round" 365 d="M10.5 1.5H8.25A2.25 2.25 0 0 0 6 3.75v16.5a2.25 2.25 0 0 0 2.25 2.25h7.5A2.25 2.25 0 0 0 18 20.25V3.75a2.25 2.25 0 0 0-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"/> 366 </svg> 367 </span> 368 +44 (0)20 7738 5454 369 </a> 370 </div> 371 </div> 372 373 <div class="headoffice-sidebar-lower mt-auto"> 374 <a href="#contactus-form-outer" 375 class="inline-block text-lg font-semibold text-white leading-24 bg-blue7 rounded-2xl px-14 py-9 hover:bg-blue3 md:text-22 md:leading-29 md:rounded-20 md:px-18 md:py-11"> 376 Contact Us 377 </a> 378 </div> 379 </div> 380 </div> 381 </div> 382 </div> 383 <div class="h-350 xs:h-440 md:h-full md:col-span-8 xl:col-span-9" 384 role="figure" 385 aria-labelledby="office address map"> 386 <iframe class="h-full w-full" title="London — Head Office Map" 387 src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2486.2183694768432!2d-0.1112343231027768!3d51.45414701459193!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4876046cfc3e1209%3A0xe8e06e439a91cc69!2sMark%20Allen%20Group!5e0!3m2!1sen!2sin!4v1741671413168!5m2!1sen!2sin" 388 allowfullscreen="" loading="lazy" 389 referrerpolicy="no-referrer-when-downgrade"></iframe> 390 </div> 391 </div> 392 </div> 393 <div class="tab-content hidden" :class="{ 'hidden': activeTab !== 'f39694f5-f93d-4a28-bae4-85a0d80485ce' }" 394 id="tabpanel-f39694f5-f93d-4a28-bae4-85a0d80485ce" 395 role="tabpanel" 396 aria-labelledby="tab-f39694f5-f93d-4a28-bae4-85a0d80485ce" tabindex="0"> 397 <div class="grid grid-cols-1 md:grid-cols-12 shadow-1 bg-white border border-gray4"> 398 <div class="headoffice-sidebar-wrap md:col-span-4 xl:col-span-3 p-14 md:p-20 lg:p-24"> 399 <div class="headoffice-detail"> 400 <div class="headoffice-sidebar-upper grid gap-20 sm:flex md:grid"> 401 <div class="office-picture-wrap mb-24 sm:w-1/2 md:w-full"> 402 <img class="w-full aspect-3 object-cover" 403 src="/media/bcindzww/london-farringdon-office.png?width=940&height=470&v=1dbe5b63ccf78c0" 404 alt="London, Central picture"> 405 </div> 406 <div class="grid h-full gap-y-20 sm:w-1/2 md:w-full"> 407 <div class="headoffice-title"> 408 <h3 class="!leading-tight font-freightTextPro text-2xl font-semibold text-blue6 mb-6"> 409 London, Central</h3> 410 <h4 class="!leading-tight uppercase text-sm font-semibold text-blue6">Mark Allen Group</h4> 411 </div> 412 <div> 413 <div class="address-info flex gap-x-8 mb-24">
414 <span class="block w-24 h-24 text-blue3" aria-hidden="true"> 415 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 416 viewBox="0 0 24 24" stroke-width="1.5" 417 stroke="currentColor" 418 aria-label="envelop icon"> 419 <path stroke-linecap="round" stroke-linejoin="round" 420 d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"/> 421 </svg> 422 </span> 423 <p class="text-base font-normal text-gray2 leading-20"> 424 <span class="block">71-73 Carter Lane</span> 425 <span class="block">Farringdon Within</span> 426 <span class="block">London</span> 427 <span class="block">EC4V 5EQ</span> 428 <span class="block">United Kingdom</span> 429 <a href="https://maps.app.goo.gl/sucK4xtLpeHkw78U6" 430 class="mt-14 flex items-center gap-x-2 text-base font-semibold text-blue3 leading-21 hover:underline" 431 aria-label="view office location on google map"> 432 View Google Map 433 <span class="block w-12 h-12" aria-hidden="true"> 434 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 435 viewB
435ox="0 0 24 24" stroke-width="1.5" 436 stroke="currentColor"> 437 <path stroke-linecap="round" 438 stroke-linejoin="round" 439 d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"></path> 440 </svg> 441 </span> 442 </a> 443 </p> 444 </div> 445 </div> 446 447 <div class="headoffice-sidebar-lower mt-auto"> 448 <a href="#contactus-form-outer" 449 class="inline-block text-lg font-semibold text-white leading-24 bg-blue7 rounded-2xl px-14 py-9 hover:bg-blue3 md:text-22 md:leading-29 md:rounded-20 md:px-18 md:py-11"> 450 Contact Us 451 </a> 452 </div> 453 </div> 454 </div> 455 </div> 456 </div> 457 <div class="h-350 xs:h-440 md:h-full md:col-span-8 xl:col-span-9" 458 role="figure" 459 aria-labelledby="office address map"> 460 <iframe class="h-full w-full" title="London, Central Map" 461 src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2044.9734036425637!2d-0.1042398323626807!3d51.513286722141196!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487605e17348a0f1%3A0x8306917f83fe49bf!2sThe%20Boutique%20Workplace%20Company%20-%2071-73%20Carter%20Lane!5e0!3m2!1sen!2suk!4v1750843983702!5m2!1sen!2suk" 462 allowfullscreen="" loading="lazy" 463 referrerpolicy="no-referrer-when-downgrade"></iframe> 464 </div> 465 </div> 466 </div> 467 <div class="tab-content hidden" :class="{ 'hidden': activeTab !== 'a09ef155-c80e-4547-aa27-649ae699910a' }" 468 id="tabpanel-a09ef155-c80e-4547-aa27-649ae699910a" 469 role="tabpanel" 470 aria-labelledby="tab-a09ef155-c80e-4547-aa27-649ae699910a" tabindex="0"> 471 <div class="grid grid-cols-1 md:grid-cols-12 shadow-1 bg-white border border-gray4"> 472 <div class="headoffice-sidebar-wrap md:col-span-4 xl:col-span-3 p-14 md:p-20 lg:p-24"> 473 <div class="headoffice-detail"> 474 <div class="headoffice-sidebar-upper grid gap-20 sm:flex md:grid"> 475 <div class="office-picture-wrap mb-24 sm:w-1/2 md:w-full"> 476 <img class="w-full aspect-3 object-cover" 477 src="/media/ttfjkusk/dartford.png?width=940&height=470&v=1dbcfb7f9cb32d0" 478 alt="Dartford picture"> 479 </div> 480 <div class="grid h-full gap-y-20 sm:w-1/2 md:w-full"> 481 <div class="headoffice-title"> 482 <h3 class="!leading-tight font-freightTextPro text-2xl font-semibold text-blue6 mb-6"> 483 Dartford</h3> 484 <h4 class="!leading-tight uppercase text-sm font-semibold text-blue6">Mark Allen group</h4> 485 </div> 486 <div> 487 <div class="address-info flex gap-x-8 mb-24">
488 <span class="block w-24 h-24 text-blue3" aria-hidden="true"> 489 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 490 viewBox="0 0 24 24" stroke-width="1.5" 491 stroke="currentColor" 492 aria-label="envelop icon"> 493 <path stroke-linecap="round" stroke-linejoin="round" 494 d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"/> 495 </svg> 496 </span> 497 <p class="text-base font-normal text-gray2 leading-20"> 498 <span class="block">Hawley Mill</span> 499 <span class="block">Hawley Road</span> 500 <span class="block">Dartford</span> 501 <span class="block">Kent</span> 502 <span class="block">DA2 7TJ</span> 503 <span class="block">United Kingdom</span> 504 <a href="https://www.google.co.uk/maps/place/Mark+Allen+Group/@51.4239196,0.232848,17z/data=!3m1!4b1!4m6!3m5!1s0x47d8b22cea6aaaab:0x673bb32214fbf6bd!8m2!3d51.4239196!4d0.232848!16s%2Fg%2F11jcmf5b7g?entry=ttu&g_ep=EgoyMDI1MDMwNC4wIKXMDSoASAFQAw%3D%3D" 505 target="_blank" 506 class="mt-14 flex items-center gap-x-2 text-base font-semibold text-blue3 leading-21 hover:underline" 507 aria-label="view office location on google map"> 508 View Google Map 509 <span class="block w-12 h-12" aria-hidden="true"> 510 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 511 viewB
511ox="0 0 24 24" stroke-width="1.5" 512 stroke="currentColor"> 513 <path stroke-linecap="round" 514 stroke-linejoin="round" 515 d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"></path> 516 </svg> 517 </span> 518 </a> 519 </p> 520 </div> 521 <div class="phone-link-wrap"> 522 <a href="tel:+44 (0)1322 22 11 44" 523 class="flex items-center gap-x-8 text-base font-semibold text-blue3 leading-21 hover:underline" 524 aria-label="call to dartford office branch"> 525 <span class="block w-24 h-24" aria-hidden="true"> 526 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 527 viewB
527ox="0 0 24 24" stroke-width="1.5" 528 stroke="currentColor"> 529 <path stroke-linecap="round" stroke-linejoin="round" 530 d="M10.5 1.5H8.25A2.25 2.25 0 0 0 6 3.75v16.5a2.25 2.25 0 0 0 2.25 2.25h7.5A2.25 2.25 0 0 0 18 20.25V3.75a2.25 2.25 0 0 0-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"/> 531 </svg> 532 </span> 533 +44 (0)1322 22 11 44 534 </a> 535 </div> 536 </div> 537 538 <div class="headoffice-sidebar-lower mt-auto"> 539 <a href="#contactus-form-outer" 540 class="inline-block text-lg font-semibold text-white leading-24 bg-blue7 rounded-2xl px-14 py-9 hover:bg-blue3 md:text-22 md:leading-29 md:rounded-20 md:px-18 md:py-11"> 541 Contact Us 542 </a> 543 </div> 544 </div> 545 </div> 546 </div> 547 </div> 548 <div class="h-350 xs:h-440 md:h-full md:col-span-8 xl:col-span-9" 549 role="figure" 550 aria-labelledby="office address map"> 551 <iframe class="h-full w-full" title="Dartford Map" 552 src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2897.7038004561573!2d0.22970535205696188!3d51.42384342920426!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47d8b22cea6aaaab%3A0x673bb32214fbf6bd!2sMark%20Allen%20Group!5e0!3m2!1sen!2suk!4v1748427067590!5m2!1sen!2suk" 553 allowfullscreen="" loading="lazy" 554 referrerpolicy="no-referrer-when-downgrade"></iframe> 555 </div> 556 </div> 557 </div> 558 <div class="tab-content hidden" :class="{ 'hidden': activeTab !== '98c5b8a9-04d9-4539-8981-df3b235c7231' }" 559 id="tabpanel-98c5b8a9-04d9-4539-8981-df3b235c7231" 560 role="tabpanel" 561 aria-labelledby="tab-98c5b8a9-04d9-4539-8981-df3b235c7231" tabindex="0"> 562 <div class="grid grid-cols-1 md:grid-cols-12 shadow-1 bg-white border border-gray4"> 563 <div class="headoffice-sidebar-wrap md:col-span-4 xl:col-span-3 p-14 md:p-20 lg:p-24"> 564 <div class="headoffice-detail"> 565 <div class="headoffice-sidebar-upper grid gap-20 sm:flex md:grid"> 566 <div class="office-picture-wrap mb-24 sm:w-1/2 md:w-full"> 567 <img class="w-full aspect-3 object-cover" 568 src="/media/de2npyob/dinton.png?width=940&height=470&v=1dbd4974d1c1d80" 569 alt="Dinton picture"> 570 </div> 571 <div class="grid h-full gap-y-20 sm:w-1/2 md:w-full"> 572 <div class="headoffice-title"> 573 <h3 class="!leading-tight font-freightTextPro text-2xl font-semibold text-blue6 mb-6"> 574 Dinton</h3> 575 <h4 class="!leading-tight uppercase text-sm font-semibold text-blue6">Mark Allen Group </h4> 576 </div> 577 <div> 578 <div class="address-info flex gap-x-8 mb-24">
579 <span class="block w-24 h-24 text-blue3" aria-hidden="true"> 580 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 581 viewBox="0 0 24 24" stroke-width="1.5" 582 stroke="currentColor" 583 aria-label="envelop icon"> 584 <path stroke-linecap="round" stroke-linejoin="round" 585 d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"/> 586 </svg> 587 </span> 588 <p class="text-base font-normal text-gray2 leading-20"> 589 <span class="block">Unit A Buildings 1-5</span> 590 <span class="block">Dinton Business Park</span> 591 <span class="block">Catherine Ford Road</span> 592 <span class="block">Dinton</span> 593 <span class="block">Wiltshire</span> 594 <span class="block">SP3 5HZ</span> 595 <span class="block">United Kingdom</span> 596 <a href="https://maps.app.goo.gl/iiikyaAYF91zRnv57" 597 target="_blank" 598 class="mt-14 flex items-center gap-x-2 text-base font-semibold text-blue3 leading-21 hover:underline" 599 aria-label="view office location on google map"> 600 View Google Map 601 <span class="block w-12 h-12" aria-hidden="true"> 602 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 603 viewB
603ox="0 0 24 24" stroke-width="1.5" 604 stroke="currentColor"> 605 <path stroke-linecap="round" 606 stroke-linejoin="round" 607 d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"></path> 608 </svg> 609 </span> 610 </a> 611 </p> 612 </div> 613 <div class="phone-link-wrap"> 614 <a href="tel:+44 (0)1722 716 997" 615 class="flex items-center gap-x-8 text-base font-semibold text-blue3 leading-21 hover:underline" 616 aria-label="call to dartford office branch"> 617 <span class="block w-24 h-24" aria-hidden="true"> 618 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 619 viewB
619ox="0 0 24 24" stroke-width="1.5" 620 stroke="currentColor"> 621 <path stroke-linecap="round" stroke-linejoin="round" 622 d="M10.5 1.5H8.25A2.25 2.25 0 0 0 6 3.75v16.5a2.25 2.25 0 0 0 2.25 2.25h7.5A2.25 2.25 0 0 0 18 20.25V3.75a2.25 2.25 0 0 0-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"/> 623 </svg> 624 </span> 625 +44 (0)1722 716 997 626 </a> 627 </div> 628 </div> 629 630 <div class="headoffice-sidebar-lower mt-auto"> 631 <a href="#contactus-form-outer" 632 class="inline-block text-lg font-semibold text-white leading-24 bg-blue7 rounded-2xl px-14 py-9 hover:bg-blue3 md:text-22 md:leading-29 md:rounded-20 md:px-18 md:py-11"> 633 Contact Us 634 </a> 635 </div> 636 </div> 637 </div> 638 </div> 639 </div> 640 <div class="h-350 xs:h-440 md:h-full md:col-span-8 xl:col-span-9" 641 role="figure" 642 aria-labelledby="office address map"> 643 <iframe class="h-full w-full" title="Dinton Map" 644 src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2506.718365463593!2d-1.9945284075214378!3d51.07674879879717!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4876046cfc3e1209%3A0xe0d791f7073e4d64!2sMark%20Allen%20Group!5e0!3m2!1sen!2suk!4v1748344241349!5m2!1sen!2suk" 645 allowfullscreen="" loading="lazy" 646 referrerpolicy="no-referrer-when-downgrade"></iframe> 647 </div> 648 </div> 649 </div> 650 <div class="tab-content hidden" :class="{ 'hidden': activeTab !== '4e8de3a8-046d-4ce8-a478-a09df972fae2' }" 651 id="tabpanel-4e8de3a8-046d-4ce8-a478-a09df972fae2" 652 role="tabpanel" 653 aria-labelledby="tab-4e8de3a8-046d-4ce8-a478-a09df972fae2" tabindex="0"> 654 <div class="grid grid-cols-1 md:grid-cols-12 shadow-1 bg-white border border-gray4"> 655 <div class="headoffice-sidebar-wrap md:col-span-4 xl:col-span-3 p-14 md:p-20 lg:p-24"> 656 <div class="headoffice-detail"> 657 <div class="headoffice-sidebar-upper grid gap-20 sm:flex md:grid"> 658 <div class="office-picture-wrap mb-24 sm:w-1/2 md:w-full"> 659 <img class="w-full aspect-3 object-cover" 660 src="/media/iyapjktg/liverpool.png?width=940&height=470&v=1dbd3d0578cdfb0" 661 alt="Liverpool picture"> 662 </div> 663 <div class="grid h-full gap-y-20 sm:w-1/2 md:w-full"> 664 <div class="headoffice-title"> 665 <h3 class="!leading-tight font-freightTextPro text-2xl font-semibold text-blue6 mb-6"> 666 Liverpool</h3> 667 <h4 class="!leading-tight uppercase text-sm font-semibold text-blue6">Mark Allen Group</h4> 668 </div> 669 <div> 670 <div class="address-info flex gap-x-8 mb-24">
671 <span class="block w-24 h-24 text-blue3" aria-hidden="true"> 672 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 673 viewBox="0 0 24 24" stroke-width="1.5" 674 stroke="currentColor" 675 aria-label="envelop icon"> 676 <path stroke-linecap="round" stroke-linejoin="round" 677 d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"/> 678 </svg> 679 </span> 680 <p class="text-base font-normal text-gray2 leading-20"> 681 <span class="block">Century Building</span> 682 <span class="block">Unit 4 Tower Street</span> 683 <span class="block">Brunswick Business Park</span> 684 <span class="block">L3 4BJ</span> 685 <a href="https://maps.app.goo.gl/Kd61HrVYsLDFFPcx5" 686 target="_blank" 687 class="mt-14 flex items-center gap-x-2 text-base font-semibold text-blue3 leading-21 hover:underline" 688 aria-label="view office location on google map"> 689 View Google Map 690 <span class="block w-12 h-12" aria-hidden="true"> 691 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 692 viewB
692ox="0 0 24 24" stroke-width="1.5" 693 stroke="currentColor"> 694 <path stroke-linecap="round" 695 stroke-linejoin="round" 696 d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"></path> 697 </svg> 698 </span> 699 </a> 700 </p> 701 </div> 702 </div> 703 704 <div class="headoffice-sidebar-lower mt-auto"> 705 <a href="#contactus-form-outer" 706 class="inline-block text-lg font-semibold text-white leading-24 bg-blue7 rounded-2xl px-14 py-9 hover:bg-blue3 md:text-22 md:leading-29 md:rounded-20 md:px-18 md:py-11"> 707 Contact Us 708 </a> 709 </div> 710 </div> 711 </div> 712 </div> 713 </div> 714 <div class="h-350 xs:h-440 md:h-full md:col-span-8 xl:col-span-9" 715 role="figure" 716 aria-labelledby="office address map"> 717 <iframe class="h-full w-full" title="Liverpool Map" 718 src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2379.7933332204134!2d-2.9798806228911863!3d53.38274717229986!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487b21184bea851f%3A0x68e9eb1756c755d0!2sCentury%20Building!5e0!3m2!1sen!2suk!4v1748344900036!5m2!1sen!2suk" 719 allowfullscreen="" loading="lazy" 720 referrerpolicy="no-referrer-when-downgrade"></iframe> 721 </div> 722 </div> 723 </div> 724 <div class="tab-content hidden" :class="{ 'hidden': activeTab !== 'ca97680d-1e3d-47fd-882a-d1e2083efb46' }" 725 id="tabpanel-ca97680d-1e3d-47fd-882a-d1e2083efb46" 726 role="tabpanel" 727 aria-labelledby="tab-ca97680d-1e3d-47fd-882a-d1e2083efb46" tabindex="0"> 728 <div class="grid grid-cols-1 md:grid-cols-12 shadow-1 bg-white border border-gray4"> 729 <div class="headoffice-sidebar-wrap md:col-span-4 xl:col-span-3 p-14 md:p-20 lg:p-24"> 730 <div class="headoffice-detail"> 731 <div class="headoffice-sidebar-upper grid gap-20 sm:flex md:grid"> 732 <div class="office-picture-wrap mb-24 sm:w-1/2 md:w-full"> 733 <img class="w-full aspect-3 object-cover" 734 src="/media/h0am1jsg/sutton.png?width=940&height=470&v=1dbcfb8169f43b0" 735 alt="Sutton picture"> 736 </div> 737 <div class="grid h-full gap-y-20 sm:w-1/2 md:w-full"> 738 <div class="headoffice-title"> 739 <h3 class="!leading-tight font-freightTextPro text-2xl font-semibold text-blue6 mb-6"> 740 Sutton</h3> 741 <h4 class="!leading-tight uppercase text-sm font-semibold text-blue6">Mark Allen Group</h4> 742 </div> 743 <div> 744 <div class="address-info flex gap-x-8 mb-24">
745 <span class="block w-24 h-24 text-blue3" aria-hidden="true"> 746 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 747 viewBox="0 0 24 24" stroke-width="1.5" 748 stroke="currentColor" 749 aria-label="envelop icon"> 750 <path stroke-linecap="round" stroke-linejoin="round" 751 d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"/> 752 </svg> 753 </span> 754 <p class="text-base font-normal text-gray2 leading-20"> 755 <span class="block">Chancery House</span> 756 <span class="block">St Nicholas Way</span> 757 <span class="block">Sutton</span> 758 <span class="block">Surrey</span> 759 <span class="block">SM1 1JB</span> 760 <a href="https://maps.app.goo.gl/H2gsHbGBap4NubLu9" 761 target="_blank" 762 class="mt-14 flex items-center gap-x-2 text-base font-semibold text-blue3 leading-21 hover:underline" 763 aria-label="view office location on google map"> 764 View Google Map 765 <span class="block w-12 h-12" aria-hidden="true"> 766 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 767 viewB
767ox="0 0 24 24" stroke-width="1.5" 768 stroke="currentColor"> 769 <path stroke-linecap="round" 770 stroke-linejoin="round" 771 d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"></path> 772 </svg> 773 </span> 774 </a> 775 </p> 776 </div> 777 </div> 778 779 <div class="headoffice-sidebar-lower mt-auto"> 780 <a href="#contactus-form-outer" 781 class="inline-block text-lg font-semibold text-white leading-24 bg-blue7 rounded-2xl px-14 py-9 hover:bg-blue3 md:text-22 md:leading-29 md:rounded-20 md:px-18 md:py-11"> 782 Contact Us 783 </a> 784 </div> 785 </div> 786 </div> 787 </div> 788 </div> 789 <div class="h-350 xs:h-440 md:h-full md:col-span-8 xl:col-span-9" 790 role="figure" 791 aria-labelledby="office address map"> 792 <iframe class="h-full w-full" title="Sutton Map" 793 src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2491.226308896444!2d-0.19650988742874403!3d51.362136171662996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4876080ea38d24ed%3A0x5750ebbfd808d6ed!2sChancery%20House%2C%20St%20Nicholas%20Way%2C%20Sutton%20SM1%201JB!5e0!3m2!1sen!2suk!4v1748351748013!5m2!1sen!2suk" 794 allowfullscreen="" loading="lazy" 795 referrerpolicy="no-referrer-when-downgrade"></iframe> 796 </div> 797 </div> 798 </div> 799 <div class="tab-content hidden" :class="{ 'hidden': activeTab !== 'e1fdad8b-7851-4c4d-a5cc-b5d4e412155c' }" 800 id="tabpanel-e1fdad8b-7851-4c4d-a5cc-b5d4e412155c" 801 role="tabpanel" 802 aria-labelledby="tab-e1fdad8b-7851-4c4d-a5cc-b5d4e412155c" tabindex="0"> 803 <div class="grid grid-cols-1 md:grid-cols-12 shadow-1 bg-white border border-gray4"> 804 <div class="headoffice-sidebar-wrap md:col-span-4 xl:col-span-3 p-14 md:p-20 lg:p-24"> 805 <div class="headoffice-detail"> 806 <div class="headoffice-sidebar-upper grid gap-20 sm:flex md:grid"> 807 <div class="office-picture-wrap mb-24 sm:w-1/2 md:w-full"> 808 <img class="w-full aspect-3 object-cover" 809 src="/media/3uvlpqzg/hong-kong.png?width=940&height=470&v=1dbcfb833685810" 810 alt="Hong Kong picture"> 811 </div> 812 <div class="grid h-full gap-y-20 sm:w-1/2 md:w-full"> 813 <div class="headoffice-title"> 814 <h3 class="!leading-tight font-freightTextPro text-2xl font-semibold text-blue6 mb-6"> 815 Hong Kong </h3> 816 <h4 class="!leading-tight uppercase text-sm font-semibold text-blue6">Mark Allen Group</h4> 817 </div> 818 <div> 819 <div class="address-info flex gap-x-8 mb-24">
820 <span class="block w-24 h-24 text-blue3" aria-hidden="true"> 821 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 822 viewBox="0 0 24 24" stroke-width="1.5" 823 stroke="currentColor" 824 aria-label="envelop icon"> 825 <path stroke-linecap="round" stroke-linejoin="round" 826 d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"/> 827 </svg> 828 </span> 829 <p class="text-base font-normal text-gray2 leading-20"> 830 <span class="block">Capitol Centre</span> 831 <span class="block">Causeway Bay</span> 832 <span class="block">Hong Kong</span> 833 <a href="https://maps.app.goo.gl/djWgfKj691wmoJvo7" 834 target="_blank" 835 class="mt-14 flex items-center gap-x-2 text-base font-semibold text-blue3 leading-21 hover:underline" 836 aria-label="view office location on google map"> 837 View Google Map 838 <span class="block w-12 h-12" aria-hidden="true"> 839 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 840 viewB
840ox="0 0 24 24" stroke-width="1.5" 841 stroke="currentColor"> 842 <path stroke-linecap="round" 843 stroke-linejoin="round" 844 d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"></path> 845 </svg> 846 </span> 847 </a> 848 </p> 849 </div> 850 </div> 851 852 <div class="headoffice-sidebar-lower mt-auto"> 853 <a href="#contactus-form-outer" 854 class="inline-block text-lg font-semibold text-white leading-24 bg-blue7 rounded-2xl px-14 py-9 hover:bg-blue3 md:text-22 md:leading-29 md:rounded-20 md:px-18 md:py-11"> 855 Contact Us 856 </a> 857 </div> 858 </div> 859 </div> 860 </div> 861 </div> 862 <div class="h-350 xs:h-440 md:h-full md:col-span-8 xl:col-span-9" 863 role="figure" 864 aria-labelledby="office address map"> 865 <iframe class="h-full w-full" title="Hong Kong Map" 866 src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d5833.6354113835705!2d114.18255182441736!3d22.278676841637523!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x34040056baf37c6d%3A0xf438e3329c76a150!2sCapitol%20Centre!5e0!3m2!1sen!2suk!4v1748352053385!5m2!1sen!2suk" 867 allowfullscreen="" loading="lazy" 868 referrerpolicy="no-referrer-when-downgrade"></iframe> 869 </div> 870 </div> 871 </div> 872 <div class="tab-content hidden" :class="{ 'hidden': activeTab !== '1e6472fa-e1fc-481d-8c0e-7aaf205e45fc' }" 873 id="tabpanel-1e6472fa-e1fc-481d-8c0e-7aaf205e45fc" 874 role="tabpanel" 875 aria-labelledby="tab-1e6472fa-e1fc-481d-8c0e-7aaf205e45fc" tabindex="0"> 876 <div class="grid grid-cols-1 md:grid-cols-12 shadow-1 bg-white border border-gray4"> 877 <div class="headoffice-sidebar-wrap md:col-span-4 xl:col-span-3 p-14 md:p-20 lg:p-24"> 878 <div class="headoffice-detail"> 879 <div class="headoffice-sidebar-upper grid gap-20 sm:flex md:grid"> 880 <div class="office-picture-wrap mb-24 sm:w-1/2 md:w-full"> 881 <img class="w-full aspect-3 object-cover" 882 src="/media/ydchxc3e/singapore.png?width=940&height=470&v=1dbcfb83c940fb0" 883 alt="Singapore picture"> 884 </div> 885 <div class="grid h-full gap-y-20 sm:w-1/2 md:w-full"> 886 <div class="headoffice-title"> 887 <h3 class="!leading-tight font-freightTextPro text-2xl font-semibold text-blue6 mb-6"> 888 Singapore </h3> 889 <h4 class="!leading-tight uppercase text-sm font-semibold text-blue6">Mark Allen Group</h4> 890 </div> 891 <div> 892 <div class="address-info flex gap-x-8 mb-24">
893 <span class="block w-24 h-24 text-blue3" aria-hidden="true"> 894 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 895 viewBox="0 0 24 24" stroke-width="1.5" 896 stroke="currentColor" 897 aria-label="envelop icon"> 898 <path stroke-linecap="round" stroke-linejoin="round" 899 d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"/> 900 </svg> 901 </span> 902 <p class="text-base font-normal text-gray2 leading-20"> 903 <span class="block">Samsung Hub</span> 904 <span class="block">049483</span> 905 <span class="block">Singapore</span> 906 <a href="https://maps.app.goo.gl/bpv3W7NJ8HhMwTH18" 907 target="_blank" 908 class="mt-14 flex items-center gap-x-2 text-base font-semibold text-blue3 leading-21 hover:underline" 909 aria-label="view office location on google map"> 910 View Google Map 911 <span class="block w-12 h-12" aria-hidden="true"> 912 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 913 viewB
913ox="0 0 24 24" stroke-width="1.5" 914 stroke="currentColor"> 915 <path stroke-linecap="round" 916 stroke-linejoin="round" 917 d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"></path> 918 </svg> 919 </span> 920 </a> 921 </p> 922 </div> 923 </div> 924 925 <div class="headoffice-sidebar-lower mt-auto"> 926 <a href="#contactus-form-outer" 927 class="inline-block text-lg font-semibold text-white leading-24 bg-blue7 rounded-2xl px-14 py-9 hover:bg-blue3 md:text-22 md:leading-29 md:rounded-20 md:px-18 md:py-11"> 928 Contact Us 929 </a> 930 </div> 931 </div> 932 </div> 933 </div> 934 </div> 935 <div class="h-350 xs:h-440 md:h-full md:col-span-8 xl:col-span-9" 936 role="figure" 937 aria-labelledby="office address map"> 938 <iframe class="h-full w-full" title="Singapore Map" 939 src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d5827.2471823076185!2d103.84680991553873!3d1.2828342771100445!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31da190c10a2dca3%3A0x646c38be5c50a5f7!2s3%20Church%20St%2C%20Samsung%20Hub%2C%20Singapore%20049483!5e0!3m2!1sen!2suk!4v1748352304761!5m2!1sen!2suk" 940 allowfullscreen="" loading="lazy" 941 referrerpolicy="no-referrer-when-downgrade"></iframe> 942 </div> 943 </div> 944 </div> 945 946 </div> 947 </div> 948 </div> 949</div> 950 951<div id="contactus-form-outer" 952 class="contactus-form-outer bg-white px-20 py-24 md:py-44 lg:px-40 lg:py-64"> 953 <div class="mx-auto max-w-1440"> 954 <div class="title mb-24 md:mb-32 lg:mb-40"> 955 <h2 class="!leading-tight font-freightTextPro font-semibold text-blue6 text-28 mb-6 md:text-34 md:mb-12 lg:text-40"> 956 Send us a message 957 </h2> 958 <p class="!leading-tight text-lg font-normal text-gray2 max-w-933 md:text-2xl"> 959 Complete the short form below and we’ll be in touch.

 960 </p> 961 </div> 962 <!-- Render Umbraco Form --> 963 <div class="contact-form-wrap mb-33 md:mb-40"> 964 965 966 967 968 969 970 <div id="umbraco_form_4abea117637240468df6b30b68242185" class="umbraco-forms-form contactform umbraco-forms-default"> 971 972<form action="/contact/" enctype="multipart/form-data" id="formaf054b23496f4a1aa9e71f933fd827dc" method="post"><input data-val="true" data-val-required="The FormId field is required." name="FormId" type="hidden" value="4abea117-6372-4046-8df6-b30b68242185" /><input data-val="true" data-val-required="The FormName field is required." name="FormName" type="hidden" value="Contact form" /><input data-val="true" data-val-required="The RecordId field is required." name="RecordId" type="hidden" value="
97200000000-0000-0000-0000-000000000000" /><input name="PreviousClicked" type="hidden" value="" /><input name="Theme" type="hidden" value="default" /><input name="RedirectToPageId" type="hidden" value="" /> <input type="hidden" name="FormStep" value="0" /> 973 <input type="hidden" name="RecordState" value="CfDJ8O539sdJkRJIm3pwyiKlY85uhz11IJ1A3z77b51w6CC7UU4OYem1MaLBYlDeY_J4cyVXbZdZrg5_2UKJDxH6JikjKE7FQ0RhHo0A3CmcucEWR1QiqbVzx20OZwdPYL-hSA" /> 974 975 976 977<div class="umbraco-forms-page mx-auto" id="5388c69f-d659-4701-add2-099cf41b8cf6"> 978 979 980 981 982 <fieldset class="umbraco-forms-fieldset" id="0707e183-5b23-476e-aa65-2cff278a1727"> 983 984 985 <div class="grid grid-cols-12 lg:gap-50"> 986 987 <div class="grid gap-y-2 lg:col-span-6 col-span-12"> 988 989 <div class=" umbraco-forms-field message longanswer mandatory form-group mb-20 md:mb-24 "> 990 991 <label for="ade71d16-c375-4147-a37c-367ed62adb02" class="umbraco-forms-label block text-base font-semibold text-blue6 leading-21 mb-8 md:text-lg md:leading-24 md:mb-10"> 992Message </label> 993 994 <div class="umbraco-forms-field-wrapper"> 995 996 997<textarea class=" text-sm font-normal leading-18 w-full bg-gray6 border border-gray4 rounded-5 px-10 py-14 focus:outline-none h-250 md:text-lg md:leading-21 md:px-15 md:py-16 lg:h-[calc(100%-34px)]" 998 name="ade71d16-c375-4147-a37c-367ed62adb02" 999 id="ade71d16-c375-4147-a37c-367ed62adb02" 1000 data-umb="ade71d16-c375-4147-a37c-367ed62adb02" 1001 rows="18" 1002 cols="20" 1003 1004 1005 1006 data-val="true" 1007 data-val-required="Please enter a message" aria-required="true" 1008 1009 ></textarea> 1010 1011 1012 1013<span class="block text-sm font-bold text-yellow-700 alert mt-1 field-validation-valid" data-valmsg-for="ade71d16-c375-4147-a37c-367ed62adb02" data-valmsg-replace="true" role="alert"></span> 1014 </div> 1015 1016 </div> 1017 1018 </div> 1019 <div class="grid gap-y-2 lg:col-span-6 col-span-12"> 1020 1021 <div class=" umbraco-forms-field name shortanswer mandatory alternating form-group mb-20 md:mb-24 "> 1022 1023 <label for="eec3806b-c6a6-4d10-8f55-edb639dadd71" class="umbraco-forms-label block text-base font-semibold text-blue6 leading-21 mb-8 md:text-lg md:leading-24 md:mb-10"> 1024Name </label> 1025 1026 <div class="umbraco-forms-field-wrapper"> 1027 1028 <input type="text" name="eec3806b-c6a6-4d10-8f55-edb639dadd71" id="eec3806b-c6a6-4d10-8f55-edb639dadd71" data-umb="eec3806b-c6a6-4d10-8f55-edb639dadd71" class="text-sm font-normal leading-18 w-full bg-gray6 border border-gray4 rounded-5 px-10 py-14 focus:outline-none md:text-lg md:leading-21 md:px-15 md:py-16 " value="" maxlength="255" 1029 1030 1031 data-val="true" 1032 data-val-required="Please add your name" aria-required="true" 1033 1034 /> 1035 1036 1037 1038 1039 1040<span class="block text-sm font-bold text-yellow-700 alert mt-1 field-validation-valid" data-valmsg-for="eec3806b-c6a6-4d10-8f55-edb639dadd71" data-valmsg-replace="true" role="alert"></span> 1041 </div> 1042 1043 </div> 1044 <div class=" umbraco-forms-field companyoptional shortanswer form-group mb-20 md:mb-24 "> 1045 1046 <label for="111e0569-5906-4347-ba89-4800040a9444" class="umbraco-forms-label block text-base font-semibold text-blue6 leading-21 mb-8 md:text-lg md:leading-24 md:mb-10"> 1047Company (optional) </label> 1048 1049 <div class="umbraco-forms-field-wrapper"> 1050 1051 <input type="text" name="111e0569-5906-4347-ba89-4800040a9444" id="111e0569
1051-5906-4347-ba89-4800040a9444" data-umb="111e0569-5906-4347-ba89-4800040a9444" class="text-sm font-normal leading-18 w-full bg-gray6 border border-gray4 rounded-5 px-10 py-14 focus:outline-none md:text-lg md:leading-21 md:px-15 md:py-16 " value="" maxlength="255" 1052 1053 1054 1055 1056 1057 /> 1058 1059 1060 1061 1062 1063<span class="block text-sm font-bold text-yellow-700 alert mt-1 field-validation-valid" data-valmsg-for="111e0569-5906-4347-ba89-4800040a9444" data-valmsg-replace="true" role="alert"></span> 1064 </div> 1065 1066 </div> 1067 <div class=" umbraco-forms-field email shortanswer mandatory alternating form-group mb-20 md:mb-24 "> 1068 1069 <label for="27509c4d-41ce-4ce9-b06f-ff74a2880d75" class="umbraco-forms-label block text-base font-semibold text-blue6 leading-21 mb-8 md:text-lg md:leading-24 md:mb-10"> 1070Email </label> 1071 1072 <div class="umbraco-forms-field-wrapper"> 1073 1074 <input type="text" name="27509c4d-41ce-4ce9-b06f-ff74a2880d75" id="27509c4d-41ce-4ce9-b06f-ff74a2880d75" data-umb="27509c4d-41ce-4ce9-b06f-ff74a2880d75" class="text-sm font-normal leading-18 w-full bg-gray6 border border-gray4 rounded-5 px-10 py-14 focus:outline-none md:text-lg md:leading-21 md:px-15 md:py-16 " value="" maxlength="255" 1075 1076 1077 data-val="true" 1078 data-val-required="Please enter your email address" aria-required="true" 1079 data-val-regex="Please provide a valid value for Email" data-val-regex-pattern="^[a-zA-Z0-9_\.\+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-\.]+$" 1080 /> 1081 1082 1083 1084 1085 1086<span class="block text-sm font-bold text-yellow-700 alert mt-1 field-validation-valid" data-valmsg-for="27509c4d-41ce-4ce9-b06f-ff74a2880d75" data-valmsg-replace="true" role="alert"></span> 1087 </div> 1088 1089 </div> 1090 <div class=" umbraco-forms-field telephone shortanswer form-group mb-20 md:mb-24 "> 1091 1092 <label for="dbeb3cfb-5d96-4e97-87e4-c28796e1401c" class="umbraco-forms-label block text-base font-semibold text-blue6 leading-21 mb-8 md:text-lg md:leading-24 md:mb-10"> 1093Telephone (optional) </label> 1094 1095 <div class="umbraco-forms-field-wrapper"> 1096 1097 <input type="text" name="dbeb3cfb-5d96-4e97-87e4-c28796e1401c" id="dbeb3cfb-5d96-4e97-87e4-c28796e1401c" data-umb="dbeb3cfb-5d96-4e97-87e4-c28796e1401c" class="text-sm font-normal leading-18 w-full bg-gray6 border border-gray4 rounded-5 px-10 py-14 focus:outline-none md:text-lg md:leading-21 md:px-15 md:py-16 " value="" maxlength="255" 1098 1099 1100 1101 1102 1103 /> 1104 1105 1106 1107 1108 1109<span class="block text-sm font-bold text-yellow-700 alert mt-1 field-validation-valid" data-valmsg-for="dbeb3cfb-5d96-4e97-87e4-c28796e1401c" data-valmsg-replace="true" role="alert"></span> 1110 </div> 1111 1112 </div> 1113 <div class=" umbraco-forms-field recaptcha recaptchav3withscore alternating form-group mb-20 md:mb-24 "> 1114 1115 1116 <div class="umbraco-forms-field-wrapper"> 1117 1118 1119 1120 <input type="hidden" id="7fc2bd35-d7df-4cd5-b667-909a9b333653" name="g-recaptcha-response"/> 1121 <div class="umbraco-forms-recaptcha-v3-config umbraco-forms-hidden" 1122 data-id="7fc2bd35-d7df-4cd5-b667-909a9b333653" 1123 data-site-key="6Lfo-DorAAAAAILzln2ZJsGKZ6nWZeg3cJFHcHYq"></div> 1124 1125 1126<span class="block text-sm font-bold text-yellow-700 alert mt-1 field-validation-valid" data-valmsg-for="7fc2bd35-d7df-4cd5-b667-909a9b333653" data-valmsg-replace="true" role="alert"></span> 1127 </div> 1128 1129 </div> 1130 1131 </div> 1132 </div> 1133 1134 </fieldset> 1135 1136 <div class="umbraco-forms-hidden" aria-hidden="true"> 1137 <input type="text" name="4abea117637240468df6b30b68242185" /> 1138 </div> 1139 1140 <div class="umbraco-forms-navigation row-fluid mt-4"> 1141 1142 <div class="col-md-12"> 1143 <input type="submit" 1144 class="inline-block text-lg font-semibold text-white leading-24 bg-blue7 rounded-2xl px-14 py-9 hover:bg-blue3 md:text-22 md:leading-29 md:rounded-20 md:px-18 md:py-11" 1145 value="Send Message" 1146 name="__next" 1147 data-form-navigate="next" 1148 data-umb="submit-forms-form" /> 1149 </div> 1150 </div> 1151</div> 1152 1153 1154 1155<input name="__RequestVerificationToken" type="hidden" value="CfDJ8O539sdJkRJIm3pwyiKlY84CCAIEt_eRWqt33a2MxSuh_u31Iy6JWqFNFcsyTMUP6vQ5Rt5R_XWfrTbsTFaLP_OaDqezzVvvA_Fhni0Znwk6AwI39SMs6mLShHT93WsZ3no-bMeYWuqk-1-bsqWrHyY" /><input name="ufprt" type="hidden" value="CfDJ8O539sdJkRJIm3pwyiKlY875Pv99A_lq-k_dm8b_xULJ0tM4PBtQa90RJUntVWfqQ0o-31u0l1LIbLNg-QadmiTMVaKfN_SZYLdyJTt8T6ppQxGta
1155H76-8yCRfDc3BXZLVQWMQsfIB2XW5d3xmEwOmw" /></form> 1156 </div> 1157 1158 1159 1160 1161<div class="umbraco-forms-form-config umbraco-forms-hidden" 1162 data-id="4abea117637240468df6b30b68242185" 1163 data-serialized-page-button-conditions="{}" 1164 data-serialized-fieldset-conditions="{}" 1165 data-serialized-field-conditions="{}" 1166 data-serialized-fields-not-displayed="{}" 1167 data-trigger-conditions-check-on="change" 1168 data-form-element-html-id-prefix="" 1169 data-disable-validation-dependency-check="true"></div>
vendor: 77 bytes, lines 1169-1172
1169 1170 1171 1172<script defer="defer" src="https://www.google.com/recaptcha/api.js?render=
11726Lfo-DorAAAAAILzln2ZJsGKZ6nWZeg3cJFHcHYq
vendor: 54 bytes, line 1172
1172&v=15.1.2" type="application/javascript"></script>
1172<script defer="defer" src="/App_Plugins/UmbracoForms/assets/recaptcha.v3.init.min.js?v=15.1.2" type="application/javascript"></script>
1172<script defer="defer" src="/App_Plugins/UmbracoForms/assets/themes/default/umbracoforms.min.js?v=15.1.2" type="application/javascript"></script>
1172 1173<link href="/App_Plugins/UmbracoForms/assets/defaultform.min.css?v=15.1.2" rel="stylesheet" /> 1174 1175 1176 </div> 1177 <div class="privacy-info-wrap max-w-933"> 1178 <p class="!leading-tight text-base font-normal text-gray2 mb-24 md:text-lg md:mb-18"> 1179 <span class="block font-semibold">Your privacy is our priority</span> 1180 As part of Mark Allen Group, any data you submit is protected and secure. Our Privacy Policy details 1181 how we process, use and safeguard your data. It also details who to contact should you have any data 1182 related 1183 concerns. 1184 </p> 1185 <a href="/privacy-policy/" target="_blank" 1186 class="!leading-tight block text-base font-semibold text-blue3 md:text-lg underline">View our privacy policy</a> 1187 </div> 1188 </div> 1189</div> 1190 1191 1192 1193 1194<footer> 1195 <div class="footer-upper-section px-20 py-40 bg-linear-(--gradient10) lg:px-40" role="contentinfo"> 1196 <div class="footer-upper-inner grid grid-cols-1 mx-auto max-w-1440 gap-24 md:grid-cols-12 lg:gap-40"> 1197 <div class="footer-left-wrap md:col-span-4 lg:col-span-3"> 1198 <a href="/" class="footer-logo-wrap block mb-24 lg:mb-18" aria-label="Go to homepage"> 1199 <img class="max-w-123 md:max-w-none" src="/assets/images/logo.svg" alt="Mark Allen Group logo"> 1200 </a> 1201 <p class="!leading-tight text-sm font-normal text-white md:text-base"> 1202 Mark Allen is a media and information group connecting specialist audiences through critical information and inspiring events. 1203 </p> 1204 </div> 1205 <div 1206 class="footer-right-wrap md:col-span-8 lg:col-span-9 border-t-3 border-white1 pt-24 md:pt-0 md:border-t-0 md:border-l-3 md:pl-20 lg:pl-40"> 1207 <div 1208 class="grid grid-cols-2 gap-40 gap-x-20 sm:grid-cols-3 lg:gap-x-40 lg:grid-cols-4 xl:grid-cols-5"> 1209 1210 1211 <div id="" 1212 class="footer-links-wrap"> 1213 1214 <a href="/who-we-are/" 1215 class="block font-freightTextPro text-lg font-bold text-white leading-23 mb-12 md:text-xl md:leading-26 hover:underline" 1216 aria-label="Who We Are"> 1217 Who We Are 1218 </a> 1219 1220 <ul> 1221 <li class="mb-11 lg:mb-8"> 1222 <a href="/who-we-are/#history" 1223 class="block text-sm font-semibold text-white leading-18 hover:underline md:text-base md:leading-21" 1224 aria-label="Our Story"> 1225 Our Story 1226 </a> 1227 </li> 1228 <li class="mb-11 lg:mb-8"> 1229 <a href="/values/" 1230 class="block text-sm font-semibold text-white leading-18 hover:underline md:text-base md:leading-21" 1231 aria-label="Values"> 1232 Values 1233 </a> 1234 </li> 1235 <li class="mb-11 lg:mb-8"> 1236 <a href="/who-we-are/#leaders-info-wrap" 1237 class="block text-sm font-semibold text-white leading-18 hover:underline md:text-base md:leading-21" 1238 aria-label="Leadership"> 1239 Leadership 1240 </a> 1241 </li> 1242 <li class="mb-11 lg:mb-8"> 1243 <a href="/who-we-are/#nextgenboard" 1244 class="block text-sm font-semibold text-white leading-18 hover:underline md:text-base md:leading-21" 1245 aria-label="Next Gen Board"> 1246 Next Gen Board 1247 </a> 1248 </li> 1249 <li class="mb-11 lg:mb-8"> 1250 <a href="/our-people/" 1251 class="block text-sm font-semibold text-white leading-18 hover:underline md:text-base md:leading-21" 1252 aria-label="Our People"> 1253 Our People 1254 </a> 1255 </li> 1256 </ul> 1257 </div> 1258 1259 1260 1261 <div id="" 1262 class="footer-links-wrap"> 1263 1264 <a href="/what-we-do/" 1265 class="block font-freightTextPro text-lg font-bold text-white leading-23 mb-12 md:text-xl md:leading-26 hover:underline" 1266 aria-label="What We Do"> 1267 What We Do 1268 </a> 1269 1270 <ul> 1271 <li class="mb-11 lg:mb-8"> 1272 <a href="/what-we-do/#businesses" 1273 class="block text-sm font-semibold text-white leading-18 hover:underline md:text-base md:leading-21" 1274 aria-label="Our Businesses"> 1275 Our Businesses 1276 </a> 1277 </li> 1278 <li class="mb-11 lg:mb-8"> 1279 <a href="/what-we-do/#brands" 1280 class="block text-sm font-semibold text-white leading-18 hover:underline md:text-base md:leading-21" 1281 aria-label="Our Brands"> 1282 Our Brands 1283 </a> 1284 </li> 1285 </ul> 1286 </div> 1287 1288 1289 1290 <div id="" 1291 class="footer-links-wrap"> 1292 1293 <a href="/newsroom/" 1294 class="block font-freightTextPro text-lg font-bold text-white leading-23 mb-12 md:text-xl md:leading-26 hover:underline" 1295 aria-label="Newsroom"> 1296 Newsroom 1297 </a> 1298 1299 <ul> 1300 <li class="mb-11 lg:mb-8"> 1301 <a href="/newsroom/" 1302 class="block text-sm font-semibold text-white leading-18 hover:underline md:text-base md:leading-21" 1303 aria-label="News"> 1304 News 1305 </a> 1306 </li> 1307 </ul> 1308 </div> 1309 1310 1311 1312 <div id="" 1313 class="footer-links-wrap"> 1314 1315 <a href="/careers/" 1316 class="block font-freightTextPro text-lg font-bold text-white leading-23 mb-12 md:text-xl md:leading-26 hover:underline" 1317 aria-label="Careers"> 1318 Careers 1319 </a> 1320 1321 <ul> 1322 <li class="mb-11 lg:mb-8"> 1323 <a href="/careers/#jobs" 1324 class="block text-sm font-semibold text-white leading-18 hover:underline md:text-base md:leading-21" 1325 aria-label="Job Openings"> 1326 Job Openings 1327 </a> 1328 </li> 1329 <li class="mb-11 lg:mb-8"> 1330 <a href="https://careers.markallengroup.com/" 1331 target="_blank" 1332 class="block text-sm font-semibold text-white leading-18 hover:underline md:text-base md:leading-21" 1333 aria-label="Careers Portal"> 1334 Careers Portal 1335 </a> 1336 </li> 1337 </ul> 1338 </div> 1339 1340 1341 1342 <div id="" 1343 class="footer-links-wrap"> 1344 1345 <a href="/contact/" 1346 class="block font-freightTextPro text-lg font-bold text-white leading-23 mb-12 md:text-xl md:leading-26 hover:underline" 1347 aria-label="Contact"> 1348 Contact 1349 </a> 1350 1351 <ul> 1352 <li class="mb-11 lg:mb-8"> 1353 <a href="/contact/#offices" 1354 class="block text-sm font-semibold text-white leading-18 hover:underline md:text-base md:leading-21" 1355 aria-label="Offices"> 1356 Offices 1357 </a> 1358 </li> 1359 <li class="mb-11 lg:mb-8"> 1360 <a href="/contact/#contactus-form-outer" 1361 class="block text-sm font-semibold text-white leading-18 hover:underline md:text-base md:leading-21" 1362 aria-label="Get in Touch"> 1363 Get in Touch 1364 </a> 1365 </li> 1366 </ul> 1367 </div> 1368 1369 1370 </div> 1371 </div> 1372 </div> 1373 </div> 1374 <div class="footer-lower-section"> 1375 <div class="bg-linear-(--gradient2) px-20 py-24 md:py-22 lg:px-40"> 1376 <div 1377 class="footer-social-wrap flex flex-col gap-y-24 items-center mx-auto max-w-1440 md:flex-row md:justify-between"> 1378 <div 1379 class="subsciption-link-wrap flex flex-col justify-center items-center gap-8 w-full text-base font-semibold leading-21 border-b-2 pb-24 border-blue5 sm:flex-row md:justify-start md:w-auto md:text-lg md:leading-24 md:border-b-0 md:pb-0"> 1380 <p class="text-blue6">Looking for subscriptions?</p> 1381 <a href="https://www.magsubscriptions.com" target="_blank" 1382 class="flex items-center gap-x-2 text-red1 hover:underline" 1383 aria-label="Visit magsubscriptions.com"> 1384 Visit www.magsubscriptions.com
1385 <span class="block w-12 h-12"> 1386 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 1387 stroke-width="2.5" 1388 stroke="currentColor"> 1389 <path stroke-linecap="round" stroke-linejoin="round" 1390 d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"/> 1391 </svg> 1392 </span> 1393 </a> 1394 </div> 1395 <div 1396 class="social-inner-wrap flex justify-center items-center gap-x-10 py-6 md:border-l-2 md:border-gray1 md:pt-0 md:pl-20 md:py-0 md:mt-0"> 1397 <span class="text-sm font-bold text-blue6 leading-17">Follow us</span> 1398 <div class="social-links flex gap-x-8"> 1399 <a href="https://www.linkedin.com/company/mark-allen-group/posts/?feedView=all" target="_blank" 1400 class="block w-36 h-36 bg-[image:var(--bg-icon3)] relative before:content-[''] before:absolute before:left-0 before:-bottom-1 before:w-full before:h-2 before:bg-transparent hover:before:bg-blue3" 1401 aria-label="LinkedIn"></a> 1402 <a href="https://www.instagram.com/markallengroup" target="_blank" 1403 class="block w-36 h-36 bg-[image:var(--bg-icon4)] relative before:content-[''] before:absolute before:left-0 before:-bottom-1 before:w-full before:h-2 before:bg-transparent hover:before:bg-blue3" 1404 aria-label="Instagram"></a> 1405 </div> 1406 </div> 1407 </div> 1408 </div> 1409 <div class="footer-tnc-wrap bg-white py-12 px-20 lg:px-40"> 1410 <div 1411 class="footer-tnc-inner flex flex-col items-center gap-y-10 mx-auto max-w-1440 md:flex-row md:justify-between"> 1412 <ul class="flex flex-wrap justify-center gap-x-20 gap-y-7 md:gap-x-24 md:justify-start md:order-2"> 1413 <li> 1414 <a href="/terms-and-conditions/" 1415 class="block text-xs font-semibold text-blue3 leading-16 hover:underline" 1416 aria-label="Terms & Conditions">Terms & Conditions</a> 1417 </li> 1418 <li> 1419 <a href="/privacy-policy/" 1420 class="block text-xs font-semibold text-blue3 leading-16 hover:underline" 1421 aria-label="Terms & Conditions">Privacy Policy</a> 1422 </li> 1423 <li> 1424 <a href="/cookie-policy/" 1425 class="block text-xs font-semibold text-blue3 leading-16 hover:underline" 1426 aria-label="Terms & Conditions">Cookie Policy</a> 1427 </li> 1428 <li> 1429 <a href="/modern-slavery-statement/" 1430 class="block text-xs font-semibold text-blue3 leading-16 hover:underline" 1431 aria-label="Terms & Conditions">Modern Slavery Statement</a> 1432 </li> 1433 </ul> 1434 <div class="copyright-txt-wrap md:order-1"> 1435 <p class="text-xs font-semibold text-gray3 leading-16">© Copyright Mark Allen Holdings Ltd 2026</p> 1436 </div> 1437 </div> 1438 </div> 1439 </div> 1440</footer> 1441
1442<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 1442
1442
1443<script src="/scripts/index.js"></script>
1443 1444</body> 1445</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.