forked from brooksbingham/theme-elegance
Merge remote-tracking branch 'origin/main' into feat/promo-code-loader
commit
69af27c306
|
|
@ -82,3 +82,18 @@ input[type="radio"],input[type="checkbox"] {
|
|||
z-index: 10 !important;
|
||||
}
|
||||
|
||||
#shirtImage:hover {
|
||||
content: url('https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/homepage/shirt_hover_img.png');
|
||||
}
|
||||
|
||||
#suitImage:hover{
|
||||
content: url('https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/homepage/suit_hover_img.png');
|
||||
}
|
||||
|
||||
#sportsjacketImage:hover{
|
||||
content:url('https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/homepage/sports_jacket_hover_img.png');
|
||||
}
|
||||
|
||||
#tuxImage:hover{
|
||||
content:url('https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/homepage/tux_hover_img.png')
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -51,53 +51,176 @@
|
|||
{/block}
|
||||
</header>
|
||||
|
||||
|
||||
{block name='displayBeforeWrapper'}
|
||||
{hook h='displayBeforeWrapper'}
|
||||
{/block}
|
||||
|
||||
<section class="container mx-auto">
|
||||
{block name='breadcrumb'}
|
||||
{include file='_partials/breadcrumb.tpl'}
|
||||
{/block}
|
||||
{block name='breadcrumb'}
|
||||
{include file='_partials/breadcrumb.tpl'}
|
||||
{/block}
|
||||
|
||||
{block name='wrapperTop'}
|
||||
{hook h="displayWrapperTop"}
|
||||
{/block}
|
||||
{block name='wrapperTop'}
|
||||
{hook h="displayWrapperTop"}
|
||||
{/block}
|
||||
|
||||
|
||||
{block name="left_column"}
|
||||
<div id="left-column" class="col-xs-12 col-sm-4 col-md-3">
|
||||
{if $page.page_name == 'product'}
|
||||
{hook h='displayLeftColumnProduct'}
|
||||
{else}
|
||||
{hook h="displayLeftColumn"}
|
||||
{/if}
|
||||
{if $page.page_name == 'index'}
|
||||
|
||||
<div class="relative flex items-center"><img
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/homepage/banner.png"
|
||||
alt="banner.png" />
|
||||
<h3 class="lg:text-5xl md:text-3xl text-lg absolute lg:font-bold font-semibold right-8 w-[40%]">Elevate your
|
||||
style with BrooksBingham!</h3>
|
||||
</div>
|
||||
<div class="container">
|
||||
<h2 class="products-section-title text-2xl font-bold mt-20 text-center">Design in 3D - Choose a product to
|
||||
Start Customization</h2>
|
||||
<h3 class="text-lg font-semibold text-center mb-12">Tailored to you, at no extra cost.</h3>
|
||||
<div class="flex md:flex-row flex-col gap-8 lg:mb-32 mb-20">
|
||||
<div><a href="https://brooksbingham.com/module/thob/configurator?id_product=74"> <img id=shirtImage
|
||||
class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100"
|
||||
src="https://brooksbingham.com/111-home_default/business-shirt.jpg" alt="business-shirt.jpg" /></a>
|
||||
<div class="flex flex-col pt-4 items-start">
|
||||
<h3 class="text-center text-lg font-bold">$99.00</h3>
|
||||
<h3 class="text-center text-lg font-semibold">Shirts</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div><a href="https://brooksbingham.com/module/thob/configurator?id_product=75"> <img id=suitImage
|
||||
class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100"
|
||||
src="https://brooksbingham.com/107-home_default/business-suit.jpg" alt="business-suit.jpg" /></a>
|
||||
<div class="flex flex-col pt-4 items-start">
|
||||
<h3 class="text-center text-lg font-bold">$795.00</h3>
|
||||
<h3 class="text-center text-lg font-semibold">Suits</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div><a href="https://brooksbingham.com/module/thob/configurator?id_product=76"> <img id=sportsjacketImage
|
||||
class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100"
|
||||
src="https://brooksbingham.com/108-home_default/sports-jacket.jpg" alt="sports-jacket.jpg" /></a>
|
||||
<div class="flex flex-col pt-4 items-start">
|
||||
<h3 class="text-center text-lg font-bold">$495.00</h3>
|
||||
<h3 class="text-center text-lg font-semibold">Sports Jackets</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div><a href="https://brooksbingham.com/module/thob/configurator?id_product=77"> <img id=tuxImage
|
||||
class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100"
|
||||
src="https://brooksbingham.com/112-home_default/tuxedo.jpg" alt="tuxedo.jpg" /></a>
|
||||
<div class="flex flex-col pt-4 items-start">
|
||||
<h3 class="text-center text-lg font-bold">$995.00</h3>
|
||||
<h3 class="text-center text-lg font-semibold">Tuxedos</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lg:mb-32 mb-20">
|
||||
<h1 class="text-2xl font-bold text-center">Design and Visualize what you need</h1>
|
||||
<h3 class="text-lg font-semibold text-center mb-12">Choose what looks good on you</h3>
|
||||
<a href="https://brooksbingham.com/module/thob/configurator?id_product=75"> <img
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/widget-screenshot.png"
|
||||
alt="widget-screenshot.png" /> </a>
|
||||
</div>
|
||||
<div class="text-white grid grid-cols-2 grid-rows-* gap-y-1 gap-x-1 mb-1">
|
||||
<div class="row-span-3 col-start-1 row-end-2 relative">
|
||||
<h3
|
||||
class="absolute lg:bottom-3 bottom-1 right-0 lg:font-bold font-medium lg:text-xl lg:mb-2 pr-1.5 xxs lg:p-4">
|
||||
Business Suits for Men</h3>
|
||||
<h3 class="absolute bottom-0 right-0 text-white text-lg hide-on-small p-4">Make a powerful impression and
|
||||
radiate confidence</h3>
|
||||
<img class="object-cover"
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-big%20img.jpg"
|
||||
alt="Tailored business Suits designed for you to make a powerful impression and radiate confidence." />
|
||||
</div>
|
||||
<div class="col-span-1 col-start-2 row-span-2 flex relative">
|
||||
<h3
|
||||
class="absolute lg:bottom-3 bottom-1 lg:right-0 right-2 lg:font-bold font-medium lg:text-xl lg:mb-2 xxs lg:p-4">
|
||||
Browse through our design</h3>
|
||||
<h3 class="absolute bottom-0 right-0 text-lg hide-on-small p-4">Get inspired with our curated outfit ideas
|
||||
</h3>
|
||||
<img class="object-cover"
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Right-small-img1.png"
|
||||
alt="Right-small-img1.png" />
|
||||
</div>
|
||||
<div class="row-start-1 col-start-2 col-span-1 row-span-1 relative">
|
||||
<h3
|
||||
class="absolute lg:bottom-3 bottom-1 lg:right-0 right-2 lg:font-bold font-medium lg:text-xl lg:mb-2 xxs lg:p-4">
|
||||
Get the perfect fit</h3>
|
||||
<h3 class="absolute bottom-0 right-0 text-lg p-4 hide-on-small">Discover your perfect fit in minutes</h3>
|
||||
<img class="object-cover h-full"
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Right-small-img2.jpg"
|
||||
alt="The future of fashion with our innovative designs. Customization options tailored to your measurements." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-white grid grid-cols-2 grid-rows-* gap-y-1 gap-x-1 mb-12">
|
||||
<div class="row-span-3 col-start-2 row-end-2 relative">
|
||||
<h3
|
||||
class="absolute lg:bottom-3 bottom-1 right-0 lg:font-bold font-medium pr-1.5 lg:text-xl lg:mb-2 xxs lg:p-4">
|
||||
Wear Your Identity</h3>
|
||||
<h3 class="absolute bottom-0 right-0 text-white text-lg hide-on-small p-4">Fashion that speaks volumes</h3>
|
||||
<img class="object-cover"
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Right-big%20img.jpg"
|
||||
alt="Right-big%20img.jpg" />
|
||||
</div>
|
||||
<div class="col-span-1 col-start-1 row-span-2 flex relative">
|
||||
<h3
|
||||
class="absolute lg:bottom-3 bottom-1 lg:right-0 right-2 lg:font-bold font-medium lg:text-xl lg:mb-2 xxs lg:p-4">
|
||||
Timeless Quality</h3>
|
||||
<h3 class="absolute bottom-0 right-0 text-lg hide-on-small p-4">Fashion that stands the test of time</h3>
|
||||
<img class="object-cover"
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg"
|
||||
alt="Invest in enduring fashion with our commitment to quality and durability.From custom-made tuxedos to business suits, each piece stands the test of time." />
|
||||
</div>
|
||||
<div class="row-start-1 col-start-1 col-span-1 row-span-1 relative">
|
||||
<h3
|
||||
class="absolute lg:bottom-3 bottom-1 lg:right-0 right-2 lg:font-bold font-medium lg:text-xl lg:mb-2 xxs lg:p-4">
|
||||
Tailored to your specifications</h3>
|
||||
<h3 class="absolute bottom-0 right-0 hide-on-small text-lg p-4">Tailor every detail to match your preferences
|
||||
</h3>
|
||||
<img class="object-cover h-full"
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img2.png"
|
||||
alt="Left-small-img2.png" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{/if}
|
||||
|
||||
|
||||
{block name="left_column"}
|
||||
<div id="left-column" class="col-xs-12 col-sm-4 col-md-3">
|
||||
{if $page.page_name == 'product'}
|
||||
{hook h='displayLeftColumnProduct'}
|
||||
{else}
|
||||
{hook h="displayLeftColumn"}
|
||||
{/if}
|
||||
</div>
|
||||
{/block}
|
||||
|
||||
{block name="content_wrapper"}
|
||||
<div id="content-wrapper" class="flex w-full">
|
||||
{hook h="displayContentWrapperTop"}
|
||||
{block name="content"}
|
||||
<p>Hello world! This is HTML5 Boilerplate.</p>
|
||||
{/block}
|
||||
{hook h="displayContentWrapperBottom"}
|
||||
{hook h="displayContentWrapperTop"}
|
||||
{block name="content"}
|
||||
<p>Hello world! This is HTML5 Boilerplate.</p>
|
||||
{/block}
|
||||
{hook h="displayContentWrapperBottom"}
|
||||
</div>
|
||||
{/block}
|
||||
|
||||
{block name="right_column"}
|
||||
<div id="right-column" class="col-xs-12 col-sm-4 col-md-3">
|
||||
{if $page.page_name == 'product'}
|
||||
{hook h='displayRightColumnProduct'}
|
||||
{if $page.page_name == 'product'}
|
||||
{hook h='displayRightColumnProduct'}
|
||||
{else}
|
||||
{hook h="displayRightColumn"}
|
||||
{/if}
|
||||
</div>
|
||||
{/block}
|
||||
</div>
|
||||
{/block}
|
||||
|
||||
{block name='wrapperBottom'}
|
||||
{hook h="displayWrapperBottom"}
|
||||
{/block}
|
||||
|
||||
|
||||
{block name='wrapperBottom'}
|
||||
{hook h="displayWrapperBottom"}
|
||||
{/block}
|
||||
</section>
|
||||
|
||||
{block name='displayAfterWrapper'}
|
||||
|
|
|
|||
Loading…
Reference in New Issue