1<!doctype html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 8 <title>Contact</title><meta name="description" content=""><link rel="canonical" href="https://www.cranbrookworkshop.com.au/contact" /> 9 10 <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/square.jpg"> 11 12 <meta name="theme-color" content="#ffffff"> 13 14 <link rel="stylesheet" href="/css/main.css?id=6365d4eb5883abf3619a2530a287ff04"> 15 16 <!-- ArchiPro Pixel start -->
17<script> 18 window.ApDataAu = window.ApDataAu || []; 19 function apa_au(){ 20 window.ApDataAu.push(arguments); 21 } 22 apa_au('id','cranbrook-workshop'); 23</script>
vendor: 1 bytes, line 23
23
24<script async src="https://pixel.archipro.com.au/ap-analytics.js"></script>
24 25<!-- ArchiPro Pixel end --> 26
26<script src="https://badge.archipro.com.au/ap-badge.js"></script>
26 27 <!-- Google Tag Manager -->
28<script>
vendor: 327 bytes, lines 28-32
28(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 29new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 30j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 31'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 32})(window,document,'script','dataLayer','
32GTM-5KDWXPSF
vendor: 3 bytes, line 32
32');
32</script>
32 33<!-- End Google Tag Manager --> 34 35</head> 36 37 <body class="page-slug--contact page-template--contact"> 38 39 <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 39-40
39 40<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
40GTM-5KDWXPSF
vendor: 83 bytes, lines 40-41
40" 41height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
42<!-- End Google Tag Manager (noscript) --> 43 44 45 46 <main class="flex flex-col"> 47 <header x-data="{scrolled: false}" :class="{'scrolled' : scrolled}" class="min-h-[75px] overflow-hidden hidden lg:block" @scroll.window="window.pageYOffset >= 200 ? scrolled = true : scrolled = false" id="main-header"> 48 <div class="flex "> 49 <div :class="{'!w-[300px]' : expanded}" x-data="{expanded: false}" class="flex w-[70px] overflow-visible flex-col uppercase transition-all"> 50 <span :class="{'!h-[5px] opacity-0' : scrolled}" class="text-[115px] h-[89px] leading-[77%] transition-all translate-x-[-10px]">C</span> 51 52 <button :class="{'!w-[100px]' : expanded}" @click="expanded = !expanded" class="relative group flex translate-x-[4px] w-[46px] hover:w-[100px] duration-[0.3s] transition-all"> 53 <span class="uppercase">Work</span> 54 <span :class="{'!opacity-100' : expanded}" class="ml-auto transition-all opacity-0 duration-[0.2s] group-hover:opacity-100" x-text="expanded ? '-' : '+'">+</span> 55 <span :class="{'!w-full !opacity-100' : expanded}" class="w-0 h-[1px] bg-black absolute bottom-[-2px] left-0 opacity-0 group-hover:w-full group-hover:opacity-100 transition-all duration-[0.3s] delay-75"></span> 56 </button> 57 58 <ul x-show="expanded" x-collapse> 59 <div class="pt-[20px]"> 60 <li> 61 <a href="/project/exterior-joinery" class=" whitespace-nowrap hover:opacity-[0.6] transition-all" > 62 Exterior Joinery 63 </a> 64 </li> 65 <li> 66 <a href="/interior-joinery" class=" whitespace-nowrap hover:opacity-[0.6] transition-all" > 67 Interior Joinery 68 </a> 69 </li> 70 <li> 71 <a href="/outdoor-furniture-and-pots" class=" whitespace-nowrap hover:opacity-[0.6] transition-all" > 72 Outdoor Furniture & Pots 73 </a> 74 </li> 75 <li> 76 <a href="/project/custom-interior-furniture" class=" whitespace-nowrap hover:opacity-[0.6] transition-all" > 77 Custom Interior Furniture 78 </a> 79 </li> 80 81 </div> 82 </ul> 83 84 </div> 85 <div x-data="{expanded: false}" :class="{'!pt-[5px]' : scrolled}" class="flex flex-col uppercase group ml-[80px] pt-[89px] transition-all"> 86 <button :class="{'!w-[130px]' : expanded}" @click="expanded = !expanded" class="relative flex w-[93px] group-hover:w-[130px] duration-[0.3s] transition-all"> 87 <span class="uppercase">Services</span> 88 <span :class="{'!opacity-100' : expanded}" class="ml-auto transition-all opacity-0 duration-[0.2s] group-hover:opacity-100" x-text="expanded ? '-' : '+'">+</span> 89 <span :class="{'!w-full !opacity-100' : expanded}" class="w-0 h-[1px] bg-black absolute bottom-[-2px] left-0 opacity-0 group-hover:w-full group-hover:opacity-100 transition-all duration-[0.3s] delay-75"></span> 90 </button> 91 92 <ul x-show="expanded" x-collapse> 93 <div class="pt-[20px]"> 94 <li> 95 <a href="/services#collaborate" class="hover:opacity-[0.6] transition-all whitespace-nowrap"> 96 Collaborate 97 </a> 98 </li> 99 <li> 100 <a href="/services#manufacture"
100class="hover:opacity-[0.6] transition-all whitespace-nowrap"> 101 Manufacture 102 </a> 103 </li> 104 <li> 105 <a href="/services#install" class="hover:opacity-[0.6] transition-all whitespace-nowrap"> 106 Install 107 </a> 108 </li> 109 110 </div> 111 </ul> 112 113 </div> 114 115 <a href="/" class="square"></a> 116 117 <div x-data="{expanded: false}" :class="{'!pt-[5px]' : scrolled}" class="flex flex-col uppercase group ml-auto mr-[80px] pt-[89px] transition-all"> 118 <a href="/contact" class="hover:opacity-[0.6] transition-all">Contact</a> 119 </div> 120 121 122 <div :class="{'!w-[170px]' : expanded}" x-data="{expanded: false}" class="flex flex-col w-[70px] hover:w-[150px] uppercase transition-all"> 123 <span :class="{'!h-[5px] opacity-0' : scrolled}" class="text-[115px] h-[89px] leading-[77%] transition-all translate-x-[0px] ml-auto">W</span> 124 125 <button :class="{'!w-[170px]' : expanded}" @click="expanded = !expanded" class="ml-auto relative flex group w-[60px] hover:w-[100px] duration-[0.3s] transition-all"> 126 <span class="uppercase">Info</span> 127 <span :class="{'!opacity-100' : expanded}" class="ml-auto transition-all opacity-0 duration-[0.2s] group-hover:opacity-100" x-text="expanded ? '-' : '+'">+</span> 128 <span :class="{'!w-full !opacity-100' : expanded}" class="w-0 h-[1px] bg-black absolute bottom-[-2px] left-0 opacity-0 group-hover:w-full group-hover:opacity-100 transition-all duration-[0.3s] delay-75"></span> 129 </button> 130 <ul x-show="expanded" x-collapse> 131 <div class="pt-[20px]"> 132 <li> 133 <a class="about-inner-section" href="/about#about">About</a> 134 </li> 135 <li> 136 <a class="about-inner-section" href="/about#collaborators">Collaborators</a> 137 </li> 138 <li> 139 <a class="about-inner-section" href="/about#careers">Careers</a> 140 </li> 141 142 </div> 143 </ul> 144 145 </div> 146 </div> 147</header> 148 149<header x-data="{expanded: false}" class="fixed top-0 left-0 flex flex-col w-screen lg:hidden z-[1000] bg-white"> 150 <div @click="expanded = !expanded" class="flex gap-x-[15px] items-center justify-center py-[10px] border-b border-[#ccc]"> 151 <span class="text-[50px] leading-[37px]">C</span> 152 <div class="w-[7px] h-[7px] bg-black"></div> 153 <span class="text-[50px] leading-[37px]">W</span> 154 </div> 155 156 <ul x-show="expanded" class="relative" x-collapse> 157 <li class="uppercase border-b border-[#ccc] text-[20px]"> 158 <a href="/" class="block px-[16px] py-[15px]">Home</a> 159 </li> 160 <li x-data="{toggled: false}" class="uppercase border-b border-[#ccc] text-[20px]"> 161 <span @click="toggled = true" class="px-[16px] py-[15px] block w-full">Work</span> 162 163 <ul :class="{'!translate-x-0' : toggled}" class="absolute min-h-[100%] top-0 left-0 w-screen translate-x-[100%] transition-all z-[2] bg-white"> 164 <li @click="toggled = false" class="relative px-[16px] py-[15px] uppercase border-b border-[#ccc] text-[20px]">
165 <span><</span> 166 <span class="">Work</span> 167 </li> 168 <li class="uppercase border-b border-[#ccc] text-[20px]"> 169 <a href="/project/exterior-joinery" class="pl-[40px] pr-[16px] py-[15px] block">Exterior Joinery</a> 170 </li> 171 <li class="uppercase border-b border-[#ccc] text-[20px]"> 172 <a href="/interior-joinery" class="pl-[40px] pr-[16px] py-[15px] block">Interior Joinery</a> 173 </li> 174 <li class="uppercase border-b border-[#ccc] text-[20px]"> 175 <a href="/outdoor-furniture-and-pots" class="pl-[40px] pr-[16px] py-[15px] block">Outdoor Furniture & Pots</a> 176 </li> 177 <li class="uppercase border-b border-[#ccc] text-[20px]"> 178 <a href="/project/custom-interior-furniture" class="pl-[40px] pr-[16px] py-[15px] block">Custom Interior Furniture</a> 179 </li> 180 181 </ul> 182 </li> 183 <li x-data="{toggled: false}" class="uppercase border-b border-[#ccc] text-[20px]"> 184 <span @click="toggled = true" class="px-[16px] py-[15px] block w-full">Services</span> 185 186 <ul :class="{'!translate-x-0' : toggled}" class="absolute min-h-[100%] top-0 left-0 w-screen translate-x-[100%] transition-all z-[2] bg-white"> 187 <li @click="toggled = false" class="relative px-[16px] py-[15px] uppercase border-b border-[#ccc] text-[20px]"> 188 <span><</span> 189 <span class="">Services</span> 190 </li> 191 <li class="uppercase border-b border-[#ccc] text-[20px]"> 192 <a href="/services#collaborate" class="pl-[40px] pr-[16px] py-[15px] block">Collaborate</a> 193 </li> 194 <li class="uppercase border-b border-[#ccc] text-[20px]"> 195 <a href="/services#manufacture" class="pl-[40px] pr-[16px] py-[15px] block">Manufacture</a> 196 </li> 197 <li class="uppercase border-b border-[#ccc] text-[20px]"> 198 <a href="/services#install" class="pl-[40px] pr-[16px] py-[15px] block">Install</a> 199 </li> 200 201 </ul> 202 </li> 203 <li class="uppercase border-b border-[#ccc] text-[20px]"> 204 <a href="/contact" class="px-[16px] py-[15px] block">Contact</a> 205 </li> 206 <li x-data="{toggled: false}" class="uppercase border-b border-[#ccc] text-[20px]"> 207 <span @click="toggled = true" class="px-[16px] py-[15px] block w-full">Info</span> 208 209 <ul :class="{'!translate-x-0' : toggled}" class="absolute min-h-[100%] top-0 left-0 w-screen translate-x-[100%] transition-all z-[2] bg-white"> 210 <li @click="toggled = false" class="relative px-[16px] py-[15px] uppercase border-b border-[#ccc] text-[20px]"> 211 <span><</span> 212 <span class="">Info</span> 213 </li> 214 <li class="uppercase border-b border-[#ccc] text-[20px]"> 215 <a href="/about#about" class="pl-[40px] pr-[16px] py-[15px] block">About</a> 216 </li> 217 <li class="uppercase border-b border-[#ccc] text-[20px]"> 218 <a href="/about#collaborators" class="pl-[40px] pr-[16px] py-[15px] block">Collaborators</a> 219 </li> 220 <li class="uppercase border-b border-[#ccc] text-[20px]"> 221 <a href="/about#careers" class="pl-[40px] pr-[16px] py-[15px] block">Careers</a> 222 </li> 223 224 </ul> 225 </li> 226 227 </ul> 228</header> 229 <section> 230 <span class="block text-center">CONTACT</span> 231</section> 232 </main> 233 234 <footer id="main-footer" class="relative"> 235 236 <div class="container">
237 <span></span> 238 <a href="tel:02 9316 9066">02 9316 9066</a> 239 <span>31 Rochester Street, Botany NSW 2019</span> 240 <div class="links"> 241 <a href="https://www.instagram.com/cranbrook.workshop/" target="_blank">INSTAGRAM</a> 242 <a href="mailto:[email protected]">EMAIL</a> 243 </div> 244 </div> 245 246 <div class="newsletter"> 247 <div class="container"> 248 <span>Join our mailing list to keep up to date with the latest Cranbrook Workshop projects</span> 249 250 <form class="flex js-cm-form" id="subForm" action="https://www.createsend.com/t/subscribeerror?description=" method="post" data-id="2BE4EF332AA2E32596E38B640E905619464EBE08FD944ACB847B44611AF722A800ED9E4C148C012ACEE501B7C3A59B67B018D302E9836E7A5ED850E7D2908821"> 251 <input placeholder="Email address" autocomplete="Email" aria-label="Email" class="js-cm-email-input qa-input-email" id="fieldEmail" maxlength="200" name="cm-yhihtiu-yhihtiu" required="" type="email"> 252 <button type="submit">Subscribe</button> 253 </form> 254 </div> 255 256
256<script type="text/javascript" src="https://js.createsend1.com/javascript/copypastesubscribeformlogic.js"></script>
256 257 </div> 258 </footer> 259 260 261 262 </body> 263
263<script src="/js/site.js?id=e5a002a494a3ed26f348d1050379cbe6"></script>
263 264</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.