PageSourceSearch

https://www.charles-green.com/login

html charles-green.com collected 2026-10-07 20:53:50 UTC 41,175 bytes, 813 lines download raw bytes

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="&#x5B;&#x5D;">
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="&#x5B;&#x7B;&quot;title&quot;&#x3A;&quot;Plain&#x20;Wedding&#x20;Rings&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.charles-green.com&#x5C;&#x2F;collections&#x5C;&#x2F;jewellery&#x5C;&#x2F;wedding-rings&#x5C;&#x2F;plain-wedding-rings&quot;&#x7D;,&#x7B;&quot;title&quot;&#x3A;&quot;Ladies&#x20;Rings&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.charles-green.com&#x5C;&#x2F;collections&#x5C;&#x2F;jewellery&#x5C;&#x2F;wedding-rings&#x5C;&#x2F;ladies-wedding-rings&quot;&#x7D;,&#x7B;&quot;title&quot;&#x3A;&quot;Gents&#x20;Rings&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.charles-green.com&#x5C;&#x2F;collections&#x5C;&#x2F;jewellery&#x5C;&#x2F;wedding-rings&#x5C;&#x2F;gents-wedding-rings&quot;&#x7D;&#x5D;">
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="&#x5B;&#x5D;">
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="&#x5B;&#x7B;&quot;title&quot;&#x3A;&quot;Plain&#x20;Lockets&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.charles-green.com&#x5C;&#x2F;collections&#x5C;&#x2F;jewellery&#x5C;&#x2F;lockets&#x5C;&#x2F;plain-lockets&quot;&#x7D;,&#x7B;&quot;title&quot;&#x3A;&quot;Engraved&#x20;Lockets&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.charles-green.com&#x5C;&#x2F;collections&#x5C;&#x2F;jewellery&#x5C;&#x2F;lockets&#x5C;&#x2F;engraved-lockets&quot;&#x7D;,&#x7B;&quot;title&quot;&#x3A;&quot;Diamond&#x20;Set&#x20;Lockets&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.charles-green.com&#x5C;&#x2F;collections&#x5C;&#x2F;jewellery&#x5C;&#x2F;lockets&#x5C;&#x2F;diamond-set-lockets&quot;&#x7D;&#x5D;">
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="&#x5B;&#x7B;&quot;title&quot;&#x3A;&quot;Plain&#x20;Signets&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.charles-green.com&#x5C;&#x2F;collections&#x5C;&#x2F;jewellery&#x5C;&#x2F;signets-rings&#x5C;&#x2F;plain-signet-rings&quot;&#x7D;,&#x7B;&quot;title&quot;&#x3A;&quot;Stone&#x20;Set&#x20;Signets&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.charles-green.com&#x5C;&#x2F;collections&#x5C;&#x2F;jewellery&#x5C;&#x2F;signets-rings&#x5C;&#x2F;stone-set-signet-rings&quot;&#x7D;,&#x7B;&quot;title&quot;&#x3A;&quot;Seal&#x20;Cut&#x20;&#x5C;u0026&#x20;Engraved&#x20;Signets&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.charles-green.com&#x5C;&#x2F;collections&#x5C;&#x2F;jewellery&#x5C;&#x2F;signets-rings&#x5C;&#x2F;patterned-signet-rings&quot;&#x7D;&#x5D;">
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="&#x5B;&#x5D;">
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="&#x5B;&#x5D;">
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="&#x5B;&#x5D;">
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="&#x5B;&#x5D;">
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="&#x5B;&#x5D;">
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="&#x5B;&#x5D;">
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="&#x5B;&#x5D;">
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 &amp; 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.