forked from brooksbingham/theme-elegance
Compare commits
No commits in common. "d20f1f437abd0b694c4053c3aa51b348e9d028ea" and "f9bdf417051efa7648e0fa967c7f5d2c15006ace" have entirely different histories.
d20f1f437a
...
f9bdf41705
|
|
@ -787,6 +787,10 @@ select {
|
|||
bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.bottom-9 {
|
||||
bottom: 2.25rem;
|
||||
}
|
||||
|
||||
.bottom-\[50\%\] {
|
||||
bottom: 50%;
|
||||
}
|
||||
|
|
@ -843,6 +847,18 @@ select {
|
|||
z-index: 10;
|
||||
}
|
||||
|
||||
.z-0 {
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.z-auto {
|
||||
z-index: auto;
|
||||
}
|
||||
|
||||
.z-50 {
|
||||
z-index: 50;
|
||||
}
|
||||
|
||||
.col-span-1 {
|
||||
grid-column: span 1 / span 1;
|
||||
}
|
||||
|
|
@ -920,6 +936,11 @@ select {
|
|||
margin-bottom: 0.125rem;
|
||||
}
|
||||
|
||||
.my-12 {
|
||||
margin-top: 3rem;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
.my-2 {
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
|
|
@ -1044,6 +1065,10 @@ select {
|
|||
margin-top: 2.25rem;
|
||||
}
|
||||
|
||||
.box-border {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.block {
|
||||
display: block;
|
||||
}
|
||||
|
|
@ -1076,6 +1101,10 @@ select {
|
|||
aspect-ratio: 342/513;
|
||||
}
|
||||
|
||||
.h-1\/2 {
|
||||
height: 50%;
|
||||
}
|
||||
|
||||
.h-12 {
|
||||
height: 3rem;
|
||||
}
|
||||
|
|
@ -1108,14 +1137,6 @@ select {
|
|||
height: 20px;
|
||||
}
|
||||
|
||||
.h-\[30vh\] {
|
||||
height: 30vh;
|
||||
}
|
||||
|
||||
.h-\[40vh\] {
|
||||
height: 40vh;
|
||||
}
|
||||
|
||||
.h-\[50px\] {
|
||||
height: 50px;
|
||||
}
|
||||
|
|
@ -1132,6 +1153,50 @@ select {
|
|||
height: 100%;
|
||||
}
|
||||
|
||||
.h-\[700px\] {
|
||||
height: 700px;
|
||||
}
|
||||
|
||||
.h-\[400px\] {
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.h-\[500px\] {
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.h-\[180px\] {
|
||||
height: 180px;
|
||||
}
|
||||
|
||||
.h-\[100px\] {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.h-\[70px\] {
|
||||
height: 70px;
|
||||
}
|
||||
|
||||
.h-\[30px\] {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.h-32 {
|
||||
height: 8rem;
|
||||
}
|
||||
|
||||
.h-96 {
|
||||
height: 24rem;
|
||||
}
|
||||
|
||||
.h-\[300px\] {
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.h-\[600px\] {
|
||||
height: 600px;
|
||||
}
|
||||
|
||||
.max-h-\[40px\] {
|
||||
max-height: 40px;
|
||||
}
|
||||
|
|
@ -1372,20 +1437,24 @@ select {
|
|||
gap: 2rem;
|
||||
}
|
||||
|
||||
.gap-20 {
|
||||
gap: 5rem;
|
||||
}
|
||||
|
||||
.gap-x-1 {
|
||||
-moz-column-gap: 0.25rem;
|
||||
column-gap: 0.25rem;
|
||||
}
|
||||
|
||||
.gap-y-1 {
|
||||
row-gap: 0.25rem;
|
||||
}
|
||||
|
||||
.gap-x-20 {
|
||||
-moz-column-gap: 5rem;
|
||||
column-gap: 5rem;
|
||||
}
|
||||
|
||||
.gap-y-1 {
|
||||
row-gap: 0.25rem;
|
||||
}
|
||||
|
||||
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
|
||||
--tw-space-x-reverse: 0;
|
||||
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
||||
|
|
@ -1424,6 +1493,10 @@ select {
|
|||
border-width: 2px;
|
||||
}
|
||||
|
||||
.border-4 {
|
||||
border-width: 4px;
|
||||
}
|
||||
|
||||
.border-t {
|
||||
border-top-width: 1px;
|
||||
}
|
||||
|
|
@ -1497,11 +1570,6 @@ select {
|
|||
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.bg-\[\#E6DFD4\] {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(230 223 212 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.bg-black\/70 {
|
||||
background-color: rgb(0 0 0 / 0.7);
|
||||
}
|
||||
|
|
@ -1541,6 +1609,15 @@ select {
|
|||
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.bg-red-700 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(185 28 28 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.bg-cover {
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.stroke-black {
|
||||
stroke: #000;
|
||||
}
|
||||
|
|
@ -1603,11 +1680,6 @@ select {
|
|||
padding: 2rem;
|
||||
}
|
||||
|
||||
.px-0 {
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.px-2 {
|
||||
padding-left: 0.5rem;
|
||||
padding-right: 0.5rem;
|
||||
|
|
@ -1658,6 +1730,16 @@ select {
|
|||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
.px-20 {
|
||||
padding-left: 5rem;
|
||||
padding-right: 5rem;
|
||||
}
|
||||
|
||||
.px-0 {
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.pb-10 {
|
||||
padding-bottom: 2.5rem;
|
||||
}
|
||||
|
|
@ -1774,6 +1856,18 @@ select {
|
|||
padding-top: 2.25rem;
|
||||
}
|
||||
|
||||
.pt-12 {
|
||||
padding-top: 3rem;
|
||||
}
|
||||
|
||||
.pt-11 {
|
||||
padding-top: 2.75rem;
|
||||
}
|
||||
|
||||
.pb-20 {
|
||||
padding-bottom: 5rem;
|
||||
}
|
||||
|
||||
.text-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
|
@ -1795,6 +1889,11 @@ select {
|
|||
line-height: 2rem;
|
||||
}
|
||||
|
||||
.text-4xl {
|
||||
font-size: 2.25rem;
|
||||
line-height: 2.5rem;
|
||||
}
|
||||
|
||||
.text-5xl {
|
||||
font-size: 3rem;
|
||||
line-height: 1;
|
||||
|
|
@ -1857,6 +1956,11 @@ select {
|
|||
line-height: 1;
|
||||
}
|
||||
|
||||
.text-\[\#000E2A\] {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(0 14 42 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.text-blue-900 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(30 58 138 / var(--tw-text-opacity));
|
||||
|
|
@ -2292,6 +2396,14 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
position: absolute;
|
||||
}
|
||||
|
||||
.md\:bottom-28 {
|
||||
bottom: 7rem;
|
||||
}
|
||||
|
||||
.md\:right-12 {
|
||||
right: 3rem;
|
||||
}
|
||||
|
||||
.md\:my-24 {
|
||||
margin-top: 6rem;
|
||||
margin-bottom: 6rem;
|
||||
|
|
@ -2341,16 +2453,16 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
height: 40px;
|
||||
}
|
||||
|
||||
.md\:h-\[70vh\] {
|
||||
height: 70vh;
|
||||
.md\:h-\[100px\] {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.md\:h-\[80vh\] {
|
||||
height: 80vh;
|
||||
.md\:h-\[180px\] {
|
||||
height: 180px;
|
||||
}
|
||||
|
||||
.md\:h-full {
|
||||
height: 100%;
|
||||
.md\:h-\[200px\] {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.md\:w-1\/2 {
|
||||
|
|
@ -2409,14 +2521,14 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
width: 70%;
|
||||
}
|
||||
|
||||
.md\:grid-cols-2 {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.md\:grid-cols-3 {
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.md\:grid-cols-2 {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.md\:flex-row {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
|
@ -2445,13 +2557,8 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
gap: 1rem;
|
||||
}
|
||||
|
||||
.md\:bg-transparent {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.md\:object-cover {
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
.md\:gap-20 {
|
||||
gap: 5rem;
|
||||
}
|
||||
|
||||
.md\:p-2 {
|
||||
|
|
@ -2462,9 +2569,9 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
padding: 2rem;
|
||||
}
|
||||
|
||||
.md\:px-12 {
|
||||
padding-left: 3rem;
|
||||
padding-right: 3rem;
|
||||
.md\:px-10 {
|
||||
padding-left: 2.5rem;
|
||||
padding-right: 2.5rem;
|
||||
}
|
||||
|
||||
.md\:px-4 {
|
||||
|
|
@ -2472,6 +2579,11 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.md\:px-12 {
|
||||
padding-left: 3rem;
|
||||
padding-right: 3rem;
|
||||
}
|
||||
|
||||
.md\:pl-10 {
|
||||
padding-left: 2.5rem;
|
||||
}
|
||||
|
|
@ -2508,10 +2620,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
padding-top: 0px;
|
||||
}
|
||||
|
||||
.md\:pt-11 {
|
||||
padding-top: 2.75rem;
|
||||
}
|
||||
|
||||
.md\:pt-12 {
|
||||
padding-top: 3rem;
|
||||
}
|
||||
|
|
@ -2520,10 +2628,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
padding-top: 0.75rem;
|
||||
}
|
||||
|
||||
.md\:pt-5 {
|
||||
padding-top: 1.25rem;
|
||||
}
|
||||
|
||||
.md\:pt-6 {
|
||||
padding-top: 1.5rem;
|
||||
}
|
||||
|
|
@ -2532,6 +2636,18 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
padding-top: 1.75rem;
|
||||
}
|
||||
|
||||
.md\:pt-8 {
|
||||
padding-top: 2rem;
|
||||
}
|
||||
|
||||
.md\:pt-5 {
|
||||
padding-top: 1.25rem;
|
||||
}
|
||||
|
||||
.md\:pt-11 {
|
||||
padding-top: 2.75rem;
|
||||
}
|
||||
|
||||
.md\:text-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
|
@ -2598,10 +2714,23 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.lg\:bottom-48 {
|
||||
bottom: 12rem;
|
||||
}
|
||||
|
||||
.lg\:right-0 {
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
.lg\:right-20 {
|
||||
right: 5rem;
|
||||
}
|
||||
|
||||
.lg\:my-20 {
|
||||
margin-top: 5rem;
|
||||
margin-bottom: 5rem;
|
||||
}
|
||||
|
||||
.lg\:my-32 {
|
||||
margin-top: 8rem;
|
||||
margin-bottom: 8rem;
|
||||
|
|
@ -2647,6 +2776,14 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
height: 90vh;
|
||||
}
|
||||
|
||||
.lg\:h-\[460px\] {
|
||||
height: 460px;
|
||||
}
|
||||
|
||||
.lg\:h-\[300px\] {
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.lg\:w-1\/3 {
|
||||
width: 33.333333%;
|
||||
}
|
||||
|
|
@ -2739,6 +2876,11 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
.lg\:py-8 {
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
.lg\:pb-6 {
|
||||
padding-bottom: 1.5rem;
|
||||
}
|
||||
|
|
@ -2767,6 +2909,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
padding-top: 3rem;
|
||||
}
|
||||
|
||||
.lg\:pt-16 {
|
||||
padding-top: 4rem;
|
||||
}
|
||||
|
||||
.lg\:pt-24 {
|
||||
padding-top: 6rem;
|
||||
}
|
||||
|
|
@ -2828,6 +2974,18 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
}
|
||||
|
||||
@media (min-width: 1280px) {
|
||||
.xl\:right-56 {
|
||||
right: 14rem;
|
||||
}
|
||||
|
||||
.xl\:h-\[500px\] {
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.xl\:h-\[460px\] {
|
||||
height: 460px;
|
||||
}
|
||||
|
||||
.xl\:w-1\/4 {
|
||||
width: 25%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -23,6 +23,7 @@
|
|||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*}
|
||||
|
||||
<!--
|
||||
<section class="featured-products flex flex-col gap-8">
|
||||
<h2 class="products-section-title text-2xl font-bold">
|
||||
{l s='Popular Products' d='Shop.Theme.Catalog'}
|
||||
|
|
@ -38,3 +39,7 @@
|
|||
</a>
|
||||
</section>
|
||||
|
||||
-->
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -51,19 +51,20 @@
|
|||
{/block}
|
||||
</header>
|
||||
|
||||
{if $page.page_name == 'index'}
|
||||
<div class="w-full h-[40vh] md:h-[80vh] absolute top-0 left-0 bg-[#E6DFD4] md:bg-transparent flex items-center">
|
||||
<img class="w-full md:h-full md:object-cover"
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/homepage/banner.png" />
|
||||
</div>
|
||||
<div class="w-full h-[30vh] md:h-[70vh]">
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
{block name='displayBeforeWrapper'}
|
||||
{hook h='displayBeforeWrapper'}
|
||||
{/block}
|
||||
|
||||
<!-- {if $page.page_name == 'index'}
|
||||
<a href="https://brooksbingham.com/17-custom-made" id="slider">
|
||||
<div class="mb-12 w-full lg:h-[90vh]" style="clip-path: inset(4px)" id="slider">
|
||||
<video autoplay muted loop class="w-full h-full object-cover" style="background-color: rgba(0, 0, 0, 0)">
|
||||
<source src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/slider.mp4" type="video/mp4" >
|
||||
</video>
|
||||
</div>
|
||||
</a>
|
||||
{/if} -->
|
||||
|
||||
<section class="container mx-auto">
|
||||
{block name='breadcrumb'}
|
||||
{include file='_partials/breadcrumb.tpl'}
|
||||
|
|
@ -96,12 +97,19 @@
|
|||
{if $page.page_name == 'index'}
|
||||
|
||||
|
||||
<div>
|
||||
|
||||
<img class="absolute left-0 top-0 right-0 w-full"
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/homepage/banner.png"
|
||||
</div>
|
||||
|
||||
<div class="xl:h-[460px] lg:h-[300px] md:h-[200px] h-[30px]" >
|
||||
</div>
|
||||
|
||||
<div class="lg:my-32 my-20" >
|
||||
<h1 class="lg:text-2xl md:text-xl text-lg font-bold text-center">Design and Visualize what you need</h1>
|
||||
<h3 class="lg:text-lg md:text-md text-sm font-semibold text-center mb-12">Choose what looks good on you </h3>
|
||||
<a href="https://brooksbingham.com/module/thob/configurator?id_product=77">
|
||||
<img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/widget-screenshot.png"/>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
|
|
@ -118,7 +126,7 @@
|
|||
</p>
|
||||
<div class="xl:w-52 lg:w-42 md:w-42 w-38 flex md:justify-start justify-center">
|
||||
<a class="all-product-link xl:text-xl lg:text-lg md:text-md text-sm font-bold mt-9 flex border border-2 border-black p-2 px-4"
|
||||
href="https://brooksbingham.com/module/thob/configurator?id_product=75">
|
||||
href="https://brooksbingham.com/17-custom-made-clothing">
|
||||
Start Customization
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -147,8 +155,8 @@
|
|||
</p>
|
||||
<div class="lg:w-52 md:w-42 w-38 flex md:justify-start justify-center">
|
||||
<a class="all-product-link xl:text-xl lg:text-lg md:text-sm text-sm font-bold mt-9 md:mt-4 lg:mt-9 flex border border-2 border-black p-2 px-4"
|
||||
href="https://stage.brooksbingham.com/content/10-how-to-measure">
|
||||
How to measure
|
||||
href="https://brooksbingham.com/17-custom-made-clothing">
|
||||
Start Customization
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -300,7 +308,7 @@
|
|||
</p>
|
||||
<div class="lg:w-52 md:w-42 w-38 flex justify-start pt-4">
|
||||
<a class="all-product-link lg:text-xl md:text-md text-xs md:font-semibold font-base
|
||||
flex border border-2 border-white md:p-2 p-1 md:px-4 px-2 hover:text-white"
|
||||
flex border border-2 border-white md:p-2 p-1 md:px-4 px-2"
|
||||
href="https://brooksbingham.com/17-custom-made-clothing">
|
||||
Start Customization
|
||||
</a>
|
||||
|
|
@ -426,6 +434,7 @@
|
|||
{hook h='displayBeforeBodyClosingTag'}
|
||||
{/block}
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in New Issue