Skip to content

Instantly share code, notes, and snippets.

@suarezph

suarezph/page.demo.liquid

Created July 28, 2024 08:54
Show Gist options
  • Save suarezph/442c7e3c2449e27bf8224028fc3f0178 to your computer and use it in GitHub Desktop.
Save suarezph/442c7e3c2449e27bf8224028fc3f0178 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
page.demo.liquid
<link
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
rel="stylesheet" />
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans',
Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
line-height: 1.5;
color: #1b1f24;
margin: 0;
padding: 0;
}
* {
scroll-behavior: smooth !important;
}
.demo-banner-img {
background-image: url('https://images.unsplash.com/photo-1482235225574-c37692835cf3?q=80&w=3571&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: auto;
height: auto;
padding: 130px 100px;
border-radius: 5px;
}
.demo-banner-img h1 {
color: white;
text-shadow: 3px 3px black;
}
.demo-container {
max-width: 1380px;
margin: 0 auto;
padding: 0 1rem;
}
.demo-layout {
display: flex;
gap: 25px;
}
.demo-sidebar {
width: 25%;
position: sticky;
top: 0;
height: 100vh;
overflow-y: auto;
padding-top: 2rem;
}
.demo-main-content {
flex: 1;
padding: 2rem 0;
}
/**
content
**/
h1,
h2,
p {
padding: 0;
margin: 0;
}
.demo-title {
font-size: 24px;
padding-bottom: 20px;
line-height: 30px;
}
.demo-title span {
display: block;
font-size: 15px;
}
.demo-title-sub {
font-size: 18px;
color: #333;
line-height: 20px;
padding-bottom: 15px;
}
.demo-main-content section {
padding: 20px 0;
}
.demo-main-content #banner {
padding: 0;
}
.demo-main-content section p {
padding: 0 0 15px;
}
.demo-main-content .cta {
background: #ff5b62;
padding: 8px 15px;
border-radius: 3px;
display: inline-block;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 12px;
text-decoration: none;
}
.demo-main-content .cta.black {
background: #333;
}
.demo-main-content .parent {
border-top: 1px solid #e1e1e1;
padding-top: 30px;
}
.demo-main-content .with-img {
display: flex;
gap: 20px;
align-items: center;
}
.demo-main-content .with-img.row-reverse {
flex-direction: row-reverse;
}
.demo-main-content .with-img img {
max-width: 100%;
border-radius: 3px;
}
.demo-main-content .with-img .col-1 {
width: 40%;
}
.demo-main-content .with-img .col-2 {
flex: 1;
}
/**
menu
**/
.demo-mobile-toc {
display: none;
}
.demo-mobile-toc select {
padding: 8px 10px;
border-radius: 3px;
display: block;
width: auto;
}
.demo-list {
list-style-type: none;
padding-left: 0;
margin: 0;
}
.demo-list li {
padding: 5px 0;
}
.demo-sidebar .demo-list .demo-list {
padding-left: 1rem;
}
.demo-link {
color: #087ea4;
text-decoration: none;
display: block;
}
.demo-link:hover {
text-decoration: underline;
}
.demo-link > i {
padding-right: 5px;
}
.demo-dropdown-container {
position: relative;
}
.demo-dropdown-toggle {
cursor: pointer;
user-select: none;
position: absolute;
right: 0;
top: 0.5rem;
width: 20px;
height: 20px;
line-height: 20px;
transition: transform 0.3s ease;
}
.demo-sidebar .demo-list .demo-list {
padding-left: 1rem;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
}
.demo-sidebar .demo-list .demo-list.demo-active {
max-height: 1000px;
margin: 10px 0;
}
.demo-mobile-nav {
position: sticky;
top: 0;
background-color: #ffffff;
padding: 10px 0;
z-index: 1000;
display: none;
}
.demo-select {
width: 100%;
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #fff;
}
@media (max-width: 768px) {
.demo-layout {
flex-direction: column;
}
.demo-sidebar {
display: none;
}
.demo-mobile-toc {
display: block;
margin-bottom: 1rem;
}
.demo-main-content .with-img {
display: block;
gap: 20px;
align-items: center;
}
.demo-main-content .with-img.row-reverse {
flex-direction: row;
}
.demo-main-content .with-img img {
max-width: 100%;
}
.demo-main-content .with-img .col-1 {
width: 100%;
margin-bottom: 20px;
}
.demo-main-content .with-img .col-2 {
flex: 1;
}
.demo-banner-img {
padding: 20px;
}
.demo-main-content {
padding-top: 0;
}
}
@media (max-width: 769px) {
.demo-sidebar {
display: none;
}
.demo-mobile-nav {
display: block;
}
.demo-mobile-toc {
display: flex;
justify-content: end;
}
}
</style>
<div class="demo-container">
<div class="demo-layout">
<aside class="demo-sidebar">
<nav>
<ul class="demo-list">
<li>
<a href="#fathers-day" class="demo-link"
>When is Father's Day 2024 in Australia?</a
>
</li>
<li><a href="#introduction" class="demo-link">Introduction</a></li>
<li class="demo-dropdown-container">
<a href="#variety" class="demo-link"
>A Variety of Choices for Every Dad</a
>
<span class="demo-dropdown-toggle"
><i class="fa-solid fa-angle-down"></i
></span>
<ul class="demo-list">
<li>
<a href="#whiskey-connoisseurs" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Hampers for Whiskey
Connoisseurs</a
>
</li>
<li>
<a href="#tea-lovers-delight" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Tea Lover's Delight</a
>
</li>
<li>
<a href="#gourmet-snacks" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Gourmet Snack
Extravaganza</a
>
</li>
<li>
<a href="#wine-enthusiast" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Wine Enthusiast's
Paradise</a
>
</li>
<li>
<a href="#beer-lovers" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Beer Lover's Bundle
</a>
</li>
</ul>
</li>
<li class="demo-dropdown-container">
<a href="#personalise" class="demo-link"> Personalise Your Gift</a>
<span class="demo-dropdown-toggle"
><i class="fa-solid fa-angle-down"></i
></span>
<ul class="demo-list">
<li>
<a href="#custom-contents" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Customising
Contents</a
>
</li>
<li>
<a href="#add-personal-messages" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Adding Personal
Messages</a
>
</li>
<li>
<a href="#special-packaging-option" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Special Packaging
Options</a
>
</li>
<li>
<a href="#corporate-custom" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Corporate
Customisation</a
>
</li>
<li>
<a href="#easy-customisation-process" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Easy Customisation
Process</a
>
</li>
</ul>
</li>
<li class="demo-dropdown-container">
<a href="#premium-products" class="demo-link">
Premium Products and Local Delicacies</a
>
<span class="demo-dropdown-toggle"
><i class="fa-solid fa-angle-down"></i
></span>
<ul class="demo-list">
<li>
<a href="#gourment-food-selection" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Gourmet Food
Selection</a
>
</li>
<li>
<a href="#fine-beverages" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Fine Beverages</a
>
</li>
<li>
<a href="#luxurious-self-care-products" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Luxurious Self-Care
Products</a
>
</li>
<li>
<a href="#support-local-business" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Supporting Local
Businesses</a
>
</li>
<li>
<a href="#beautiful-presentation" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Beautiful Presentation
</a>
</li>
</ul>
</li>
<li class="demo-dropdown-container">
<a href="#convenient" class="demo-link">
Convenient and Hassle-Free</a
>
<span class="demo-dropdown-toggle"
><i class="fa-solid fa-angle-down"></i
></span>
<ul class="demo-list">
<li>
<a href="#fast-order" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Fast Order
Processing</a
>
</li>
<li>
<a href="#free-delivery" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Free Standard
Delivery</a
>
</li>
<li>
<a href="#express-shipping" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Express Shipping
Options</a
>
</li>
<li>
<a href="#easy-order" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Easy Online
Ordering</a
>
</li>
<li>
<a href="#customer-service" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Exceptional Customer
Service
</a>
</li>
</ul>
</li>
<li class="demo-dropdown-container">
<a href="#perfect" class="demo-link">
How to Select the Perfect Hamper</a
>
<span class="demo-dropdown-toggle"
><i class="fa-solid fa-angle-down"></i
></span>
<ul class="demo-list">
<li>
<a href="#know" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Know His
Preferences</a
>
</li>
<li>
<a href="#consider" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Consider His Hobbies
and Interests</a
>
</li>
<li>
<a href="#look" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Look for Quality</a
>
</li>
<li>
<a href="#gift" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Personalise the
Gift</a
>
</li>
<li>
<a href="#presentation" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Think About
Presentation
</a>
</li>
</ul>
</li>
<li class="demo-dropdown-container">
<a href="#conclusion" class="demo-link"> Conclusion</a>
<span class="demo-dropdown-toggle"
><i class="fa-solid fa-angle-down"></i
></span>
<ul class="demo-list">
<li>
<a href="#diverse" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Diverse Range of
Options</a
>
</li>
<li>
<a href="#personalised" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Personalised and
Convenient Service</a
>
</li>
</ul>
</li>
<li class="demo-dropdown-container">
<a href="#about" class="demo-link"> About The Hamper Boutique Co</a>
<span class="demo-dropdown-toggle"
><i class="fa-solid fa-angle-down"></i
></span>
<ul class="demo-list">
<li>
<a href="#corporate" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Corporate Gifting
Experts</a
>
</li>
<li>
<a href="#extensive" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Extensive Product
Range</a
>
</li>
<li>
<a href="#commitment" class="demo-link">
<i class="fa-solid fa-caret-right"></i> Commitment to Quality
and Sustainability</a
>
</li>
</ul>
</li>
</ul>
</nav>
</aside>
<main class="demo-main-content">
<div class="demo-mobile-nav">
<select class="demo-select">
<option value="#fathers-day">
When is Father's Day 2024 in Australia?
</option>
<option value="#introduction">Introduction</option>
<optgroup label="A Variety of Choices for Every Dad">
<option value="#whiskey-connoisseurs">
Hampers for Whiskey Connoisseurs
</option>
<option value="#tea-lovers-delight">Tea Lover's Delight</option>
<option value="#gourmet-snacks">Gourmet Snack Extravaganza</option>
<option value="#wine-enthusiast">Wine Enthusiast's Paradise</option>
<option value="#beer-lovers">Beer Lover's Bundle</option>
</optgroup>
<optgroup label="Personalise Your Gift">
<option value="#custom-contents">Customising Contents</option>
<option value="#add-personal-messages">
Adding Personal Messages
</option>
<option value="#special-packaging-option">
Special Packaging Options
</option>
<option value="#corporate-custom">Corporate Customisation</option>
<option value="#easy-customisation-process">
Easy Customisation Process
</option>
</optgroup>
<optgroup label="Premium Products and Local Delicacies">
<option value="#gourmet-food-selection">
Gourmet Food Selection
</option>
<option value="#fine-beverages">Fine Beverages</option>
<option value="#luxurious-self-care-products">
Luxurious Self-Care Products
</option>
<option value="#support-local-business">
Supporting Local Businesses
</option>
<option value="#beautiful-presentation">
Beautiful Presentation
</option>
</optgroup>
<optgroup label="Convenient and Hassle-Free">
<option value="#fast-order">Fast Order Processing</option>
<option value="#free-delivery">Free Standard Delivery</option>
<option value="#express-shipping">Express Shipping Options</option>
<option value="#easy-order">Easy Online Ordering</option>
<option value="#customer-service">
Exceptional Customer Service
</option>
</optgroup>
<optgroup label="How to Select the Perfect Hamper">
<option value="#know">Know His Preferences</option>
<option value="#consider">
Consider His Hobbies and Interests
</option>
<option value="#look">Look for Quality</option>
<option value="#gift">Personalise the Gift</option>
<option value="#presentation">Think About Presentation</option>
</optgroup>
<optgroup label="Conclusion">
<option value="#diverse">Diverse Range of Options</option>
<option value="#personalised">
Personalised and Convenient Service
</option>
</optgroup>
<optgroup label="About The Hamper Boutique Co">
<option value="#corporate">Corporate Gifting Experts</option>
<option value="#extensive">Extensive Product Range</option>
<option value="#commitment">
Commitment to Quality and Sustainability
</option>
</optgroup>
</select>
</div>
<article>
<section id="banner">
<div class="demo-banner-img">
<h1>
FATHER'S DAY GIFT HAMPERS THAT WILL MAKE DAD FEEL EXTRA SPECIAL
</h1>
</div>
</section>
<section id="fathers-day">
<h1 class="demo-title">
WHEN IS FATHER'S DAY 2024 IN AUSTRALIA?
<span>1 September 2024 (first Sunday of September)</span>
</h1>
<p>
In Australia, Father's Day in 2024 will be celebrated on 1
September, which falls on the first Sunday of September. This
special day is dedicated to honouring fathers and father figures for
their invaluable contributions to their families and society. It is
a time for children and families to express their love,
appreciation, and gratitude for the men who have played a
significant role in their lives.
</p>
<p>
Traditionally, families may celebrate with various activities, such
as giving gifts, organizing family gatherings, or spending quality
time together. The first Sunday of September has been a longstanding
date for Father's Day in Australia, differing from other countries
that celebrate it in June. This unique timing allows Australians to
enjoy the festivities as spring approaches, making it a memorable
and cherished occasion.
</p>
</section>
<section id="introduction" class="parent">
<h1 class="demo-title">INTRODUCTION</h1>
<p>
Father's Day is just around the corner, and finding the perfect gift
for the man who has everything can be a daunting task. But worry
not, because <strong>"The Hamper Boutique Co"</strong> has got you
covered with an array of exquisite Father's Day gift hampers that
are sure to make your dad feel extra special.
<strong
>Our carefully curated hampers, ranging from $59 to luxurious
options up to $499, are designed to cater to every dad's unique
tastes and preferences.</strong
>
</p>
<p>
Imagine the look of delight on your father's face as he unwraps a
beautifully presented hamper, brimming with premium products sourced
exclusively from Australian businesses. Whether your dad is a
whiskey connoisseur, a tea enthusiast, or someone who enjoys a mix
of sweet and savoury treats, our selection has something for
everyone. Each hamper is thoughtfully assembled, ensuring that every
item inside is of the highest quality, making it a gift that speaks
volumes of your love and appreciation.
</p>
<p>
What sets our hampers apart is the level of personalisation we
offer. You can customise your gift to perfectly match your dad's
interests, adding a personal touch that makes the present even more
special. From branded gift boxes to personalised notes, every detail
is designed to create a memorable gifting experience.
</p>
<p>
At <strong>"The Hamper Boutique Co,"</strong> we understand the
importance of convenience. That's why we offer free delivery across
Australia, ensuring your gift arrives on time and in perfect
condition. Our fast order processing and various shipping options
mean you can count on us even for last-minute gifting needs.
</p>
<p>
This Father's Day, skip the usual socks and ties and opt for a gift
that will truly delight your dad. Explore our top 10 Father's Day
gift hampers, each meticulously crafted to celebrate and honour the
special bond between you and your father. Join us in making this
Father's Day unforgettable with a hamper that expresses your
heartfelt appreciation in the most delightful way.
</p>
</section>
<section id="variety" class="parent">
<h1 class="demo-title">
A VARIETY OF CHOICES FOR EVERY DAD: <br />
FROM WHISKEY LOVERS TO TEA ENTHUSIASTS
</h1>
<p>
Finding the perfect Father's Day gift can be challenging, but at
<strong>"The Hamper Boutique Co,"</strong> we make it easy with our
diverse range of hampers tailored to suit every dad's unique tastes
and interests. Whether your father is a whiskey aficionado, a tea
lover, a gourmet snack enthusiast, or someone who enjoys a fine
glass of wine, we have something special just for him. Each hamper
is thoughtfully curated to ensure a memorable and delightful
experience, filled with premium products sourced from the best
Australian businesses. This Father's Day, show your dad how much you
appreciate him with a gift that reflects his passions and brings joy
to his day.
</p>
</section>
<section id="whiskey-connoisseurs">
<h1 class="demo-title-sub">HAMPERS FOR WHISKEY CONNOISSEURS</h1>
<p>
For the dad who appreciates the finer things in life, our whiskey
hampers are a perfect choice. Each hamper includes a premium
selection of Australian whiskies paired with gourmet snacks that
complement the rich flavours. Whether it's a single malt or a
blended whiskey, your dad will enjoy every sip, especially when
accompanied by artisanal nuts, chocolates, and other delectable
treats.
</p>
<a
href="https://www.thehamperboutique.com.au/search?q=HAMPERS+FOR+WHISKEY+CONNOISSEURS&options%5Bprefix%5D=last"
class="cta"
>Shop now</a
>
</section>
<section id="tea-lovers-delight">
<h1 class="demo-title-sub">TEA LOVER'S DELIGHT</h1>
<p>
If your father enjoys a relaxing cup of tea, our tea lover’s hampers
are sure to impress. These hampers feature a variety of high-quality
teas from across Australia, along with beautiful teapots, cups, and
sweet accompaniments like biscuits and honey. Each tea is selected
to provide a soothing and enjoyable experience, perfect for those
peaceful moments of relaxation.
</p>
<a
href="https://www.thehamperboutique.com.au/search?q=TEA+LOVER%27S+DELIGHT&options%5Bprefix%5D=last"
class="cta"
>Shop now</a
>
</section>
<section id="gourmet-snacks">
<h1 class="demo-title-sub">GOURMET SNACK EXTRAVAGANZA</h1>
<p>
For dads who love a mix of flavours, our gourmet snack hampers offer
an exciting variety. These hampers include a delicious assortment of
sweet and savoury treats, from premium chocolates to artisanal
crackers and dips. Each item is carefully chosen to provide a
delightful tasting experience, ensuring there’s something for every
mood and occasion.
</p>
<a
href="https://www.thehamperboutique.com.au/search?q=GOURMET+SNACK+EXTRAVAGANZA&options%5Bprefix%5D=last"
class="cta"
>Shop now</a
>
</section>
<section id="wine-enthusiast">
<h1 class="demo-title-sub">WINE ENTHUSIAST’S PARADISE</h1>
<p>
Our wine hampers are a great choice for dads who enjoy a good glass
of wine. Each hamper includes a selection of fine Australian wines,
from robust reds to crisp whites. Accompanied by gourmet snacks that
pair perfectly with the wines, these hampers offer a sophisticated
and enjoyable gift that any wine enthusiast will appreciate.
</p>
<a
href="https://www.thehamperboutique.com.au/search?q=WINE+ENTHUSIAST%E2%80%99S+PARADISE&options%5Bprefix%5D=last"
class="cta"
>Shop now</a
>
</section>
<section id="beer-lovers">
<h1 class="demo-title-sub">BEER LOVER’S BUNDLE</h1>
<p>
For the dad who loves to unwind with a cold beer, our beer lover’s
hampers are the perfect gift. These hampers feature a selection of
craft beers from some of Australia’s best breweries, along with
savoury snacks that complement the brews. Each beer is chosen for
its unique flavour and quality, making this hamper a refreshing and
enjoyable gift.
</p>
<a
href="https://www.thehamperboutique.com.au/search?q=BEER+LOVER%E2%80%99S+BUNDLE&options%5Bprefix%5D=last"
class="cta"
>Shop now</a
>
</section>
<section id="personalise" class="parent">
<h1 class="demo-title">
PERSONALISE YOUR GIFT: <br />
CUSTOMISABLE HAMPERS TO SHOW YOUR THOUGHTFULNESS
</h1>
<p>
There's something truly special about a personalised gift. It shows
the recipient that you've put thought and effort into selecting
something uniquely suited to their tastes and preferences. At
<strong>"The Hamper Boutique Co,"</strong> we offer a range of
customisable hampers that allow you to tailor your Father's Day gift
to perfectly match your dad's interests. With options to choose the
contents, add personalised messages, and select special packaging,
our customisable hampers ensure that your gift is as unique as your
dad. This Father's Day, go beyond the ordinary and create a
one-of-a-kind hamper that your father will cherish.
</p>
</section>
<section id="custom-contents" class="with-img">
<div class="col-1">
<img
src="https://images.unsplash.com/photo-1514192631-251f5f0b14f2?q=80&w=2560&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" />
</div>
<div class="col-2">
<h1 class="demo-title-sub">CUSTOMISING CONTENTS</h1>
<p>
One of the most exciting aspects of our customisable hampers is
the ability to handpick the items included. Whether your dad loves
gourmet snacks, fine wines, or luxurious self-care products, you
can select each item to create a hamper that perfectly suits his
tastes. This personalised touch ensures that every component of
the gift is something he'll truly enjoy.
</p>
</div>
</section>
<section id="add-personal-messages" class="with-img row-reverse">
<div class="col-1">
<img
src="https://images.unsplash.com/photo-1633613287411-d2cbd1ed2d10?q=80&w=3570&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" />
</div>
<div class="col-2">
<h1 class="demo-title-sub">ADDING PERSONAL MESSAGES</h1>
<p>
A heartfelt message can make a world of difference. Our
customisable hampers include the option to add a personalised
note, allowing you to express your appreciation and love in your
own words. This simple yet meaningful addition transforms your
gift into a memorable keepsake that your dad will treasure.
</p>
</div>
</section>
<section id="special-packaging-option" class="with-img">
<div class="col-1">
<img
src="https://images.unsplash.com/photo-1585221330389-24fb30535ec7?q=80&w=3104&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" />
</div>
<div class="col-2">
<h1 class="demo-title-sub">SPECIAL PACKAGING OPTIONS</h1>
<p>
Presentation matters, and our customisable hampers offer a variety
of packaging options to enhance the gifting experience. Choose
from elegant gift boxes, branded ribbons, and other special
touches that reflect your dad's personality and style. These
details make the unwrapping experience as special as the contents
themselves.
</p>
</div>
</section>
<section id="corporate-custom" class="with-img row-reverse">
<div class="col-1">
<img
src="https://plus.unsplash.com/premium_photo-1683141354926-1646b346d5dd?q=80&w=3580&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" />
</div>
<div class="col-2">
<h1 class="demo-title-sub">CORPORATE CUSTOMISATION</h1>
<p>
For businesses looking to celebrate Father's Day with their
employees or clients, our hampers can be customised with corporate
branding. Incorporate your company logo, colours, and messages to
create a professional and memorable gift that aligns with your
brand identity. This option is perfect for showing appreciation in
a corporate setting.
</p>
</div>
</section>
<section id="easy-customisation-process" class="with-img">
<div class="col-1">
<img
src="https://images.unsplash.com/photo-1561701033-1d1a4231860f?q=80&w=3687&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" />
</div>
<div class="col-2">
<h1 class="demo-title-sub">EASY CUSTOMISATION PROCESS</h1>
<p>
Creating a personalised hamper is simple and enjoyable with our
user-friendly customisation process. Select your items, choose
your packaging, add your personal message, and leave the rest to
us. Our team will carefully assemble the hamper to your
specifications, ensuring that every detail is perfect. This
Father's Day, make your gift truly special with a customisable
hamper from "The Hamper Boutique Co."
</p>
</div>
</section>
<section id="premium-products" class="parent">
<h1 class="demo-title">
PREMIUM PRODUCTS AND LOCAL DELICACIES: <br />
ONLY THE BEST FOR YOUR FATHER
</h1>
<p>
Quality is at the heart of everything we do at
<strong>"The Hamper Boutique Co."</strong> We are committed to
providing only the finest products in our hampers, all sourced from
reputable Australian businesses. This Father's Day, treat your dad
to a selection of premium items and local delicacies that showcase
the best of what Australia has to offer. From gourmet foods to
luxurious self-care products, our hampers are filled with items that
reflect excellence and craftsmanship. Celebrate your dad with a gift
that embodies quality and supports local artisans.
</p>
</section>
<section id="gourment-food-selection">
<h1 class="demo-title-sub">GOURMET FOOD SELECTION</h1>
<p>
Our hampers feature an exquisite selection of gourmet foods,
including artisanal cheeses, gourmet crackers, and premium
chocolates. Each item is carefully chosen for its quality and
flavour, ensuring that your dad enjoys a culinary experience like no
other. These gourmet delights are perfect for indulging in a special
moment or sharing with loved ones.
</p>
<a
href="https://www.thehamperboutique.com.au/search?q=GOURMET+FOOD+SELECTION&options%5Bprefix%5D=last"
class="cta"
>Shop now</a
>
</section>
<section id="fine-beverages">
<h1 class="demo-title-sub">FINE BEVERAGES</h1>
<p>
For the dad who appreciates a good drink, our hampers include a
range of fine beverages. From robust red wines and crisp white wines
to craft beers and premium spirits, each drink is selected for its
exceptional quality. Pair these beverages with gourmet snacks for a
truly sophisticated gift that your father will savour.
</p>
<a
href="https://www.thehamperboutique.com.au/search?q=fine+beverages&options%5Bprefix%5D=last"
class="cta"
>Shop now</a
>
</section>
<section id="luxurious-self-care-products">
<h1 class="demo-title-sub">LUXURIOUS SELF-CARE PRODUCTS</h1>
<p>
Our commitment to quality extends beyond food and drink. Our hampers
also include luxurious self-care products such as high-quality hand
creams, soothing bath salts, and elegant grooming items. These
products provide a touch of luxury and relaxation, allowing your dad
to unwind and pamper himself.
</p>
<a
href="https://www.thehamperboutique.com.au/search?q=LUXURIOUS+SELF-CARE+PRODUCTS&options%5Bprefix%5D=last"
class="cta"
>Shop now</a
>
</section>
<section id="support-local-business">
<h1 class="demo-title-sub">SUPPORTING LOCAL BUSINESSES</h1>
<p>
We take pride in sourcing all our products from local Australian
businesses. By choosing our hampers, you are not only giving a
high-quality gift but also supporting local artisans and
entrepreneurs. This commitment to local sourcing ensures that your
gift is filled with unique, high-quality items that reflect the best
of Australian craftsmanship.
</p>
<a
href="https://www.thehamperboutique.com.au/pages/supporting-local"
class="cta black"
>View More Information</a
>
</section>
<section id="beautiful-presentation">
<h1 class="demo-title-sub">BEAUTIFUL PRESENTATION</h1>
<p>
Every hamper from <strong>"The Hamper Boutique Co."</strong> is
beautifully packaged to enhance the gifting experience. We use
elegant gift boxes, eco-friendly materials, and stylish ribbons to
ensure that your gift looks as good as it tastes. The attention to
detail in our presentation adds an extra layer of thoughtfulness,
making your gift truly special.
</p>
</section>
<section id="convenient" class="parent">
<h1 class="demo-title">
CONVENIENT AND HASSLE-FREE: <br />
FREE DELIVERY ACROSS AUSTRALIA
</h1>
<p>
At <strong>The Hamper Boutique Co,"</strong>" we understand that
convenience is crucial when it comes to gifting. That’s why we offer
free delivery across Australia, ensuring that your Father's Day gift
arrives on time and in perfect condition. Our commitment to
hassle-free service means you can focus on celebrating the special
day without any worries. With fast order processing and a variety of
shipping options, we make it easy to give a thoughtful and timely
gift. Let us handle the logistics while you enjoy the joy of giving.
</p>
</section>
<section id="fast-order">
<h1 class="demo-title-sub">FAST ORDER PROCESSING</h1>
<p>
We know that life can get busy, and sometimes you need a last-minute
gift. Our efficient order processing system ensures that your hamper
is prepared and shipped within 24 hours of placement. This quick
turnaround time means you can count on us, even for those
last-minute gifting needs.
</p>
</section>
<section id="free-delivery">
<h1 class="demo-title-sub">FREE STANDARD DELIVERY</h1>
<p>
Our free standard delivery service covers all of Australia, making
it easy and affordable to send a gift to any location. Whether your
dad lives in a bustling city or a quiet rural area, our reliable
delivery service ensures that his hamper arrives safely and on time.
</p>
</section>
<section id="express-shipping">
<h1 class="demo-title-sub">EXPRESS SHIPPING OPTIONS</h1>
<p>
For those urgent occasions when you need your gift to arrive even
sooner, we offer express shipping options. This service guarantees
faster delivery, perfect for when you’re running short on time or
want to ensure your gift arrives by a specific date. Choose express
shipping for peace of mind and timely arrival.
</p>
</section>
<section id="easy-order">
<h1 class="demo-title-sub">EASY ONLINE ORDERING</h1>
<p>
Our user-friendly website makes it simple to browse our extensive
range of hampers, select your favourite, and place your order.
Detailed product descriptions and high-quality images help you make
an informed choice, ensuring that you pick the perfect hamper for
your dad. The seamless online experience makes gifting effortless.
</p>
</section>
<section id="customer-service">
<h1 class="demo-title-sub">EXCEPTIONAL CUSTOMER SERVICE</h1>
<p>
We pride ourselves on providing exceptional customer service. Our
friendly and knowledgeable team is available via email, phone, or
live chat to assist with any questions or special requests. Whether
you need help selecting a hamper or want to personalise your gift,
we’re here to ensure a seamless and enjoyable experience. This
Father's Day, enjoy the convenience of hassle-free gifting with
<strong>"The Hamper Boutique Co."</strong>
</p>
</section>
<section id="perfect" class="parent">
<h1 class="demo-title">
HOW TO SELECT THE PERFECT HAMPER: <br />
TIPS FOR MATCHING YOUR DAD’S INTERESTS
</h1>
<p>
Selecting the perfect Father's Day gift can be a challenge, but with
a little thought and consideration, you can choose a hamper that
perfectly matches your dad's interests and tastes. At
<strong>"The Hamper Boutique Co,"</strong> we offer a wide range of
hampers designed to cater to various preferences, making it easier
than ever to find the ideal gift. Here are some tips to help you
select the perfect hamper for your father.
</p>
</section>
<section id="know">
<h1 class="demo-title-sub">KNOW HIS PREFERENCES</h1>
<p>
Start by considering your dad's likes and dislikes. Does he enjoy
fine wines, craft beers, or perhaps a good whiskey? Is he a fan of
gourmet snacks, chocolates, or savoury treats? Knowing his
preferences will help you narrow down the options and choose a
hamper filled with items he'll truly appreciate.
</p>
</section>
<section id="consider">
<h1 class="demo-title-sub">CONSIDER HIS HOBBIES AND INTERESTS</h1>
<p>
Think about your dad's hobbies and interests. If he's a tea
enthusiast, a hamper with a selection of premium teas and
accompanying treats would be perfect. For the dad who loves to cook,
consider a hamper with gourmet ingredients, kitchen gadgets, or BBQ
accessories. Tailoring the gift to his interests shows
thoughtfulness and effort.
</p>
</section>
<section id="look">
<h1 class="demo-title-sub">LOOK FOR QUALITY</h1>
<p>
Ensure that the hamper you choose contains high-quality products. At
<strong>"The Hamper Boutique Co,"</strong> we pride ourselves on
sourcing only the finest items from local Australian businesses.
This commitment to quality ensures that your dad receives a gift
that not only looks impressive but also provides a memorable
experience.
</p>
</section>
<section id="gift">
<h1 class="demo-title-sub">PERSONALISE THE GIFT</h1>
<p>
Adding a personal touch can make a big difference. Opt for hampers
that offer customisation options, such as personalised notes,
branded gift boxes, or specific product selections. A personalised
message or a special addition that reflects your dad's personality
will make the gift even more meaningful.
</p>
</section>
<section id="presentation">
<h1 class="demo-title-sub">THINK ABOUT PRESENTATION</h1>
<p>
The presentation of the hamper is just as important as its contents.
Choose a hamper that is beautifully packaged, with elegant gift
boxes and ribbons. A well-presented hamper enhances the unwrapping
experience and makes the gift feel extra special. At
<strong>"The Hamper Boutique Co,"</strong> we ensure that every
hamper is presented beautifully to make a lasting impression.
</p>
</section>
<section id="conclusion" class="parent">
<h1 class="demo-title">CONCLUSION</h1>
<p>
Father's Day is a special occasion to celebrate and honour the man
who has been a guiding force, a source of wisdom, and a steadfast
supporter. At <strong>"The Hamper Boutique Co,"</strong> we
understand the importance of finding the perfect gift to show your
appreciation for all that your dad has done. Our extensive range of
gift hampers offers something for every type of dad, ensuring that
you can find a gift that truly resonates with his unique tastes and
interests.
</p>
</section>
<section id="diverse">
<h1 class="demo-title-sub">DIVERSE RANGE OF OPTIONS</h1>
<p>
From whiskey connoisseurs and tea enthusiasts to gourmet snack
lovers and wine aficionados, our hampers are thoughtfully curated to
provide a memorable and delightful experience. Each hamper is filled
with premium products sourced from top Australian businesses,
reflecting our commitment to quality and local craftsmanship.
Whether you choose a pre-designed hamper or opt to customise your
own, you can be confident that your gift will be received with joy
and appreciation.
</p>
</section>
<section id="personalised">
<h1 class="demo-title-sub">PERSONALISED AND CONVENIENT SERVICE</h1>
<p>
Personalisation is at the heart of what we do. Our customisable
hampers allow you to tailor your gift to perfectly match your dad's
preferences, adding a personal touch that makes it even more
special. The ability to select the contents, add personalised
messages, and choose special packaging options ensures that your
gift is as unique as your dad. Convenience and reliability are also
key aspects of our service. With free delivery across Australia and
fast order processing, you can rest assured that your gift will
arrive on time and in perfect condition. Our user-friendly website
and exceptional customer service make the entire gifting process
seamless and enjoyable, allowing you to focus on celebrating the
special day.
</p>
<p>
As you celebrate Father's Day, let "The Hamper Boutique Co" be your
partner in creating lasting memories. Our gift hampers are designed
to bring joy and happiness, reflecting the love and gratitude you
feel for your dad. With a wide variety of choices, premium quality
products, and the ability to personalise your gift, you can make
this Father's Day truly unforgettable.
</p>
<p>
This year, skip the usual gifts and surprise your dad with a hamper
that shows just how much you care. Explore our top 10 Father's Day
gift hampers, each meticulously crafted to celebrate the special
bond between you and your father. Join us in making this Father's
Day a day to remember with a gift that expresses your heartfelt
appreciation in the most delightful way. Trust "The Hamper Boutique
Co" to deliver a gift that will leave a lasting impression and make
your dad's day extra special.
</p>
</section>
<section id="about" class="parent">
<h1 class="demo-title-sub">ABOUT THE HAMPER BOUTIQUE CO</h1>
<p>
<strong>"The Hamper Boutique Co"</strong> specialises in providing
customisable gift hampers for both corporate events and personal
celebrations. Our diverse range of hampers, priced between $59 and
$499, ensures that there is something for every budget and occasion.
Each hamper is carefully curated with a selection of premium
products, including champagne, white and red wine, whisky, gin, tea,
sweet and savoury items, chocolates, and self-care products.
</p>
</section>
<section id="corporate">
<h1 class="demo-title-sub">CORPORATE GIFTING EXPERTS</h1>
<p>
One of the key highlights of our service is our focus on corporate
clients. We offer tailor-made hampers that can be customised to any
budget, occasion, or recipient, making them perfect for corporate
gatherings, client appreciation, and employee rewards. Our extensive
customisation options, such as branded gift boxes, ribbons, and
personalised notes, ensure that each hamper aligns with corporate
identities, event themes, or personal messages, enhancing recipient
satisfaction and creating a memorable gifting experience.
</p>
</section>
<section id="extensive">
<h1 class="demo-title-sub">EXTENSIVE PRODUCT RANGE</h1>
<p>
Our product range includes an impressive variety of items, from
homeware and gourmet snacks to luxurious self-care products.
However, we do not sell fresh produce like flowers, fruit, or
cheese, ensuring that all our products have a longer shelf life and
are suitable for various gifting occasions. We are committed to
convenience, offering free delivery across Australia, fast order
processing within 24 hours of placement, and various shipping
options to accommodate urgent needs. For businesses in the real
estate and mortgage sectors, our homeware gift hampers are
particularly popular. These hampers include premium products such as
bookends, coffee table books, aluminium water bottles, chopping
boards, cheese boards, cheese knives, salad spoons, steak knives,
coasters, bathrobes, bath slippers, hand wash dispensers, hand cream
pumps, BBQ accessories, tea towels, oven mitts, and salt and pepper
grinders. These items are ideal for real estate agents and mortgage
brokers looking to leave a lasting impression on their clients.
</p>
</section>
<section id="commitment">
<h1 class="demo-title-sub">
COMMITMENT TO QUALITY AND SUSTAINABILITY
</h1>
<p>
Our operations are based in Melbourne, ensuring swift delivery and
reliable service across Australia. As a 100% Australian-owned
company, we are dedicated to supporting local businesses and
communities. We source all our products from Australian businesses,
contributing to the growth and success of our local economy. Our
commitment to quality means we select only the finest products,
ensuring each hamper is filled with premium items. In addition to
providing high-quality gift hampers, we are also committed to
sustainability.
</p>
<p>
Our gift boxes, packaging, and mailing materials are all 100%
recyclable, ensuring we minimise our environmental impact. We have
partnered with various Australian charities to donate a percentage
of our profits, reflecting our commitment to giving back to the
community. Our user-friendly website offers a seamless shopping
experience, with a range of convenient payment methods including
Visa, Mastercard, American Express, PayPal, Google Pay, Apple Pay,
Zip, and Afterpay.
</p>
<p>
Whether you are selecting a gift for a personal celebration or a
corporate event, <strong>"The Hamper Boutique Co"</strong> ensures a
delightful and hassle-free experience from start to finish. With
over 300 items across our range of hampers, you are sure to find the
perfect gift for any occasion. Our numerous 5-star product and
service reviews speak for themselves, showcasing our dedication to
exceptional quality and customer satisfaction.
</p>
<p>
Experience the joy of giving with
<strong>"The Hamper Boutique Co"</strong> and make every occasion a
memorable one.
</p>
<a
href=" https://www.thehamperboutique.com.au/pages/about-us"
class="cta black"
>View More Information</a
>
</section>
</article>
</main>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
const dropdownToggles = document.querySelectorAll('.demo-dropdown-toggle');
const mobileSelect = document.querySelector('.demo-select');
const parentLinks = document.querySelectorAll(
'.demo-dropdown-container > .demo-link'
);
function toggleDropdown(toggle) {
toggle.classList.toggle('demo-active');
const subList = toggle.nextElementSibling;
subList.classList.toggle('demo-active');
}
function scrollToContent(id) {
const element = document.querySelector(id);
if (element) {
element.scrollIntoView({ behavior: 'smooth' });
}
}
dropdownToggles.forEach((toggle) => {
toggle.addEventListener('click', function (e) {
e.preventDefault();
e.stopPropagation();
toggleDropdown(this);
});
});
parentLinks.forEach((link) => {
link.addEventListener('click', function (e) {
e.preventDefault();
const href = this.getAttribute('href');
scrollToContent(href);
const toggle = this.nextElementSibling;
if (toggle && toggle.classList.contains('demo-dropdown-toggle')) {
toggleDropdown(toggle);
}
});
});
if (mobileSelect) {
mobileSelect.addEventListener('change', function () {
const selectedValue = this.value;
if (selectedValue) {
scrollToContent(selectedValue);
}
});
}
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment