PageSourceSearch

https://www.markallengroup.com/contact/

html markallengroup.com collected 2026-10-02 09:55:51 UTC 109,614 bytes, 1,445 lines download raw bytes

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&#x2019;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 &#x2014; 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&amp;height=470&amp;v=1dbcfb7eeb81d90"
314                                                         alt="London &#x2014; 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 &#x2014; Head Office</h3>
320                                                        <h4 class="!leading-tight uppercase text-sm font-semibold text-blue6">Mark Allen Group &amp; 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&#x2019;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&#x2B;Allen&#x2B;Group/@51.4540033,-0.108477,17z/data=!4m6!3m5!1s0x4876046cfc3e1209:0xe8e06e439a91cc69!8m2!3d51.4541437!4d-0.1086594!16s%2Fg%2F1td3qzgl?entry=ttu&amp;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:&#x2B;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                                                                &#x2B;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 &#x2014; 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&amp;height=470&amp;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&amp;height=470&amp;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&#x2B;Allen&#x2B;Group/@51.4239196,0.232848,17z/data=!3m1!4b1!4m6!3m5!1s0x47d8b22cea6aaaab:0x673bb32214fbf6bd!8m2!3d51.4239196!4d0.232848!16s%2Fg%2F11jcmf5b7g?entry=ttu&amp;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:&#x2B;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                                                                &#x2B;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&amp;height=470&amp;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:&#x2B;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                                                                &#x2B;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&amp;height=470&amp;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&amp;height=470&amp;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&amp;height=470&amp;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&amp;height=470&amp;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&#x2019;ll be in touch.&#xA;&#xA;
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&amp;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 &amp; 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.