PageSourceSearch

https://www.minettehand.com/portfolio

html minettehand.com collected 2026-10-06 15:18:09 UTC 25,524 bytes, 614 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US">
3
4<head>
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6    <meta charset="utf-8">
7    <link rel="stylesheet" href="/themes/forlatt/assets/css/styles.css?f4864486fd9f8a0a72a050fe378d35a8" />
8    <title>About - Minette Hand Photography</title>
9<meta property="og:title" content="About - Minette Hand Photography">
10<meta name="twitter:title" content="About - Minette Hand Photography">
11<meta property="og:site_name" content="Minette Hand Photography">
12<link rel="icon" href="/storage/29054/a2510ea3-e28e-43c1-b274-f3a0461ae4cb/screenshot_2026-08-03_at_11.36.22_am.png">
13<link rel="apple-touch-icon" href="https://www.minettehand.com/storage/29054/a2510ea3-e28e-43c1-b274-f3a0461ae4cb/screenshot_2026-08-03_at_11.36.22_am.png" />
14<link rel="canonical" href="https://www.minettehand.com/portfolio">
15<meta property="og:url" content="https://www.minettehand.com/portfolio">
16<meta name="twitter:card" content="summary" />
17<meta name="keywords" content="Editorial Interiors and Portraits">
18<meta name="generator" content="Articulation - https://www.articulationsites.com">
19<meta property="og:type" content="website">
20
21
22    <link rel="preconnect" href="https://assets.articulationsites.com" />
23        
23<script>
24        document.documentElement.classList.remove('dark')
25    </script>
25
26    
26<script defer src="https://assets.articulationsites.com/js/published/published.min.js?v=c17059228c8f0fb3962a3f88e7dd27316"></script>
26
27    
27<script defer src="https://assets.articulationsites.com/js/vendor/focus.min.js"></script>
27
28    
28<script defer src="https://assets.articulationsites.com/js/vendor/intersect.min.js?v=1"></script>
28
29    
29<script defer src="https://assets.articulationsites.com/js/vendor/alpine.min.js"></script>
29
30    <link href="/css/published.css?v=1599af1dd31c136b73844d19aef1421e" rel="stylesheet"/>
31    <style>
32        :root {
33            --color-text-dark-bg: #9ca3af;
34--color-text-dark-bg-heading: #f3f4f6;
35--font-heading: "Playfair Display";
36--font-text: "Questrial";
37--font-button: "Questrial";
38--font-nav_link: "Questrial";
39--font-quote: "Questrial";
40--color-primary-main: #000000;
41--color-primary-light: #1a1a1a;
42--color-primary-dark: #000000;
43--color-primary-contrast: #ffffff;
44--color-secondary-main: #3B3B3B;
45--color-secondary-light: #555555;
46--color-secondary-dark: #222222;
47--color-secondary-contrast: #ffffff;
48--color-accent-main: #B7B7B7;
49--color-accent-light: #d1d1d1;
50--color-accent-dark: #9e9e9e;
51--color-accent-contrast: #000000;
52--color-success-main: #26A94C;
53--color-success-light: #31d160;
54--color-success-dark: #1d7f39;
55--color-success-contrast: #ffffff;
56--color-error-main: #ED262D;
57--color-error-light: #f1555b;
58--color-error-dark: #cf1118;
59--color-error-contrast: #ffffff;
60--link-text-decoration: underline;
61--link-underline-color: inherit;
62--shape: calc(infinity * 1px);
63--heading-1-font-size: 60px;
64--heading-1-line-height: 60px;
65--heading-1-letter-spacing: 0px;
66--heading-1-font-weight: 400;
67--paragraph-font-size: 16px;
68--paragraph-line-height: 24px;
69--paragraph-letter-spacing: 1px;
70--button-font-size: 14px;
71--nav-link-font-size: 14px;
72--nav-link-letter-spacing: 1px;
73--nav-link-font-weight: 400;
74--nav-link-text-transform: none;
75--subnav-link-font-size: 12px;
76--subnav-link-letter-spacing: 0.5px;
77--subnav-link-font-weight: 400;
78--subnav-link-text-transform: none;
79        }
80    </style>
81    <style id="site-css">
82        
83    </style>
84    
85    <link rel="preconnect" href="https://fonts.googleapis.com" />
86    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Questrial:wght@400;700"><link rel="stylesheet" href="/site-fonts/a2510ea3-e28e-43c1-b274-f3a0461ae4cb/amstirdamdemo.css">
87
88</head>
89
90<body>
91<div class="outer-container  ">
92    <div class="inner-container">
93        <div id="c69681756b11cd" class="component"><header
94    class="main-header bg-(--background-color) bg-type-color"
95    style="--background-color: #F7F7F7;"
96    x-data
97    x-init="
98        $store.nav.breakPoint = 1024;
99        $store.nav.checkIsMobile(0);
100        $nextTick(() => {
101            document.querySelector(':root').style.setProperty('--nav-height', $el.offsetHeight + 'px');
102        });
103    "
104    :class="{
105        'mobile-nav': $store.nav.mobile,
106        'desktop-nav': !$store.nav.mobile,
107        'mobile-nav-open': $store.nav.mobileMenuOpen
108    }"
109    x-cloak
110>
111    <a href="/" aria-label="logo" class="logo-container">
112                    <div
113                class="text-logo text-logo-standard custom-font-family font-(family-name:--font-custom) text-(length:--text-size) md:text-(length:--md-text-size) lg:text-(length:--lg-text-size) custom-text-size"
114                style="--font-custom: Amstirdamdemo; --text-size: 56px; --md-text-size: 56px; --lg-text-size: 72px;"
115            >Minette Hand</div>
116            </a>
117    <ul
118    class="desktop-nav-links main-nav-list"
119    x-data
120    x-navigation="{ allowCollapseToMore: true }"
121>
122            <li
123    class="main-nav-item"
124    id="mXcZGlaL"
125>
126    <a
127        href="/"
128                class="nav-link  "
129    >Home</a>
130    </li>
131
132            <li
133    class="main-nav-item"
134    id="EahGFe82"
135>
136    <a
137        href="/contact"
138                class="nav-link  "
139    >About</a>
140    </li>
141
142            <li
143    class="main-nav-item"
144    id="rmg5WIzV"
145>
146    <a
147        href="/portfolio"
148                class="nav-link  active"
149    >Work With Minette</a>
150    </li>
151
152            <li
153    class="main-nav-item"
154    id="nav-more-link"
155>
156    <a
157        href="#"
158                class="nav-link  "
159    >More...</a>
160            <ul class="subnav subnav-level-1 subnav-parent-nav-more-link">
161            <li id="subnav-mXcZGlaL">
162    <a
163        href="/"
164                class="nav-link"
165    >
166        <span class="subnav-label">
167            Home
168                    </span>
169    </a>
170    </li>
171
172            <li id="subnav-EahGFe82">
173    <a
174        href="/contact"
175                class="nav-link"
176    >
177        <span class="subnav-label">
178            About
179                    </span>
180    </a>
181    </li>
182
183            <li id="subnav-rmg5WIzV">
184    <a
185        href="/portfolio"
186                class="nav-link"
187    >
188        <span class="subnav-label">
189            Work With Minette
190                    </span>
191    </a>
192    </li>
193
194    </ul>
195
196    </li>
197
198    </ul>
199
200    <div class="desktop-nav-buttons">
201                                    </div>
202    <div class="mobile-nav-buttons">
203                <button
204            @click="$store.nav.mobileMenuOpen = true"
205            x-show="! $store.nav.mobileMenuOpen"
206            style=""
207            class=""
208        >
209            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
210                <rect width="20" height="1.5" transform="matrix(-1 0 0 1 22 7)" fill="currentColor"/>
211                <rect width="20" height="1.5" transform="matrix(-1 0 0 1 22 16)" fill="currentColor"/>
212            </svg>
213            <span
214                class="mobile-cart-alert"
215                x-data
216                x-show="$store.commerceCart.totalQuantity > 0 && $store.nav.mobile"
217            >
218                <span x-text="$store.commerceCart.totalQuantity"></span>
219            </span>
220        </button>
221        <button
222            @click="$store.nav.mobileMenuOpen = false"
223            x-show="$store.nav.mobileMenuOpen"
224            style=""
225            class=""
226        >
227            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
228  <path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
229</svg>
230        </button>
231    </div>
232    <div
233        class="mobile-nav-overlay"
234        x-show="$store.nav.mobile && $store.nav.mobileMenuOpen"
235    >
236        <ul class="mobile-nav-links main-nav-list">
237            <li
238    class="main-nav-item"
239    id="mXcZGlaL"
240>
241    <a
242        href="/"
243                class="mobile-nav-link  "
244    >Home</a>
245    </li>
246
247            <li
248    class="main-nav-item"
249    id="EahGFe82"
250>
251    <a
252        href="/contact"
253                class="mobile-nav-link  "
254    >About</a>
255    </li>
256
257            <li
258    class="main-nav-item"
259    id="rmg5WIzV"
260>
261    <a
262        href="/portfolio"
263                class="mobile-nav-link  active"
264    >Work With Minette</a>
265    </li>
266
267    
268    </ul>
269
270        <div class="mobile-nav-overlay-buttons">
271                                </div>
272    </div>
273</header>
274</div>
275        <main>
276                <div id="c66478b1b2c202" class="component"><div >
277    <div id="c6a67882fc0851" class="component"><section
278    id="page-section"
279    style="--min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;"
280    class="page-section transition-all z-10 relative bg-type-none hover:bg-type-none group-hover:bg-type-none lg:rounded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center"
281>
282    
283    
284    <div
285        class="section-inner   relative transition-all duration-500 mx-auto grid lg:max-w-7xl md:max-w-7xl max-w-7xl lg:gap-3 md:gap-2 gap-1"
286        style="padding-block: 48px;"
287                
288    >
289        <div id="c6a67882fc0859" class="component"><div class="column-container md:gap-24 flex" >
290            <div
291            class=" column relative  w-1/12"
292            
293                    >
294            
295                    </div>
296            <div
297            class=" column relative  w-8/12"
298            
299                    >
300            <div id="c6a67882fc085b" class="component">    
301<form 
302    method="POST"
303    action="/form/submit"
304    x-data="{}"
305    x-init="$store.formControls.fetchPreparedForm('90d0f4a336f58dce868bd20d99439fbc34498385');"
306    enctype="multipart/form-data"
307    @submit="window.synth.checkRequiredFields($event)"
308>
309    <input type="hidden" name="form_id" value="a08062e8-a94a-46b8-a513-eec7a8a0bee0" />
310    <input type="hidden" name="form_name" value="Contact Form" />
311    <input type="hidden" name="enable_captcha" value="1" />
312    <input type="hidden" name="90d0f4a336f58dce868bd20d99439fbc34498385" :value="$store.formControls.preparedForm" />
313    <div aria-hidden="true" style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;">
314        <label>
314Leave this field empty<input type="text" name="website_url" tabindex="-1" autocomplete="off" /></label>
315    </div>
316    <div class="h-captcha" data-sitekey="f839b005-863e-4c81-b9c8-7bc5d5f9c513" data-size="invisible"></div>
317        <div
318            class="grid  lg:gap-1 md:gap-1 gap-1 bg-type-none hover:bg-type-none group-hover:bg-type-none mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5 lg:rounded-full md:rounded-full rounded-full"
319            style=""
320            
321        >
322            <div id="c6a67882fc085d" class="component"><div
323    class="transition-all custom-font-family font-(family-name:--font-custom) mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
324    style="--font-custom: Amstirdamdemo;"
325>
326    <div class="text-option"><h2 class="ql-align-center"><span style="font-size: 84px;">Let's Work Together</span></h2></div>
327</div>
328</div><div id="c6a67882fc0862" class="component"><div class="column-container md:gap-6 md:flex" >
329            <div
330            class=" column relative  md:w-6/12"
331            
332                    >
333            <div id="c6a67882fc0864" class="component"><input type="hidden" name="labels[name]" value="Name" />
334<div
335    class="group mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
336>
337    <div class="flex gap-1">
338                    <label
339                for="input-6ac4d5a3a75c5"
340                style=""
341                class="field-label transition-all block text-sm font-medium leading-6 "
342            >Name</label>
343            <span class="text-sm leading-6 text-(--color-error-main)">*</span>            </div>
344    <div class="input-outer relative mt-2 shadow-xs lg:rounded-full md:rounded-full rounded-full">
345        <input
346            type="text"
347            name="name"
348            id="input-6ac4d5a3a75c5"
349            class="art-input peer block w-full lg:rounded-full md:rounded-full rounded-full border-0 py-1.5 pr-10 text-(--color-text-light-bg) ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-(--color-primary-main) sm:text-sm sm:leading-6"
350            required
351        >
352        <div class="invisible peer-invalid:peer-focus:visible pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3">
353            <svg class="h-5 w-5 text-red-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
354                <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd" />
355            </svg>
356        </div>
357    </div>
358            <p
359            style=""
360            class="transition-all mt-2 text-sm text-(--color-secondary-main) custom-text-color"
361        ></p>
362    </div>
363</div><div id="c6a67882fc0869" class="component"><input type="hidden" name="labels[phone_number]" value="Phone number" />
364<div
365    class="group mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
366>
367    <div class="flex gap-1">
368                    <label
369                for="input-6ac4d5a3a764e"
370                style=""
371                class="field-label transition-all block text-sm font-medium leading-6 "
372            >Phone number</label>
373            <span class="text-sm leading-6 text-(--color-error-main)">*</span>            </div>
374    <div class="input-outer relative mt-2 shadow-xs lg:rounded-full md:rounded-full rounded-full">
375        <input
376            type="text"
377            name="phone_number"
378            id="input-6ac4d5a3a764e"
379            class="art-input peer block w-full lg:rounded-full md:rounded-full rounded-full border-0 py-1.5 pr-10 text-(--color-text-light-bg) ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-(--color-primary-main) sm:text-sm sm:leading-6"
380            required
381        >
382        <div class="invisible peer-invalid:peer-focus:visible pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3">
383            <svg class="h-5 w-5 text-red-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
384                <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd" />
385            </svg>
386        </div>
387    </div>
388            <p
389            style=""
390            class="transition-all mt-2 text-sm text-(--color-secondary-main) custom-text-color"
391        ></p>
392    </div>
393</div>
394                    </div>
395            <div
396            class=" column relative  md:w-6/12"
397            
398                    >
399            <div id="c6a67882fc086d" class="component"><input type="hidden" name="labels[email_address]" value="Email Address" />
400<div
401    class="group mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
402>
403    <div class="flex gap-1">
404                    <label
405                for="input-6ac4d5a3a76c8"
406                style=""
407                class="field-label transition-all block text-sm font-medium leading-6 "
408            >Email Address</label>
409            <span class="text-sm leading-6 text-(--color-error-main)">*</span>            </div>
410    <div class="input-outer relative mt-2 shadow-xs lg:rounded-full md:rounded-full rounded-full">
411        <input
412            type="email"
413            name="email_address"
414            id="input-6ac4d5a3a76c8"
415            class="art-input peer block w-full lg:rounded-full md:rounded-full rounded-full border-0 py-1.5 pr-10 text-(--color-text-light-bg) ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-(--color-primary-main) sm:text-sm sm:leading-6"
416            required
417        >
418        <div class="invisible peer-invalid:peer-focus:visible pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3">
419            <svg class="h-5 w-5 text-red-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
420                <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd" />
421            </svg>
422        </div>
423    </div>
424            <p
425            style=""
426            class="transition-all mt-2 text-sm text-(--color-secondary-main) custom-text-color"
427        ></p>
428    </div>
429</div><div id="c6a67882fc0871" class="component"><input type="hidden" name="labels[how_did_you_hear_about_me]" value="How did you hear about me? " />
430<div
431    class="group mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
432    style=""
433>
434    <div class="flex gap-1">
435                    <label
436                for="input-6ac4d5a3a777a"
437                style=""
438                class="field-label transition-all block text-sm font-medium leading-6  "
439            >How did you hear about me? </label>
440            <span class="text-sm leading-6 text-(--color-error-main)">*</span>            </div>
441    <select
442        id="input-6ac4d5a3a777a"
443        name="how_did_you_hear_about_me"
444        required
445        class="art-input mt-2 block w-full lg:rounded-full md:rounded-full rounded-full border-0 py-1.5 pl-3 pr-10 text-gray-900 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-(--color-primary-main) sm:text-sm sm:leading-6"
446    >
447                    <option>Friend/Colleague</option>
448                    <option>Social Media</option>
449                    <option>Other</option>
450            </select>
451            <p
452            style=""
453            class="transition-all mt-2 text-sm text-(--color-secondary-main) custom-text-color"
454        ></p>
455    </div>
456</div>
457                    </div>
458    </div>
459</div><div id="c6a67882fc087a" class="component"><input type="hidden" name="labels[tell_me_more_about_your_project_scope_budget_timeline]" value="Tell me more about your project (scope, budget, timeline" />
460<div
461    class="group mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
462>
463    <div class="flex gap-1">
464                    <label
465                for="input-6ac4d5a3a780e"
466                style=""
467                class="field-label transition-all block text-sm font-medium leading-6 "
468            >Tell me more about your project (scope, budget, timeline</label>
469            <span class="text-sm leading-6 text-(--color-error-main)">*</span>            </div>
470    <div class="input-outer relative mt-2 shadow-xs lg:rounded-full md:rounded-full rounded-full">
471        <input
472            type="text"
473            name="tell_me_more_about_your_project_scope_budget_timeline"
474            id="input-6ac4d5a3a780e"
475            class="art-input peer block w-full lg:rounded-full md:rounded-full rounded-full border-0 py-1.5 pr-10 text-(--color-text-light-bg) ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-(--color-primary-main) sm:text-sm sm:leading-6"
476            required
477        >
478        <div class="invisible peer-invalid:peer-focus:visible pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3">
479            <svg class="h-5 w-5 text-red-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
480                <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd" />
481            </svg>
482        </div>
483    </div>
484            <p
485            style=""
486            class="transition-all mt-2 text-sm text-(--color-secondary-main) custom-text-color"
487        ></p>
488    </div>
489</div><div id="c6a67882fc087d" class="component"><input type="hidden" name="labels[anything_else_we_need_to_know]" value="Anything else we need to know?" />
490<div
491    class="group mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
492>
493    <div class="flex gap-1">
494                    <label
495                for="input6ac4d5a3a78b4"
496                style=""
497                class="field-label block text-sm font-medium leading-6 "
498            >Anything else we need to know?</label>
499                        </div>
500    <div class="mt-2">
501        <textarea
502            rows="4"
503            name="anything_else_we_need_to_know"
504            id="input6ac4d5a3a78b4"
505            
506            class="art-input block w-full lg:rounded-full md:rounded-full rounded-full border-0 py-1.5 text-(--color-text-light-bg) shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-(--color-primary-main) sm:text-sm sm:leading-6"
507        ></textarea>
508    </div>
509            <p
510            style=""
511            class="transition-all mt-2 text-sm text-(--color-secondary-main) custom-text-color"
512        ></p>
513    </div>
514</div><div id="c6a67882fc0881" class="component"><div
515    class="component-form-button "
516    style="--background-color: var(--color-primary-main); --hover-background-color: var(--color-primary-light);"
517>
518    <button
519        x-data="{}"
520        type="form"
521        class="art-button transition-all text-center inline-block font-semibold cursor-pointer button-standard   mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5 w-full md:w-auto lg:w-auto lg:button-large md:button-large button-large"
522        @click="window.synth.handleFormButtonClick"
523    >
524        Send message ↗
525    </button>
526</div>
527</div>
528        </div>
529    </form>
530</div>
531                    </div>
532            <div
533            class=" column relative  w-1/12"
534            
535                    >
536            
537                    </div>
538    </div>
539</div>
540
541            </div>
542</section>
543</div><div id="c69774b0428f81" class="component"><section
544    id="page-section"
545    style="--background-color: #F7F7F7; --min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;"
546    class="page-section transition-all z-10 relative bg-(--background-color) bg-type-color hover:bg-type-none group-hover:bg-type-none lg:rou
546nded-none md:rounded-none rounded-none pt-3 pl-0 pr-0 pb-3 md:pt-12 md:pl-0 md:pr-0 md:pb-12 lg:pt-12 lg:pl-0 lg:pr-0 lg:pb-12 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center"
547>
548    
549    
550    <div
551        class="section-inner   relative transition-all duration-500 mx-auto grid lg:max-w-5xl md:max-w-5xl max-w-5xl lg:gap-3 md:gap-2 gap-1"
552        style="padding-block: 48px;"
553                
554    >
555        <div id="c69774b0428f88" class="component"><div
556    class="divider-component flex justify-center"
557    style="--background-color: var(--color-accent-main);"
558>
559    <div class="divider-component-inner transition-all lg:w-full md:w-full w-full mt-0 mb-12 md:mt-0 md:mb-12 lg:mt-0 lg:mb-12">
560        <div class="divider-component-line transition-all h-0.5 lg:rounded-full md:rounded-full rounded-full bg-(--background-color) bg-type-color hover:bg-type-none group-hover:bg-type-none"></div>
561    </div>
562</div>
563</div>
564
565            </div>
566</section>
567</div>
568</div>
569</div>
570        </main>
571        <footer class="main-footer">
572            <div class="footer-inner">
573                <div id="c69681756b19a2" class="component"><section
574    id="page-section"
575    style="--background-color: #8d5024; --min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;"
576    class="page-section transition-all z-10 relative bg-(--background-color) bg-type-color hover:bg-type-none group-hover:bg-type-none lg:rounded-none md:rounded-none rounded-none p-0 md:p-0 lg:p-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center"
577>
578    
579    
580    <div
581        class="section-inner   relative transition-all duration-500 mx-auto grid lg:max-w-5xl md:max-w-5xl max-w-5xl lg:gap-3 md:gap-2 gap-1"
582        style="padding-block: 48px;"
583                
584    >
585        
586
587            </div>
588</section>
589</div>
590            </div>
591        </footer>
592    </div>
593</div>
594
595<div
596    x-transition
597    x-show="$store.commerceCart.totalQuantity > 0 && !$store.nav.mobile"
598    x-data
599    class="z-50 fixed flex p-5 right-0 bottom-0"
600>
601    <a href="/c/cart">
602        <span title="Cart" class="art-cart-button transition-all flex p-2 rounded-full hover:scale-110 border border-(--color-text-dark-bg-heading) bg-(--color-primary-main) text-(--color-text-dark-bg-heading)">
603            <svg class="w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
604  <path d="M2.25 2.25a.75.75 0 0 0 0 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 0 0-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 0 0 0-1.5H5.378A2.25 2.25 0 0 1 7.5 15h11.218a.75.75 0 0 0 .674-.421 60.358 60.358 0 0 0 2.96-7.228.75.75 0 0 0-.525-.965A60.864 60.864 0 0 0 5.68 4.509l-.232-.867A1.875 1.875 0 0 0 3.636 2.25H2.25ZM3.75 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM16.5 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"/>
605</svg>
606            <p class="pl-1"
607                x-text="$store.commerceCart.totalQuantity">
608            </p>
609        </span>
610    </a>
611</div>
612</body>
613
614</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.