1 2 3 4 5 6<!DOCTYPE html> 7<html lang="en"> 8 9<head> 10 11 12 13 14<!-- Google Consent Mode v2 defaults -->
15<script> 16 window.dataLayer = window.dataLayer || []; 17 function gtag() { dataLayer.push(arguments); } 18 gtag('consent', 'default', { 19 'ad_storage': 'denied', 20 'ad_user_data': 'denied', 21 'ad_personalization': 'denied', 22 'analytics_storage': 'denied', 23 'functionality_storage': 'denied', 24 'personalization_storage': 'denied', 25 'security_storage': 'granted', 26 'wait_for_update': 500 27 }); 28</script>
28 29 30<!-- Silktide Consent Manager -->
31<script src="https://cdn.jsdelivr.net/gh/silktide/[email protected]/silktide-consent-manager.js"></script>
vendor: 1 bytes, line 31
31
32<script> 33 window.silktideConsentManager.init({ 34 text: { 35 prompt: { 36 description: 'We use cookies on our site to enhance your user experience, provide personalised content, and analyse our traffic.' 37 }, 38 preferences: { 39 title: 'Customise your cookie preferences', 40 creditLinkText: '', 41 creditLinkAccessibleLabel: '' 42 } 43 }, 44 consentTypes: [ 45 { 46 id: 'essential', 47 label: 'Essential', 48 description: 'These are necessary for the website to function and cannot be switched off.', 49 required: true 50 }, 51 { 52 id: 'analytics', 53 label: 'Analytics', 54 description: 'These help us understand how visitors interact with the website, including Google Analytics, Google Tag Manager, and Microsoft Clarity.', 55 defaultValue: false, 56 gtag: 'analytics_storage', 57 onAccept: function() { 58 window.dataLayer = window.dataLayer || []; 59 60 (function (w, d, s, l, i) { 61 w[l] = w[l] || []; w[l].push({ 62 'gtm.start': new Date().getTime(), event: 'gtm.js' 63 }); 64 var f = d.getElementsByTagName(s)[0], 65 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; 66 j.async = true; 67 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 68 f.parentNode.insertBefore(j, f); 69 })(window, document, 'script', 'dataLayer', 'GTM\x2D58JW8QSS'); 70 71 var gtagScript = document.createElement('script'); 72 gtagScript.async = true; 73 gtagScript.src = 'https://www.googletagmanager.com/gtag/js?id=G\x2D0VGN3NG8JV'; 74 document.head.appendChild(gtagScript); 75 76 window.dataLayer = window.dataLayer || []; 77 function gtag() { dataLayer.push(arguments); } 78 gtag('js', new Date()); 79 gtag('config', 'G\x2D0VGN3NG8JV'); 80 81 (function(c,l,a,r,i,t,y){ 82 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 83 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 84 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 85 })(window, document, "clarity", "script", "x4xig4lcb1"); 86 } 87 }, 88 { 89 id: 'marketing', 90 label: 'Marketing', 91 description: 'These are used for marketing and CRM, including HubSpot.', 92 defaultValue: false, 93 gtag: ['ad_storage', 'ad_user_data', 'ad_personalization'], 94 onAccept: function() { 95 var hsScript = document.createElement('script'); 96 hsScript.type = 'text/javascript'; 97 hsScript.id = 'hs-script-loader'; 98 hsScript.async = true; 99 hsScript.defer = true; 100 hsScript.src = '//js.hs-scripts.com/4644482.js'; 101 document.head.appendChild(hsScript); 102 } 103 } 104 ] 105 }); 106 107 window.openCookiePreferences = function() { 108 var instance = window.silktideConsentManager && window.silktideConsentManager.getInstance(); 109 if (instance) { 110 instance.toggleModal(true); 111 } 112 }; 113</script>
113 114<!-- End Silktide Consent Manager --> 115 116 117 <meta charset="utf-8"> 118 <meta http-equiv="x-ua-compatible" content="ie=edge"> 119 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> 120 <title>Login - Charles Green</title> 121 <meta name="description" 122 content="Birmingham based manufacturing jewellers since 1824 with a long tradition of excellence, maintaining its place at the forefront of the jewellery industry."> 123 <link rel="home" href="https://www.charles-green.com/" /> 124 <link rel="canonical" href="https://www.charles-green.com/login" /> 125 126 <link rel="preload" href="/fonts/Baskerville-Light.ttf" as="font" type="font/ttf" crossorigin> 127 128 <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png"> 129 <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png"> 130 <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png"> 131 <link rel="manifest" href="/favicons/manifest.json"> 132 <link rel="mask-icon" href="favicons/safari-pinned-tab.svg" color="#d99f11"> 133 <meta name="theme-color" content="#ffffff"> 134
134<script src="https://cdn.jsdelivr.net/npm/handlebars@latest/dist/handlebars.js"></script>
134 135 136 137
137<script> 138 window.retailMode = false; 139 </script>
139 140 141
141<script> 142 window.csrfTokenName = "CRAFT_CSRF_TOKEN"; 143 window.csrfTokenValue = "SPeaHxF15SuDFvuSZJYb62vJ5HIVME48gieCiDxu"; 144 </script>
144 145 146 147 148
148<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
148 149
149<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/ScrollTrigger.min.js"></script>
149 150<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/silktide/[email protected]/silktide-consent-manager.css?ti-cache=0.0.10"/> 151<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css?ti-cache=0.0.10"/> 152<link rel="stylesheet" type="text/css" href="/css/style.css?ti-cache=0.0.10"/> 153<link rel="stylesheet" type="text/css" href="/css/tailwind.css?ti-cache=0.0.10"/> 154<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css?ti-cache=0.0.10"/> 155<style type="text/css"> 156#stcm-wrapper { 157 --fontFamily: 'Open Sans', Helvetica Neue, Segoe UI, Arial, sans-serif; 158 --primaryColor: #D6B15A; 159 --backgroundColor: #ffffff; 160 --textColor: #000; 161 --backdropBackgroundColor: rgba(12, 46, 74, 0.72); 162 --backdropBackgroundBlur: 2px; 163 --iconColor: #0C2E4A; 164 --iconBackgroundColor: #D6B15A; 165} 166 167#stcm-wrapper #stcm-banner, 168#stcm-wrapper #stcm-modal { 169 background-color: #fffff !important; 170 color: #ffffff !important; 171} 172 173#stcm-wrapper #stcm-banner p, 174#stcm-wrapper #stcm-modal p, 175#stcm-wrapper #stcm-modal legend { 176 color: black !important; 177} 178 179#stcm-wrapper #stcm-modal footer a { 180 color: #D6B15A !important; 181} 182 183#stcm-wrapper #stcm-banner .stcm-preferences-button { 184 background-color: transparent !important; 185 border: none !important; 186 border-radius: 0; 187 color: #9E7C32 !important; 188 padding: 10px 20px; 189 text-transform: uppercase; 190 letter-spacing: 2px; 191 font-size: 10px; 192 font-weight: 500 !important; 193 text-decoration: none; 194} 195 196#stcm-wrapper #stcm-banner .stcm-preferences-button span { 197 text-transform: uppercase !important; 198 letter-spacing: 2px !important; 199 font-size: 10px !important; 200 font-weight: 500 !important; 201 color: inherit !important; 202 text-decoration: none !important; 203} 204 205#stcm-wrapper #stcm-banner .stcm-preferences-button:hover, 206#stcm-wrapper #stcm-banner .stcm-preferences-button:hover span { 207 background-color: transparent !important; 208 color: #9E7C32 !important; 209} 210 211#stcm-wrapper .stcm-button { 212 background-color: #F6F4EF !important; 213 color: #9E7C32 !important; 214 border-color: #F6F4EF !important; 215 border-radius: 0; 216 text-transform: uppercase; 217 letter-spacing: 2px; 218 font-size: 10px; 219 font-weight: 500 !important; 220} 221 222#stcm-wrapper .stcm-button-primary:hover, 223#stcm-wrapper .stcm-button-secondary:hover { 224 background-color: #e4dece !important; 225 color: #9E7C32 !important; 226 border-color: #e4dece !important; 227} 228 229.stcm-consent-description{ 230 color: black !important; 231} 232 233#stcm-wrapper #stcm-modal .stcm-toggle input:checked + .stcm-toggle-track { 234 background: #D6B15A !important; 235} 236 237#stcm-banner a.stcm-logo, 238#stcm-modal footer a.stcm-credit-link, 239#stcm-icon { 240 display: none !important; 241} 242</style></head> 243 244<body 245 class="login logged-out"> 246 247 248 249 250<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 250-251
250 251<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
251GTM-58JW8QSS
vendor: 91 bytes, lines 251-252
251" 252 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
253<!-- End Google Tag Manager (noscript) --> 254 255 <!--[if lt IE 8]> 256 <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> 257 <![endif]--> 258 259 <div class="pusher min-h-screen flex flex-col"> 260 261 262 263<div class="sm-checker sm:fixed t-0 l-0 w-0 h-0"></div> 264<div class="md-checker md:fixed t-0 l-0 w-0 h-0"></div> 265<div class="lg-checker lg:fixed t-0 l-0 w-0 h-0"></div> 266 267
268<script type="text/x-handlebars-template" id="header-search-results"> 269 270 {{#each models as |model|}} 271 <a href="{{model.uri}}" class="flex items-center justify-between gap-x-3 cursor-pointer hover:shadow"> 272 {{#if model.image}} 273 <img 274 src="{{ model.image }}" 275 alt="product image" 276 class="lg:w-6/12 w-4/12 object-cover aspect-square" 277 /> 278 {{else}} 279 <div class="lg:w-6/12 w-4/12 flex flex-col bg-grey-12 aspect-square justify-evenly items-center p-2"> 280 <img src="/images/main-logo-yellow.png" 281 alt="charles green logo" 282 class="w-4/5" /> 283 <p class="text-center text-xs">Product Image coming soon</p> 284 </div> 285 {{/if}} 286 <div class="lg:w-6/12 w-8/12"> 287 <h2 class="text-dark-grey-1 uppercase tracking-extra-wide-2 text-sm mb-1 text-ellipsis">{{ model.title }}</h2> 288 <p class="font-baskerville text-xs text-dark-grey-2 leading-[115%] text-ellipsis">{{ model.shortDescription }}</p> 289 </div> 290 </a> 291 {{/each}} 292 {{#unless models}} 293 <p class= text-sm text-dark-grey-1">No results found</p> 294 {{/unless}} 295 296</script>
296 297
298<script type="text/x-handlebars-template" id="header-search-history"> 299 300 {{#if models.length}} 301 <h3 class="uppercase tracking-widest text-dark-grey-3 text-[9px] mb-5">Your Recent Searches</h3> 302 {{#each models as |model|}} 303 <p class= text-sm text-dark-grey-1 hover:text-black mb-3 cursor-pointer search-history-term">{{ model.title }}</p> 304 {{/each}} 305 {{/if}} 306 307</script>
307 308 309 310<header id="header" class="flex w-full px-5 lg:pl-12 lg:pr-11 justify-end items-center h-[100px]"> 311 312 <a href="/account/dashboard" 313 class="flex items-center gap-x-2.5 whitespace-nowrap relative lg:hidden hover:opacity-40"><img 314 src="/images/icons/account-icon-mobile.svg" alt="account" /></a> 315 <a href="https://www.charles-green.com/" class="block absolute left-1/2 -translate-x-1/2 mx-auto"> 316 <img class="ui logo max-h-55" src="https://www.charles-green.com/images/main-logo-yellow.png" alt="charles green logo"> 317 </a> 318 <button class="open-menu-button block lg:hidden"> 319 <img src="/images/icons/burger-menu-icon.svg" class="hover:opacity-40" alt="open menu" /> 320 </button> 321 <ul class="hidden lg:flex items-center gap-x-9 text-[#2b2b2b]"> 322 <li class="text-xs"> 323 <a class="flex items-center whitespace-nowrap w-max" href="https://www.charles-green.com/login"> 324 <p>Sign In</p> 325 </a> 326 </li> 327 <li class="text-xs"> 328 <a class="flex items-center whitespace-nowrap w-max" href="https://www.charles-green.com/contact"> 329 <p>Enquire</p> 330 </a> 331 </li> 332 </ul> 333</header> 334<hr class="hidden lg:block mx-8 lg:mx-7" /> 335 336<nav class="desktop-nav hidden lg:flex items-stretch justify-center h-[52px] w-full text-[#2b2b2b] z-50 relative"> 337 <div class="ui menu flex items-center justify-center"> 338 339 <div class="ui dropdown link item cursor-pointer group h-full"> 340 <a 341 href="#" 342 class="flex flex-col items-center justify-center group gap-1 px-5 whitespace-nowrap h-full"> 343 Jewellery 344 <div class="h-[0.5px] bg-black w-0 group-hover:w-[80%] transition-all duration-200"></div> 345 </a> 346 <div 347 class="menu submenu w-full absolute grid z-50 overflow-hidden items-start justify-center py-8 bg-white shadow-md left-1/2 -translate-x-1/2 cursor-default border-t border-solid border-slate-100 submenu-grid"> 348 <div class="submenu-links-col flex flex-col gap-y-1"> 349 <a href="https://www.charles-green.com/collections/jewellery" class="submenu-link-level2 pb-2 mb-0 text-dark-grey-4 flex items-center justify-between hover:text-secondary-gold transition-all duration-200 font-semibold" data-level3-items="[]"> 350 Our Jewellery 351 </a> 352 <a href="https://www.charles-green.com/collections/jewellery/wedding-rings" class="submenu-link-level2 pb-2 mb-0 text-dark-grey-4 flex items-center justify-between hover:text-secondary-gold transition-all duration-200 " data-level3-items="[{"title":"Plain Wedding Rings","url":"https:\/\/www.charles-green.com\/collections\/jewellery\/wedding-rings\/plain-wedding-rings"},{"title":"Ladies Rings","url":"https:\/\/www.charles-green.com\/collections\/jewellery\/wedding-rings\/ladies-wedding-rings"},{"title":"Gents Rings","url":"https:\/\/www.charles-green.com\/collections\/jewellery\/wedding-rings\/gents-wedding-rings"}]"> 353 All Wedding Rings 354 <img src="/images/chevron-right-gold-icon.svg" alt="chevron right icon" class="chevron-icon"/> 355 </a> 356 <a href="https://www.charles-green.com/collections/jewellery/eternity-rings" class="submenu-link-level2 pb-2 mb-0 text-dark-grey-4 flex items-center justify-between hover:text-secondary-gold transition-all duration-200 " data-level3-items="[]"> 357 Eternity Rings 358 </a> 359 <a href="https://www.charles-green.com/collections/jewellery/lockets" class="submenu-link-level2 pb-2 mb-0 text-dark-grey-4 flex items-center justify-between hover:text-secondary-gold transition-all duration-200 " data-level3-items="[{"title":"Plain Lockets","url":"https:\/\/www.charles-green.com\/collections\/jewellery\/lockets\/plain-lockets"},{"title":"Engraved Lockets","url":"https:\/\/www.charles-green.com\/collections\/jewellery\/lockets\/engraved-lockets"},{"title":"Diamond Set Lockets","url":"https:\/\/www.charles-green.com\/collections\/jewellery\/lockets\/diamond-set-lockets"}]"> 360 All Lockets 361 <img src="/images/chevron-right-gold-icon.svg" alt="chevron right icon" class="chevron-icon"/> 362 </a> 363 <a href="https://www.charles-green.com/collections/jewellery/signets-rings" class="submenu-link-level2 pb-2 mb-0 text-dark-grey-4 flex items-center justify-between hover:text-secondary-gold transition-all duration-200 " data-level3-items="[{"title":"Plain Signets","url":"https:\/\/www.charles-green.com\/collections\/jewellery\/signets-rings\/plain-signet-rings"},{"title":"Stone Set Signets","url":"https:\/\/www.charles-green.com\/collections\/jewellery\/signets-rings\/stone-set-signet-rings"},{"title":"Seal Cut \u0026 Engraved Signets","url":"https:\/\/www.charles-green.com\/collections\/jewellery\/signets-rings\/patterned-signet-rings"}]"> 364 All Signets 365 <img src="/images/chevron-right-gold-icon.svg" alt="chevron right icon" class="chevron-icon"/> 366 </a> 367 <a href="https://www.charles-green.com/collections/wonders-collection" class="submenu-link-level2 pb-2 mb-0 text-dark-grey-4 flex items-center justify-between hover:text-secondary-gold transition-all duration-200 " data-level3-items="[]"> 368 Wonders Collection 369 </a> 370 </div> 371 <div class="submenu-level3-col"> 372 <div class="level3-content"></div>
373 </div> 374 <div class="submenu-cards-col flex flex-row gap-5"> 375 <a href="https://www.charles-green.com/collections/jewellery/wedding-rings" class="text-dark-grey-4 mb-3 flex flex-col hover:text-secondary-gold transition-all duration-200 submenu-card"> 376 <img src="/uploads/home-page-images/wedding-ring-menu-card.jpg?d=1791406429" class="w-full h-full object-cover"> 377 <div class="flex flex-row justify-between items-center mt-3"> 378 <p class="font-semibold"> 379 Wedding Rings 380 </p> 381 <img src="/images/chevron-right-dark.svg" alt="chevron right icon" /> 382 </div> 383 </a> 384 <a href="https://www.charles-green.com/collections/wonders-collection" class="text-dark-grey-4 mb-3 flex flex-col hover:text-secondary-gold transition-all duration-200 submenu-card"> 385 <img src="/uploads/home-page-images/wonders-card.jpg?d=1791406429" class="w-full h-full object-cover"> 386 <div class="flex flex-row justify-between items-center mt-3"> 387 <p class="font-semibold"> 388 Wonders 389 </p> 390 <img src="/images/chevron-right-dark.svg" alt="chevron right icon" /> 391 </div> 392 </a> 393 </div> 394 </div> 395 </div> 396 397 <div class="ui dropdown link item cursor-pointer group h-full"> 398 <a 399 href="https://www.charles-green.com/bespoke" 400 class="flex flex-col items-center justify-center group gap-1 px-5 whitespace-nowrap h-full"> 401 Bespoke 402 <div class="h-[0.5px] bg-black w-0 group-hover:w-[80%] transition-all duration-200"></div> 403 </a> 404 </div> 405 406 <div class="ui dropdown link item cursor-pointer group h-full"> 407 <a 408 href="https://www.charles-green.com/private-label" 409 class="flex flex-col items-center justify-center group gap-1 px-5 whitespace-nowrap h-full"> 410 Private Label 411 <div class="h-[0.5px] bg-black w-0 group-hover:w-[80%] transition-all duration-200"></div> 412 </a> 413 </div> 414 415 <div class="ui dropdown link item cursor-pointer group h-full"> 416 <a 417 href="/provenance" 418 class="flex flex-col items-center justify-center group gap-1 px-5 whitespace-nowrap h-full"> 419 Provenance 420 <div class="h-[0.5px] bg-black w-0 group-hover:w-[80%] transition-all duration-200"></div> 421 </a> 422 </div> 423 424 <div class="ui dropdown link item cursor-pointer group h-full"> 425 <a 426 href="https://www.charles-green.com/services" 427 class="flex flex-col items-center justify-center group gap-1 px-5 whitespace-nowrap h-full"> 428 Services 429 <div class="h-[0.5px] bg-black w-0 group-hover:w-[80%] transition-all duration-200"></div> 430 </a> 431 </div> 432 433 <div class="ui dropdown link item cursor-pointer group h-full"> 434 <a 435 href="#" 436 class="flex flex-col items-center justify-center group gap-1 px-5 whitespace-nowrap h-full"> 437 Our Story 438 <div class="h-[0.5px] bg-black w-0 group-hover:w-[80%] transition-all duration-200"></div> 439 </a> 440 <div 441 class="menu submenu w-full absolute grid z-50 overflow-hidden items-start justify-center py-8 bg-white shadow-md left-1/2 -translate-x-1/2 cursor-default border-t border-solid border-slate-100 submenu-grid"> 442 <div class="submenu-links-col flex flex-col gap-y-1"> 443 <a href="#" class="submenu-link-level2 pb-2 mb-0 text-dark-grey-4 flex items-center justify-between hover:text-secondary-gold transition-all duration-200 font-semibold" data-level3-items="[]"> 444 Our Story 445 </a> 446 <a href="https://www.charles-green.com/about" class="submenu-link-level2 pb-2 mb-0 text-dark-grey-4 flex items-center justify-between hover:text-secondary-gold transition-all duration-200 " data-level3-items="[]"> 447 About Us 448 </a> 449 <a href="https://www.charles-green.com/timeline" class="submenu-link-level2 pb-2 mb-0 text-dark-grey-4 flex items-center justify-between hover:text-secondary-gold transition-all duration-200 " data-level3-items="[]"> 450 History 451 </a> 452 <a href="https://www.charles-green.com/sustainability" class="submenu-link-level2 pb-2 mb-0 text-dark-grey-4 flex items-center justify-between hover:text-secondary-gold transition-all duration-200 " data-level3-items="[]"> 453 Sustainability 454 </a> 455 <a href="https://www.charles-green.com/craftsmanship" class="submenu-link-level2 pb-2 mb-0 text-dark-grey-4 flex items-center justify-between hover:text-secondary-gold transition-all duration-200 " data-level3-items="[]"> 456 Craftsmanship 457 </a> 458 <a href="https://www.charles-green.com/rjc" class="submenu-link-level2 pb-2 mb-0 text-dark-grey-4 flex items-center justify-between hover:text-secondary-gold transition-all duration-200 " data-level3-items="[]"> 459 Responsible Jewellery Council 460 </a> 461 </div> 462 <div class="submenu-level3-col"> 463 <div class="level3-content"></div>
464 </div> 465 <div class="submenu-cards-col flex flex-row gap-5"> 466 <a href="https://www.charles-green.com/private-label" class="text-dark-grey-4 mb-3 flex flex-col hover:text-secondary-gold transition-all duration-200 submenu-card"> 467 <img src="/uploads/home-page-images/private-label-menu-card.jpg?d=1791406429" class="w-full h-full object-cover"> 468 <div class="flex flex-row justify-between items-center mt-3"> 469 <p class="font-semibold"> 470 Private Label 471 </p> 472 <img src="/images/chevron-right-dark.svg" alt="chevron right icon" /> 473 </div> 474 </a> 475 <a href="https://www.charles-green.com/sustainability" class="text-dark-grey-4 mb-3 flex flex-col hover:text-secondary-gold transition-all duration-200 submenu-card"> 476 <img src="/uploads/home-page-images/sustainability-menu-card.jpg?d=1791406429" class="w-full h-full object-cover"> 477 <div class="flex flex-row justify-between items-center mt-3"> 478 <p class="font-semibold"> 479 Sustainability 480 </p> 481 <img src="/images/chevron-right-dark.svg" alt="chevron right icon" /> 482 </div> 483 </a> 484 </div> 485 </div> 486 </div> 487 </div> 488</nav> 489 490<div class="mobile-menu hidden bg-white absolute z-[900] max-h-screen overflow-hidden h-screen top-0 w-full"> 491 <div class="flex items-center justify-between w-full py-6 bg-white px-8"> 492 <img class="w-[191px]" src="/images/main-logo-yellow.png" alt="logo" /> 493 <button class="close-menu-button float-right hover:opacity-40"> 494 <img class="w-7" src="/images/icons/close-menu-icon.svg" alt="close menu icon" /> 495 </button> 496 </div> 497 <div class="h-[calc(100%_-_125px)] overflow-y-scroll mt-8 pb-12 px-8 text-[#2b2b2b]"> 498 <nav class="flex flex-col gap-y-14"> 499 500 <button class="mobile-menu-link flex items-center justify-between text-lg hover:opacity-40 w-full"> 501 Jewellery 502 <img class="w-4" src="/images/icons/right-chevron-icon.svg" alt="chevron right icon" /> 503 </button> 504 505 <div class="second-mobile-menu-level h-[calc(100%_-_125px)] absolute overflow-y-scroll 506 w-[calc(100%_-_64px)] pb-8 pr-8 gap-y-14 flex flex-col bg-white text-[#2b2b2b] hidden"> 507 <div class="border-b border-solid border-[#e5e7eb] pb-8"> 508 <button class="mobile-menu-back flex items-center hover:opacity-40"> 509 <img src="/images/icons/chevron-dark.svg" alt="chevron icon" class="w-3 mr-2"> 510 Back 511 </button> 512 </div> 513 514 <div class="mb-6"> 515 <a class="block text-lg font-semibold text-dark-grey-4 hover:opacity-40 mb-3" href="https://www.charles-green.com/collections/jewellery"> 516 Our Jewellery 517 </a> 518 </div> 519 <div class="mb-6"> 520 <a class="block text-lg font-semibold text-dark-grey-4 hover:opacity-40 mb-3" href="https://www.charles-green.com/collections/jewellery"> 521 All Wedding Rings 522 </a> 523 </div> 524 <div class="mb-6"> 525 <a class="block text-lg font-semibold text-dark-grey-4 hover:opacity-40 mb-3" href="https://www.charles-green.com/collections/jewellery"> 526 Eternity Rings 527 </a> 528 </div> 529 <div class="mb-6"> 530 <a class="block text-lg font-semibold text-dark-grey-4 hover:opacity-40 mb-3" href="https://www.charles-green.com/collections/jewellery"> 531 All Lockets 532 </a> 533 </div> 534 <div class="mb-6"> 535 <a class="block text-lg font-semibold text-dark-grey-4 hover:opacity-40 mb-3" href="https://www.charles-green.com/collections/jewellery"> 536 All Signets 537 </a> 538 </div> 539 <div class="mb-6"> 540 <a class="block text-lg font-semibold text-dark-grey-4 hover:opacity-40 mb-3" href="https://www.charles-green.com/collections/wonders-collection"> 541 Wonders Collection 542 </a> 543 </div> 544 <div class="mb-6"> 545 <a href="https://www.charles-green.com/collections/jewellery" class="text-dark-grey-4 mb-3 block hover:text-secondary-gold transition-all duration-200 w-1/4"> 546 <img src="/uploads/home-page-images/wedding-ring-menu-card.jpg?d=1791406429" class="w-full h-full object-cover"> 547 <div class="flex flex-row justify-between items-center mt-3"> 548 <p class="font-semibold"> 549 Wedding Rings 550 </p> 551 <img src="/images/chevron-right-dark.svg" alt="chevron right icon" /> 552 </div> 553 </a> 554 </div> 555 <div class="mb-6"> 556 <a href="https://www.charles-green.com/collections/wonders-collection" class="text-dark-grey-4 mb-3 block hover:text-secondary-gold transition-all duration-200 w-1/4"> 557 <img src="/uploads/home-page-images/wonders-card.jpg?d=1791406429" class="w-full h-full object-cover"> 558 <div class="flex flex-row justify-between items-center mt-3"> 559 <p class="font-semibold"> 560 Wonders 561 </p> 562 <img src="/images/chevron-right-dark.svg" alt="chevron right icon" /> 563 </div> 564 </a> 565 </div> 566 </div> 567 <a class="flex items-center justify-between text-lg hover:opacity-40" href="https://www.charles-green.com/bespoke"> 568 Bespoke 569 </a> 570 <a class="flex items-center justify-between text-lg hover:opacity-40" href="https://www.charles-green.com/private-label"> 571 Private Label 572 </a> 573 <a class="flex items-center justify-between text-lg hover:opacity-40" href="/provenance"> 574 Provenance 575 </a> 576 <a class="flex items-center justify-between text-lg hover:opacity-40" href="https://www.charles-green.com/services"> 577 Services 578 </a> 579 <button class="mobile-menu-link flex items-center justify-between text-lg hover:opacity-40 w-full"> 580 Our Story 581 <img class="w-4" src="/images/icons/right-chevron-icon.svg" alt="chevron right icon" /> 582 </button> 583 584 <div class="second-mobile-menu-level h-[calc(100%_-_125px)] absolute overflow-y-scroll 585 w-[calc(100%_-_64px)] pb-8 pr-8 gap-y-14 flex flex-col bg-white text-[#2b2b2b] hidden"> 586 <div class="border-b border-solid border-[#e5e7eb] pb-8"> 587 <button class="mobile-menu-back flex items-center hover:opacity-40"> 588 <img src="/images/icons/chevron-dark.svg" alt="chevron icon" class="w-3 mr-2"> 589 Back 590 </button> 591 </div> 592 593 <div class="mb-6"> 594 <a class="block text-lg font-semibold text-dark-grey-4 hover:opacity-40 mb-3" href="#"> 595 Our Story 596 </a> 597 </div> 598 <div class="mb-6"> 599 <a class="block text-lg font-semibold text-dark-grey-4 hover:opacity-40 mb-3" href="https://www.charles-green.com/about"> 600 About Us 601 </a> 602 </div> 603 <div class="mb-6"> 604 <a class="block text-lg font-semibold text-dark-grey-4 hover:opacity-40 mb-3" href="https://www.charles-green.com/timeline"> 605 History 606 </a> 607 </div> 608 <div class="mb-6"> 609 <a class="block text-lg font-semibold text-dark-grey-4 hover:opacity-40 mb-3" href="https://www.charles-green.com/sustainability"> 610 Sustainability 611 </a> 612 </div> 613 <div class="mb-6"> 614 <a class="block text-lg font-semibold text-dark-grey-4 hover:opacity-40 mb-3" href="https://www.charles-green.com/craftsmanship"> 615 Craftsmanship 616 </a> 617 </div> 618 <div class="mb-6"> 619 <a class="block text-lg font-semibold text-dark-grey-4 hover:opacity-40 mb-3" href="https://www.charles-green.com/rjc"> 620 Responsible Jewellery Council 621 </a> 622 </div> 623 <div class="mb-6"> 624 <a href="https://www.charles-green.com/private-label" class="text-dark-grey-4 mb-3 block hover:text-secondary-gold transition-all duration-200 w-1/4"> 625 <img src="/uploads/home-page-images/private-label-menu-card.jpg?d=1791406430" class="w-full h-full object-cover"> 626 <div class="flex flex-row justify-between items-center mt-3"> 627 <p class="font-semibold"> 628 Private Label 629 </p> 630 <img src="/images/chevron-right-dark.svg" alt="chevron right icon" /> 631 </div> 632 </a> 633 </div> 634 <div class="mb-6"> 635 <a href="https://www.charles-green.com/sustainability" class="text-dark-grey-4 mb-3 block hover:text-secondary-gold transition-all duration-200 w-1/4"> 636 <img src="/uploads/home-page-images/sustainability-menu-card.jpg?d=1791406430" class="w-full h-full object-cover"> 637 <div class="flex flex-row justify-between items-center mt-3"> 638 <p class="font-semibold"> 639 Sustainability 640 </p> 641 <img src="/images/chevron-right-dark.svg" alt="chevron right icon" /> 642 </div> 643 </a> 644 </div> 645 </div> 646 647 </nav> 648 <hr class="mt-10 mb-8" /> 649 <div class="flex flex-col gap-y-11"> 650 <a href="https://www.charles-green.com/login" class="text-base underline hover:opacity-40">Sign in</a> 651 <a href="#" class="text-base underline hover:opacity-40">Create Account</a> 652 </div> 653 </div> 654</div> 655 656<div class="alerts" id="alerts"> 657 658 659 660 661 662 663 </div> 664 665 666 <main class="main-content pt-8 pb-32" role="main"> 667 <div class="ui container mx-auto flex flex-col justify-center items-center"> 668 669 <h1 class="page-title text-center font-sen md:self-start">Login</h1> 670 671 <div class="ui doubling three column centered grid lg:w-1/3 mx-auto"> 672 <div class="column"> 673 <form method="post" accept-charset="UTF-8" class="ui form" id="loginForm"> 674 675 <input type="hidden" name="action" value="users/login"> 676 677 <div class="field flex flex-col mb-3.5 font-sen"> 678 <label class="mb-0.5" for="loginName">Email</label> 679 <input class="border border-solid border-[#e5e7eb] rounded-sm px-3.5 py-2.5" id="loginName" type="text" name="loginName" value=""> 680 </div> 681 682 <div class="field flex flex-col mb-3.5 font-sen"> 683 <label class="mb-0.5" for="password">Password</label> 684 <input class="border border-solid border-[#e5e7eb] rounded-sm px-3.5 py-2.5" id="password" type="password" name="password"> 685 </div> 686 687 <div class="inline field"> 688 <div class="ui checkbox checked flex items-center gap-x-2 mb-3.5 font-sen"> 689 <input class="border border-solid border-[#e5e7eb] rounded-sm p-3.5 !flex cursor-pointer" type="checkbox" name="retailMode"> 690 <label>Enable Retail Mode</label> 691 </div> 692 </div> 693 694 <div class="inline field"> 695 <div class="ui checkbox checked flex items-center gap-x-2 mb-3.5 font-sen"> 696 <input class="border border-solid border-[#e5e7eb] rounded-sm p-3.5 !flex cursor-pointer" type="checkbox" name="rememberMe"> 697 <label>Remember me</label> 698 </div> 699 </div> 700 701 702 <button id="loginBtn" class="ui button login bg-[#cfd0d2] px-5 py-2 rounded-sm font-sen button primary-button flex items-center justify-between"> 703 Login 704 <img src="https://www.charles-green.com/images/chevron-right-gold-icon.svg" alt="chevron right gold icon" /> 705 </button> 706 707 <p class="text-[#4183C4] opacity-80 my-3.5 font-sen"><a href="https://www.charles-green.com/account/reset-password">Forgot your password?</a></p> 708 </form>
709 </div> 710 </div> 711 </div> 712 </main> 713 714 715 716<div class="bg-navy mt-auto footer"> 717 <div class="footer-grid gap-y-10 pt-12 pb-14 lg:pt-20 w-full px-6 sm:px-8 lg:px-[50px]"> 718 <div class="footer-column"> 719 <div class="w-fit flex items-center justify-start mb-4"> 720 <img src="/images/cg-logo.png" alt="site logo light blue" class="logo"/> 721 </div> 722 <h1 class="text-white-3 text-xl mb-4"> 723 British Jewellery Manufacturing Since 1824 724 </h1> 725 <p class="text-white-3 text-sm mb-4"> 726 Partnering with leading retailers to create fine jewellery of exceptional quality. 727 </p> 728 <div class="flex items-center justify-start gap-x-4"> 729 <img src="/images/created-in-the-uk-logo.png" alt="created in the uk logo" class="logo w-4"/> 730 <img src="/images/rjc.png" alt="rjc logo" class="logo w-4"/> 731 </div> 732 </div> 733 <div class="footer-column"> 734 <p class="text-base text-white font-semibold mb-4">Jewellery</p> 735 <nav class="flex flex-col gap-y-4 text-white-3 font-bold"> 736 <a class="item text-sm hover:opacity-40 font-light" href="/collections/jewellery/wedding-rings">Wedding Rings</a> 737 <a class="item text-sm hover:opacity-40 font-light" href="/collections/jewellery/eternity-rings">Eternity Rings</a> 738 <a class="item text-sm hover:opacity-40 font-light" href="/collections/jewellery/lockets">Lockets</a> 739 <a class="item text-sm hover:opacity-40 font-light" href="https://www.charles-green.com/">Signets</a> 740 <a class="item text-sm hover:opacity-40 font-light" href="https://www.charles-green.com/">Wonders Collection</a> 741 </nav> 742 </div> 743 <div class="footer-column"> 744 <p class="text-base text-white font-semibold mb-4">For Retailers</p> 745 <nav class="flex flex-col gap-y-4 text-white-3 font-bold"> 746 <a class="item text-sm hover:opacity-40 font-light" href="https://www.charles-green.com/private-label">Private Label</a> 747 <a class="item text-sm hover:opacity-40 font-light" href="https://www.charles-green.com/bespoke">Bespoke</a> 748 </nav> 749 </div> 750 <div class="footer-column"> 751 <p class="text-base text-white font-semibold mb-4">Our Story</p> 752 <nav class="flex flex-col gap-y-4 text-white-3 font-bold"> 753 <a class="item text-sm hover:opacity-40 font-light" href="https://www.charles-green.com/about">About Us</a> 754 <a class="item text-sm hover:opacity-40 font-light" href="https://www.charles-green.com/timeline">History</a> 755 <a class="item text-sm hover:opacity-40 font-light" href="https://www.charles-green.com/craftsmanship">Craftsmanship</a> 756 <a class="item text-sm hover:opacity-40 font-light" href="https://www.charles-green.com/sustainability">Sustainability</a> 757 <a class="item text-sm hover:opacity-40 font-light" href="https://www.charles-green.com/pension">Pension Statement</a> 758 </nav> 759 </div> 760 <div class="footer-column"> 761 <p class="text-base text-white font-semibold mb-4">Provenance</p> 762 <p class="text-white-3 text-sm font-semibold mb-4"> 763 Responsibly sourced materials, <br/> 764 fully traceable 765 </p> 766 <nav class="flex flex-col gap-y-4 text-white-3 font-bold"> 767 <a class="item text-sm hover:opacity-40 font-light" href="https://www.charles-green.com/rjc">Responsible Jewellery Council</a> 768 <a class="item text-sm hover:opacity-40 font-light" href="/sustainability#botswanamark">Botswanamark Diamonds</a> 769 <a class="item text-sm hover:opacity-40 font-light" href="/sustainability#smo">SMO Gold</a> 770 </nav> 771 </div> 772 <div class="footer-column"> 773 <p class="text-base text-white font-semibold mb-4">Contact Us</p> 774 <nav class="flex flex-col gap-y-4 text-white-3 font-bold"> 775 <a class="item text-sm hover:opacity-40 font-light whitespace-nowrap" href="tel:0121 236 1874">0121 236 1874</a> 776 <a class="item text-sm hover:opacity-40 font-light whitespace-nowrap" href="mailto:[email protected]">[email protected]</a> 777 <a class="item text-sm hover:opacity-40 font-light flex items-center gap-x-2" href="https://www.instagram.com/charlesgreen_uk/"> 778 <img src="/images/insta-white.svg" alt="Instagram white logo" class="w-4"/> 779 charlesgreen_uk 780 </a> 781 <a class="item text-sm hover:opacity-40 font-light flex items-center gap-x-2" href="https://www.linkedin.com/company/charles-green-jewellery"> 782 <img src="/images/linkedin-white.png" alt="LinkedIn white logo" class="w-4"/> 783 Charles Green Jewellery 784 </a> 785 </nav> 786 </div> 787 </div> 788 <div class="border-t border-white/20 px-6 sm:px-8 lg:px-[50px] py-6"> 789 <nav class="flex flex-wrap gap-x-6 gap-y-2 text-white-3 text-sm font-light"> 790 <a class="hover:opacity-40" href="https://www.charles-green.com/privacy">Privacy Policy</a> 791 <a class="hover:opacity-40" href="https://www.charles-green.com/cookie-policy">Cookie Policy</a> 792 <a class="hover:opacity-40" href="https://www.charles-green.com/terms">Terms & Conditions</a> 793 </nav> 794 </div> 795</div> 796 797 </div> 798 799 800
801<script type="text/javascript" src="/js/scripts.min.js?ti-cache=0.0.10"></script>
vendor: 1 bytes, line 801
801
802<script type="text/javascript" src="https://cdn.ravenjs.com/1.1.22/jquery,native/raven.min.js?ti-cache=0.0.10"></script>
vendor: 1 bytes, line 802
802
803<script type="text/javascript" src="https://cdn.linearicons.com/free/1.0.0/svgembedder.min.js?ti-cache=0.0.10"></script>
vendor: 1 bytes, line 803
803
804<script type="text/javascript" src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js?ti-cache=0.0.10"></script>
vendor: 1 bytes, line 804
804
805<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js?ti-cache=0.0.10"></script>
vendor: 1 bytes, line 805
805
806<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js?ti-cache=0.0.10"></script>
vendor: 1 bytes, line 806
806
807<script type="text/javascript"> 808/*<![CDATA[*/ 809Raven.config('https://[email protected]/179141').install(); 810/*]]>*/ 811</script>
811</body> 812 813</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.