forked from brooksbingham/theme-elegance
Compare commits
No commits in common. "27f0ca7fcda944027b5e7af6ee6e228ad55792df" and "d15bdaaa6fc501445de412cbc0360a5428c8f37f" have entirely different histories.
27f0ca7fcd
...
d15bdaaa6f
|
|
@ -803,6 +803,14 @@ select {
|
||||||
bottom: 0px;
|
bottom: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bottom-1 {
|
||||||
|
bottom: 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottom-9 {
|
||||||
|
bottom: 2.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
.bottom-\[50\%\] {
|
.bottom-\[50\%\] {
|
||||||
bottom: 50%;
|
bottom: 50%;
|
||||||
}
|
}
|
||||||
|
|
@ -819,14 +827,14 @@ select {
|
||||||
right: 0px;
|
right: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-1 {
|
|
||||||
right: 0.25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.right-12 {
|
.right-12 {
|
||||||
right: 3rem;
|
right: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.right-2 {
|
||||||
|
right: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.right-4 {
|
.right-4 {
|
||||||
right: 1rem;
|
right: 1rem;
|
||||||
}
|
}
|
||||||
|
|
@ -855,6 +863,38 @@ select {
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.col-span-1 {
|
||||||
|
grid-column: span 1 / span 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.col-start-1 {
|
||||||
|
grid-column-start: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.col-start-2 {
|
||||||
|
grid-column-start: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-span-1 {
|
||||||
|
grid-row: span 1 / span 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-span-2 {
|
||||||
|
grid-row: span 2 / span 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-span-3 {
|
||||||
|
grid-row: span 3 / span 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-start-1 {
|
||||||
|
grid-row-start: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-end-2 {
|
||||||
|
grid-row-end: 2;
|
||||||
|
}
|
||||||
|
|
||||||
.-mx-2 {
|
.-mx-2 {
|
||||||
margin-left: -0.5rem;
|
margin-left: -0.5rem;
|
||||||
margin-right: -0.5rem;
|
margin-right: -0.5rem;
|
||||||
|
|
@ -870,6 +910,11 @@ select {
|
||||||
margin-bottom: -0.75rem;
|
margin-bottom: -0.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mx-3 {
|
||||||
|
margin-left: 0.75rem;
|
||||||
|
margin-right: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
.mx-4 {
|
.mx-4 {
|
||||||
margin-left: 1rem;
|
margin-left: 1rem;
|
||||||
margin-right: 1rem;
|
margin-right: 1rem;
|
||||||
|
|
@ -900,6 +945,11 @@ select {
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.my-32 {
|
||||||
|
margin-top: 8rem;
|
||||||
|
margin-bottom: 8rem;
|
||||||
|
}
|
||||||
|
|
||||||
.mb-1 {
|
.mb-1 {
|
||||||
margin-bottom: 0.25rem;
|
margin-bottom: 0.25rem;
|
||||||
}
|
}
|
||||||
|
|
@ -908,10 +958,18 @@ select {
|
||||||
margin-bottom: 3rem;
|
margin-bottom: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mb-16 {
|
||||||
|
margin-bottom: 4rem;
|
||||||
|
}
|
||||||
|
|
||||||
.mb-2 {
|
.mb-2 {
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mb-20 {
|
||||||
|
margin-bottom: 5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.mb-24 {
|
.mb-24 {
|
||||||
margin-bottom: 6rem;
|
margin-bottom: 6rem;
|
||||||
}
|
}
|
||||||
|
|
@ -964,6 +1022,10 @@ select {
|
||||||
margin-top: 0.5rem;
|
margin-top: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mt-20 {
|
||||||
|
margin-top: 5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.mt-24 {
|
.mt-24 {
|
||||||
margin-top: 6rem;
|
margin-top: 6rem;
|
||||||
}
|
}
|
||||||
|
|
@ -1004,6 +1066,10 @@ select {
|
||||||
display: flow-root;
|
display: flow-root;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.grid {
|
||||||
|
display: grid;
|
||||||
|
}
|
||||||
|
|
||||||
.hidden {
|
.hidden {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
@ -1036,6 +1102,14 @@ select {
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.h-\[350px\] {
|
||||||
|
height: 350px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h-\[380px\] {
|
||||||
|
height: 380px;
|
||||||
|
}
|
||||||
|
|
||||||
.h-auto {
|
.h-auto {
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
@ -1145,6 +1219,10 @@ select {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.max-w-screen-lg {
|
||||||
|
max-width: 1024px;
|
||||||
|
}
|
||||||
|
|
||||||
.flex-1 {
|
.flex-1 {
|
||||||
flex: 1 1 0%;
|
flex: 1 1 0%;
|
||||||
}
|
}
|
||||||
|
|
@ -1180,6 +1258,10 @@ select {
|
||||||
list-style-type: square;
|
list-style-type: square;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.grid-cols-2 {
|
||||||
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
|
}
|
||||||
|
|
||||||
.flex-row {
|
.flex-row {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
@ -1192,6 +1274,10 @@ select {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.flex-col-reverse {
|
||||||
|
flex-direction: column-reverse;
|
||||||
|
}
|
||||||
|
|
||||||
.flex-wrap {
|
.flex-wrap {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
@ -1228,6 +1314,10 @@ select {
|
||||||
gap: 0.25rem;
|
gap: 0.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.gap-12 {
|
||||||
|
gap: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
.gap-16 {
|
.gap-16 {
|
||||||
gap: 4rem;
|
gap: 4rem;
|
||||||
}
|
}
|
||||||
|
|
@ -1252,6 +1342,15 @@ select {
|
||||||
gap: 2rem;
|
gap: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.gap-x-1 {
|
||||||
|
-moz-column-gap: 0.25rem;
|
||||||
|
column-gap: 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gap-y-1 {
|
||||||
|
row-gap: 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
|
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
|
||||||
--tw-space-x-reverse: 0;
|
--tw-space-x-reverse: 0;
|
||||||
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
||||||
|
|
@ -1419,10 +1518,18 @@ select {
|
||||||
padding: 0.625rem;
|
padding: 0.625rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-3 {
|
||||||
|
padding: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-4 {
|
.p-4 {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-5 {
|
||||||
|
padding: 1.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-8 {
|
.p-8 {
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
}
|
}
|
||||||
|
|
@ -1437,11 +1544,6 @@ select {
|
||||||
padding-right: 1rem;
|
padding-right: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.px-5 {
|
|
||||||
padding-left: 1.25rem;
|
|
||||||
padding-right: 1.25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.px-6 {
|
.px-6 {
|
||||||
padding-left: 1.5rem;
|
padding-left: 1.5rem;
|
||||||
padding-right: 1.5rem;
|
padding-right: 1.5rem;
|
||||||
|
|
@ -1477,10 +1579,31 @@ select {
|
||||||
padding-bottom: 2rem;
|
padding-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.px-5 {
|
||||||
|
padding-left: 1.25rem;
|
||||||
|
padding-right: 1.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pb-10 {
|
||||||
|
padding-bottom: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.pb-12 {
|
.pb-12 {
|
||||||
padding-bottom: 3rem;
|
padding-bottom: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.pb-2 {
|
||||||
|
padding-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pb-3 {
|
||||||
|
padding-bottom: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pb-6 {
|
||||||
|
padding-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.pl-12 {
|
.pl-12 {
|
||||||
padding-left: 3rem;
|
padding-left: 3rem;
|
||||||
}
|
}
|
||||||
|
|
@ -1497,6 +1620,14 @@ select {
|
||||||
padding-right: 0px;
|
padding-right: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.pr-1 {
|
||||||
|
padding-right: 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pr-1\.5 {
|
||||||
|
padding-right: 0.375rem;
|
||||||
|
}
|
||||||
|
|
||||||
.pr-2 {
|
.pr-2 {
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
@ -1513,6 +1644,10 @@ select {
|
||||||
padding-right: 2rem;
|
padding-right: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.pt-1 {
|
||||||
|
padding-top: 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
.pt-20 {
|
.pt-20 {
|
||||||
padding-top: 5rem;
|
padding-top: 5rem;
|
||||||
}
|
}
|
||||||
|
|
@ -1521,10 +1656,18 @@ select {
|
||||||
padding-top: 1rem;
|
padding-top: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.pt-5 {
|
||||||
|
padding-top: 1.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
.pt-6 {
|
.pt-6 {
|
||||||
padding-top: 1.5rem;
|
padding-top: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.pt-9 {
|
||||||
|
padding-top: 2.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
.text-left {
|
.text-left {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
@ -1546,6 +1689,11 @@ select {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.text-4xl {
|
||||||
|
font-size: 2.25rem;
|
||||||
|
line-height: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.text-base {
|
.text-base {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
line-height: 1.5rem;
|
line-height: 1.5rem;
|
||||||
|
|
@ -1603,6 +1751,11 @@ select {
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.text-\[\#000E2A\] {
|
||||||
|
--tw-text-opacity: 1;
|
||||||
|
color: rgb(0 14 42 / var(--tw-text-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
.text-blue-900 {
|
.text-blue-900 {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgb(30 58 138 / var(--tw-text-opacity));
|
color: rgb(30 58 138 / var(--tw-text-opacity));
|
||||||
|
|
@ -1623,6 +1776,11 @@ select {
|
||||||
color: rgb(249 250 251 / var(--tw-text-opacity));
|
color: rgb(249 250 251 / var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.text-gray-500 {
|
||||||
|
--tw-text-opacity: 1;
|
||||||
|
color: rgb(107 114 128 / var(--tw-text-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
.text-gray-600 {
|
.text-gray-600 {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgb(75 85 99 / var(--tw-text-opacity));
|
color: rgb(75 85 99 / var(--tw-text-opacity));
|
||||||
|
|
@ -2013,9 +2171,18 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 640px) {
|
@media (min-width: 640px) {
|
||||||
|
.sm\:mb-1 {
|
||||||
|
margin-bottom: 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
.sm\:flex {
|
.sm\:flex {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.sm\:px-6 {
|
||||||
|
padding-left: 1.5rem;
|
||||||
|
padding-right: 1.5rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
|
|
@ -2023,6 +2190,14 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.md\:mt-0 {
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.md\:mt-24 {
|
||||||
|
margin-top: 6rem;
|
||||||
|
}
|
||||||
|
|
||||||
.md\:block {
|
.md\:block {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
@ -2031,6 +2206,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.md\:grid {
|
||||||
|
display: grid;
|
||||||
|
}
|
||||||
|
|
||||||
.md\:hidden {
|
.md\:hidden {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
@ -2059,10 +2238,18 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
width: 6rem;
|
width: 6rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.md\:w-3\/5 {
|
||||||
|
width: 60%;
|
||||||
|
}
|
||||||
|
|
||||||
.md\:w-3\/6 {
|
.md\:w-3\/6 {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.md\:grid-cols-3 {
|
||||||
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||||
|
}
|
||||||
|
|
||||||
.md\:flex-row {
|
.md\:flex-row {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
@ -2079,6 +2266,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
gap: 0px;
|
gap: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.md\:gap-10 {
|
||||||
|
gap: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.md\:gap-4 {
|
.md\:gap-4 {
|
||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
}
|
}
|
||||||
|
|
@ -2107,6 +2298,25 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
padding-right: 12rem;
|
padding-right: 12rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.md\:pt-9 {
|
||||||
|
padding-top: 2.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.md\:text-2xl {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
line-height: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.md\:text-3xl {
|
||||||
|
font-size: 1.875rem;
|
||||||
|
line-height: 2.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.md\:text-4xl {
|
||||||
|
font-size: 2.25rem;
|
||||||
|
line-height: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.md\:text-base {
|
.md\:text-base {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
line-height: 1.5rem;
|
line-height: 1.5rem;
|
||||||
|
|
@ -2132,10 +2342,26 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
position: static;
|
position: static;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.lg\:bottom-3 {
|
||||||
|
bottom: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lg\:bottom-48 {
|
||||||
|
bottom: 12rem;
|
||||||
|
}
|
||||||
|
|
||||||
.lg\:right-0 {
|
.lg\:right-0 {
|
||||||
right: 0px;
|
right: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.lg\:mb-2 {
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lg\:mb-32 {
|
||||||
|
margin-bottom: 8rem;
|
||||||
|
}
|
||||||
|
|
||||||
.lg\:flex {
|
.lg\:flex {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
@ -2144,6 +2370,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.lg\:h-2\/3 {
|
||||||
|
height: 66.666667%;
|
||||||
|
}
|
||||||
|
|
||||||
.lg\:h-\[90vh\] {
|
.lg\:h-\[90vh\] {
|
||||||
height: 90vh;
|
height: 90vh;
|
||||||
}
|
}
|
||||||
|
|
@ -2160,6 +2390,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
width: 20%;
|
width: 20%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.lg\:w-11\/12 {
|
||||||
|
width: 91.666667%;
|
||||||
|
}
|
||||||
|
|
||||||
.lg\:w-2\/5 {
|
.lg\:w-2\/5 {
|
||||||
width: 40%;
|
width: 40%;
|
||||||
}
|
}
|
||||||
|
|
@ -2168,6 +2402,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
width: 60%;
|
width: 60%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.lg\:w-80 {
|
||||||
|
width: 20rem;
|
||||||
|
}
|
||||||
|
|
||||||
.lg\:w-full {
|
.lg\:w-full {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
@ -2200,15 +2438,70 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.lg\:p-4 {
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lg\:px-8 {
|
||||||
|
padding-left: 2rem;
|
||||||
|
padding-right: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
.lg\:py-0 {
|
.lg\:py-0 {
|
||||||
padding-top: 0px;
|
padding-top: 0px;
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.lg\:px-36 {
|
||||||
|
padding-left: 9rem;
|
||||||
|
padding-right: 9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lg\:pt-12 {
|
||||||
|
padding-top: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lg\:pt-14 {
|
||||||
|
padding-top: 3.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.lg\:pt-24 {
|
.lg\:pt-24 {
|
||||||
padding-top: 6rem;
|
padding-top: 6rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.lg\:text-3xl {
|
||||||
|
font-size: 1.875rem;
|
||||||
|
line-height: 2.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lg\:text-5xl {
|
||||||
|
font-size: 3rem;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lg\:text-lg {
|
||||||
|
font-size: 1.125rem;
|
||||||
|
line-height: 1.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lg\:text-xl {
|
||||||
|
font-size: 1.25rem;
|
||||||
|
line-height: 1.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lg\:text-4xl {
|
||||||
|
font-size: 2.25rem;
|
||||||
|
line-height: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lg\:font-bold {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lg\:font-semibold {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
.lg\:shadow-none {
|
.lg\:shadow-none {
|
||||||
--tw-shadow: 0 0 #0000;
|
--tw-shadow: 0 0 #0000;
|
||||||
--tw-shadow-colored: 0 0 #0000;
|
--tw-shadow-colored: 0 0 #0000;
|
||||||
|
|
@ -2217,8 +2510,16 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 1280px) {
|
@media (min-width: 1280px) {
|
||||||
|
.xl\:right-56 {
|
||||||
|
right: 14rem;
|
||||||
|
}
|
||||||
|
|
||||||
.xl\:w-1\/4 {
|
.xl\:w-1\/4 {
|
||||||
width: 25%;
|
width: 25%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.xl\:w-9\/12 {
|
||||||
|
width: 75%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -24,6 +24,27 @@
|
||||||
*}
|
*}
|
||||||
|
|
||||||
|
|
||||||
|
<div class=" mx-auto h-[50vh] flex flex-col justify-center ">
|
||||||
|
<h1 class="lg:font-semibold
|
||||||
|
font-bold
|
||||||
|
lg:text-4xl
|
||||||
|
md:text-2xl
|
||||||
|
text-xl
|
||||||
|
text-center">
|
||||||
|
Curate a Perfect Wardrobe with Our Custom-Made Apparel </h1>
|
||||||
|
<p class="lg:px-36
|
||||||
|
lg:text-xl
|
||||||
|
text-lg
|
||||||
|
font-medium
|
||||||
|
px-5
|
||||||
|
text-center
|
||||||
|
xl:w-9/12
|
||||||
|
mx-auto
|
||||||
|
pt-8">
|
||||||
|
Step into our world of custom-made luxury with Brooks Bingham, offering you Custom Business Shirts,
|
||||||
|
Custom Sport Jackets, Custom Made Tuxedos, and more. </p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="js-product-list" class="flex flex-col">
|
<div id="js-product-list" class="flex flex-col">
|
||||||
<div class="products flex flex-wrap">
|
<div class="products flex flex-wrap">
|
||||||
{foreach from=$listing.products item="product"}
|
{foreach from=$listing.products item="product"}
|
||||||
|
|
@ -45,3 +66,228 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="relative
|
||||||
|
flex
|
||||||
|
mt-16
|
||||||
|
lg:h-2/3
|
||||||
|
mx-auto">
|
||||||
|
<img class="w-full scale-down"
|
||||||
|
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom_page_banner_image.jpeg"
|
||||||
|
alt="Image">
|
||||||
|
<div class="absolute
|
||||||
|
xl:right-56
|
||||||
|
right-4
|
||||||
|
lg:bottom-48
|
||||||
|
bottom-9
|
||||||
|
text-[#000E2A]
|
||||||
|
text-left
|
||||||
|
lg:text-5xl
|
||||||
|
md:text-2xl
|
||||||
|
text-sm
|
||||||
|
lg:font-semibold
|
||||||
|
font-bold">
|
||||||
|
<h1> Because You Are Unique. </h1>
|
||||||
|
<h1> So Is Your Body… </h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex flex-col-reverse md:flex-row items-center md:mt-24 mt-16 mx-auto">
|
||||||
|
<div class="mx-3 w-full md:w-[70%] text-center md:text-left xl:pl-12 lg:pl-2 pl-0">
|
||||||
|
<h1 class="font-bold lg:text-3xl md:text-2xl text-xl">
|
||||||
|
Custom Fit for teyour Comfort
|
||||||
|
</h1>
|
||||||
|
<p class="lg:text-xl font-medium pt-5">
|
||||||
|
Custom-made shirts and tuxedos are tailored just for you, offering a fit like no other.
|
||||||
|
Experience unmatched comfort and style with our tailored suits, celebrating your uniqueness.
|
||||||
|
</p>
|
||||||
|
<a class="all-product-link text-xl font-bold mt-8 flex items-center justify-center md:justify-start"
|
||||||
|
href="https://brooksbingham.com/17-custom-made-clothing">
|
||||||
|
Design Your Suit
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg"
|
||||||
|
class="icon stroke-gray-600 stroke-[3px] icon-tabler icon-tabler-chevron-right"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round">
|
||||||
|
<path stroke="none"
|
||||||
|
d="M0 0h24v24H0z"
|
||||||
|
fill="none"/>
|
||||||
|
<path d="M9 6l6 6l-6 6" />
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="w-full md:w-[30%]">
|
||||||
|
<img class="image p-3 object-scale-down w-full lg:h-[500px] h-full right-0"
|
||||||
|
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/image%201.jpg">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex md:flex-row flex-col items-center mx-auto md:mt-24 mt-16">
|
||||||
|
<div class="w-full md:w-[30%]">
|
||||||
|
<img class="image p-3 object-scale-down lg:h-[500px] h-full w-full"
|
||||||
|
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/image%202.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="mx-3 w-full md:w-[70%] text-center md:text-left lg:pr-10 pr-1">
|
||||||
|
<h1 class="font-bold lg:text-3xl md:text-2xl text-xl">
|
||||||
|
Not Just Made-To-Order
|
||||||
|
</h1>
|
||||||
|
<p class="lg:text-xl font-medium pt-5">
|
||||||
|
Our Custom Designed Suits are made to last. Enjoy a personalized, custom-fit experience that not only sets you apart
|
||||||
|
from ready-to-wear options but is also designed to be durable.
|
||||||
|
</p>
|
||||||
|
<a class="all-product-link text-xl font-bold mt-8 flex items-center justify-center md:justify-start"
|
||||||
|
href="https://brooksbingham.com/17-custom-made-clothing">
|
||||||
|
Design Your Suit
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg"
|
||||||
|
class="icon stroke-gray-600 stroke-[3px] icon-tabler icon-tabler-chevron-right"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round">
|
||||||
|
<path stroke="none"
|
||||||
|
d="M0 0h24v24H0z"
|
||||||
|
fill="none"/>
|
||||||
|
<path d="M9 6l6 6l-6 6" />
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mx-auto">
|
||||||
|
<div class="max-w-screen-lg
|
||||||
|
mx-auto
|
||||||
|
px-4
|
||||||
|
sm:px-6
|
||||||
|
flex
|
||||||
|
flex-col
|
||||||
|
lg:px-8
|
||||||
|
justify-between
|
||||||
|
my-20">
|
||||||
|
<div class="center pb-6">
|
||||||
|
<h2 class="text-4xl
|
||||||
|
font-bold
|
||||||
|
text-center">
|
||||||
|
Customize Your Apparel in 3 Steps: </h2>
|
||||||
|
</div>
|
||||||
|
<div class="mt-19">
|
||||||
|
<ul class="md:grid
|
||||||
|
md:grid-cols-3
|
||||||
|
md:gap-10
|
||||||
|
gap-12">
|
||||||
|
<li class="bg-gray-100
|
||||||
|
p-5
|
||||||
|
pb-10
|
||||||
|
text-center">
|
||||||
|
<div class="flex
|
||||||
|
flex-col
|
||||||
|
items-center">
|
||||||
|
<div>
|
||||||
|
<img class="w-full
|
||||||
|
lg:w-80
|
||||||
|
h-72
|
||||||
|
pt-4
|
||||||
|
pb-3"
|
||||||
|
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/fabric%20image.jpeg" alt="Select the Fabric">
|
||||||
|
</div>
|
||||||
|
<div class="mt-4">
|
||||||
|
<h4 class="text-xl
|
||||||
|
leading-6
|
||||||
|
font-bold
|
||||||
|
text-gray-900
|
||||||
|
pb-2">
|
||||||
|
Select the Fabric </h4>
|
||||||
|
<p class="mt-3
|
||||||
|
font-semibold
|
||||||
|
text-lg
|
||||||
|
leading-6
|
||||||
|
text-gray-500">
|
||||||
|
Choose from a wide range of trendy fabrics updated every seasons </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="bg-gray-100
|
||||||
|
p-5
|
||||||
|
pb-10
|
||||||
|
text-center
|
||||||
|
md:mt-0
|
||||||
|
mt-8">
|
||||||
|
<div class="flex
|
||||||
|
flex-col
|
||||||
|
items-center">
|
||||||
|
<div>
|
||||||
|
<img class="w-full
|
||||||
|
lg:w-80
|
||||||
|
h-72
|
||||||
|
pt-4
|
||||||
|
pb-3
|
||||||
|
object-cover"
|
||||||
|
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/20-06-23%20Brooks%20Bingham%20Summer_479.jpg" alt="Finalize the Design">
|
||||||
|
</div>
|
||||||
|
<div class="mt-4">
|
||||||
|
<h4 class="text-xl
|
||||||
|
leading-6
|
||||||
|
font-bold
|
||||||
|
text-gray-900
|
||||||
|
pb-2">
|
||||||
|
Finalize the Design </h4>
|
||||||
|
<p class="mt-3
|
||||||
|
text-lg
|
||||||
|
font-semibold
|
||||||
|
leading-6
|
||||||
|
text-gray-500">
|
||||||
|
Personalize details like lapels, pockets, and lining through online platform. </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="bg-gray-100
|
||||||
|
p-5 pb-10
|
||||||
|
text-center
|
||||||
|
md:mt-0
|
||||||
|
mt-8">
|
||||||
|
<div class="flex
|
||||||
|
flex-col
|
||||||
|
items-center">
|
||||||
|
<div>
|
||||||
|
<img class="w-full
|
||||||
|
lg:w-80
|
||||||
|
h-72
|
||||||
|
pt-4
|
||||||
|
pb-3
|
||||||
|
object-cover"
|
||||||
|
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/3d%20format%20measure.jpg" alt="Get Measured">
|
||||||
|
</div>
|
||||||
|
<div class="mt-4">
|
||||||
|
<h4 class="text-xl
|
||||||
|
leading-6
|
||||||
|
font-bold
|
||||||
|
text-gray-900
|
||||||
|
pb-2">
|
||||||
|
Get Measured </h4>
|
||||||
|
<p class="mt-3
|
||||||
|
text-lg
|
||||||
|
font-semibold
|
||||||
|
leading-6
|
||||||
|
text-gray-500">
|
||||||
|
Ensure your custom apparel fits you flawlessly by getting measured. </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,15 +1,12 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{**
|
{**
|
||||||
* 2006-2019 PrestaShop and Contributors
|
* 2007-2019 PrestaShop and Contributors
|
||||||
*
|
*
|
||||||
* NOTICE OF LICENSE
|
* NOTICE OF LICENSE
|
||||||
*
|
*
|
||||||
* This source file is subject to the Academic Free License 2.0 (AFL-3.0)
|
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||||
* that is bundled with this package in the file LICENSE.txt.
|
* that is bundled with this package in the file LICENSE.txt.
|
||||||
* It is also available through the world-wide-web at this URL:
|
* It is also available through the world-wide-web at this URL:
|
||||||
* https://opensource.org/licenses/AFL-4.0
|
* https://opensource.org/licenses/AFL-3.0
|
||||||
* If you did not receive a copy of the license and are unable to
|
* If you did not receive a copy of the license and are unable to
|
||||||
* obtain it through the world-wide-web, please send an email
|
* obtain it through the world-wide-web, please send an email
|
||||||
* to license@prestashop.com so we can send you a copy immediately.
|
* to license@prestashop.com so we can send you a copy immediately.
|
||||||
|
|
@ -21,32 +18,31 @@
|
||||||
* needs please refer to https://www.prestashop.com for more information.
|
* needs please refer to https://www.prestashop.com for more information.
|
||||||
*
|
*
|
||||||
* @author PrestaShop SA <contact@prestashop.com>
|
* @author PrestaShop SA <contact@prestashop.com>
|
||||||
* @copyright 2006-2019 PrestaShop SA and Contributors
|
* @copyright 2007-2019 PrestaShop SA and Contributors
|
||||||
* @license https://opensource.org/licenses/AFL-4.0 Academic Free License 3.0 (AFL-3.0)
|
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||||
* International Registered Trademark & Property of PrestaShop SA
|
* International Registered Trademark & Property of PrestaShop SA
|
||||||
*}
|
*}
|
||||||
|
|
||||||
<!--
|
<div class="relative flex-1 w-full max-w-[240px] group">
|
||||||
<div class="relative flex-2 w-full max-w-[240px] group">
|
|
||||||
<button
|
<button
|
||||||
class="dropdown-toggle relative px-5 pr-6 leading-1 w-full text-left"
|
class="dropdown-toggle relative px-4 pr-6 leading-1 w-full text-left"
|
||||||
type="button"
|
type="button"
|
||||||
rel="nofollow"
|
rel="nofollow"
|
||||||
aria-haspopup="true"
|
aria-haspopup="true"
|
||||||
aria-expanded="false">
|
aria-expanded="false">
|
||||||
{if isset($listing.sort_selected)}{$listing.sort_selected}{else}{l s='Select' d='Shop.Theme.Actions'}{/if}
|
{if isset($listing.sort_selected)}{$listing.sort_selected}{else}{l s='Select' d='Shop.Theme.Actions'}{/if}
|
||||||
<svg xmlns="http://www.w2.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-down absolute right-0 top-1" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-down absolute right-0 top-1" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||||
<path stroke="none" d="M-1 0h24v24H0z" fill="none"></path>
|
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||||
<path d="M5 9l6 6l6 -6"></path>
|
<path d="M6 9l6 6l6 -6"></path>
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
<div class="dropdown-menu hidden group-hover:flex absolute top-full right-1 bg-white z-10 shadow-lg">
|
<div class="dropdown-menu hidden group-hover:flex absolute top-full right-0 bg-white z-10 shadow-lg">
|
||||||
<div class="flex flex-col whitespace-nowrap">
|
<div class="flex flex-col whitespace-nowrap">
|
||||||
{foreach from=$listing.sort_orders item=sort_order}
|
{foreach from=$listing.sort_orders item=sort_order}
|
||||||
<a
|
<a
|
||||||
rel="nofollow"
|
rel="nofollow"
|
||||||
href="{$sort_order.url}"
|
href="{$sort_order.url}"
|
||||||
class="px-5 py-1 hover:text-yellow-700 select-list {['current' => $sort_order.current, 'js-search-link' => true]|classnames}"
|
class="px-4 py-1 hover:text-yellow-700 select-list {['current' => $sort_order.current, 'js-search-link' => true]|classnames}"
|
||||||
>
|
>
|
||||||
{$sort_order.label}
|
{$sort_order.label}
|
||||||
</a>
|
</a>
|
||||||
|
|
@ -54,4 +50,3 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
-->
|
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
{*
|
{**
|
||||||
* 2007-2019 PrestaShop and Contributors
|
* 2007-2019 PrestaShop and Contributors
|
||||||
*
|
*
|
||||||
* NOTICE OF LICENSE
|
* NOTICE OF LICENSE
|
||||||
|
|
@ -55,6 +55,15 @@
|
||||||
{hook h='displayBeforeWrapper'}
|
{hook h='displayBeforeWrapper'}
|
||||||
{/block}
|
{/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">
|
<section class="container mx-auto">
|
||||||
{block name='breadcrumb'}
|
{block name='breadcrumb'}
|
||||||
|
|
@ -85,7 +94,107 @@
|
||||||
</div>
|
</div>
|
||||||
{/block}
|
{/block}
|
||||||
|
|
||||||
|
{if $page.page_name == 'index'}
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="products-section-title text-2xl font-bold mb-16 mt-20 text-center"> Custom design by you</h2>
|
||||||
|
<div class=" flex md:flex-row flex-col gap-8 lg:mb-32 mb-20">
|
||||||
|
<div href="https://brooksbingham.com/module/thob/configurator?id_product=74">
|
||||||
|
<a href="https://brooksbingham.com/module/thob/configurator?id_product=74">
|
||||||
|
<img class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" src="https://stage.brooksbingham.com/111-home_default/business-shirt.jpg"/>
|
||||||
|
<h3 class="text-center text-lg pt-4 font-semibold"> Shirts</h3>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<a href="https://brooksbingham.com/module/thob/configurator?id_product=75">
|
||||||
|
<img class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" src="https://stage.brooksbingham.com/107-home_default/business-suit.jpg"/>
|
||||||
|
<h3 class="text-center text-lg pt-4 font-semibold"> Suits</h3>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<a href="https://brooksbingham.com/module/thob/configurator?id_product=76">
|
||||||
|
<img class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" src="https://stage.brooksbingham.com/108-home_default/sports-jacket.jpg"/>
|
||||||
|
<h3 class="text-center text-lg pt-4 font-semibold">Sport Jackets</h3>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<a href="https://brooksbingham.com/module/thob/configurator?id_product=77">
|
||||||
|
<img class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" src="https://stage.brooksbingham.com/112-home_default/tuxedo.jpg"/>
|
||||||
|
<h3 class="text-center text-lg pt-4 font-semibold"> Tuxedos</h3>
|
||||||
|
</a>
|
||||||
|
</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>
|
||||||
|
<img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/widget-screenshot.png"/>
|
||||||
|
</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" />
|
||||||
|
</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">Get inspired with our curated outfit ideas</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 and discover your perfect fit in minutes" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class=" text-white grid grid-cols-2 grid-rows-* gap-y-1 gap-x-1">
|
||||||
|
<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" />
|
||||||
|
</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" /> </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<a class="all-product-link text-2xl font-bold w-full flex items-center justify-end mt-8 mb-8" href="https://brooksbingham.com/content/9-gallery">
|
||||||
|
{l s='View More' d='Shop.Theme.Catalog'}
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon stroke-gray-600 stroke-[3px] icon-tabler icon-tabler-chevron-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 6l6 6l-6 6" /></svg>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="flex h-[50vh] items-center">
|
||||||
|
<div class="flex justify-center p-4">
|
||||||
|
<div class="md:w-3/5 relative text-center">
|
||||||
|
<p class="md:text-3xl text-xl p-4 font-medium"><b class="md:text-4xl text-xl ">“</b>
|
||||||
|
<b>BrooksBingham</b> is your destination for custom-tailored menswear, where authenticity is woven into every stitch.<b class="md:text-4xl text-xl">”</b></p>
|
||||||
|
|
||||||
|
<p class="text-sm"> Our perfect fit guarantee ensures that every piece you order is tailored to your exact specifications, delivering a perfect fit every time.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/if}
|
||||||
|
|
||||||
{block name="right_column"}
|
{block name="right_column"}
|
||||||
<div id="right-column" class="col-xs-12 col-sm-4 col-md-3">
|
<div id="right-column" class="col-xs-12 col-sm-4 col-md-3">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue