forked from brooksbingham/theme-elegance
Merge pull request 'refactor:update home page' (#35) from sayalip/theme-elegance:home-custom into staging
Reviewed-on: brooksbingham/theme-elegance#35staging
commit
4b3576d707
Binary file not shown.
|
After Width: | Height: | Size: 395 KiB |
|
|
@ -0,0 +1,4 @@
|
|||
[ZoneTransfer]
|
||||
ZoneId=3
|
||||
ReferrerUrl=https://cloudconvert.com/
|
||||
HostUrl=https://eu-central.storage.cloudconvert.com/tasks/a9c1da54-96b0-42df-8032-d7da7a2befb2/img.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=cloudconvert-production%2F20240701%2Ffra%2Fs3%2Faws4_request&X-Amz-Date=20240701T092216Z&X-Amz-Expires=86400&X-Amz-Signature=cdd1416afc7c6edd51b661f4e6d3122b209abe84d95e25a1cfdd3b97fab9bcaf&X-Amz-SignedHeaders=host&response-content-disposition=attachment%3B%20filename%3D%22img.png%22&response-content-type=image%2Fpng&x-id=GetObject
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
|
|
@ -0,0 +1,4 @@
|
|||
[ZoneTransfer]
|
||||
ZoneId=3
|
||||
ReferrerUrl=https://cloudconvert.com/
|
||||
HostUrl=https://eu-central.storage.cloudconvert.com/tasks/2f5dc42e-9422-4dd8-a13b-a6faba837883/img1.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=cloudconvert-production%2F20240701%2Ffra%2Fs3%2Faws4_request&X-Amz-Date=20240701T092700Z&X-Amz-Expires=86400&X-Amz-Signature=4c818d126f7eb7e109508d6578d002f7a6e943695439de98b6eb3e4c4844b214&X-Amz-SignedHeaders=host&response-content-disposition=attachment%3B%20filename%3D%22img1.png%22&response-content-type=image%2Fpng&x-id=GetObject
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1001 KiB |
|
|
@ -0,0 +1,4 @@
|
|||
[ZoneTransfer]
|
||||
ZoneId=3
|
||||
ReferrerUrl=https://cloudconvert.com/
|
||||
HostUrl=https://eu-central.storage.cloudconvert.com/tasks/8d9bb03f-7763-48c2-b77f-1f4aa944de73/img2.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=cloudconvert-production%2F20240701%2Ffra%2Fs3%2Faws4_request&X-Amz-Date=20240701T092659Z&X-Amz-Expires=86400&X-Amz-Signature=7679a3c98ff7507881d2a24311c8b2a594efcaf8f3bcb05378c790066bac786e&X-Amz-SignedHeaders=host&response-content-disposition=attachment%3B%20filename%3D%22img2.png%22&response-content-type=image%2Fpng&x-id=GetObject
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.3 MiB |
|
|
@ -0,0 +1,4 @@
|
|||
[ZoneTransfer]
|
||||
ZoneId=3
|
||||
ReferrerUrl=https://cloudconvert.com/
|
||||
HostUrl=https://eu-central.storage.cloudconvert.com/tasks/808a3359-b331-4fe9-b4cc-5a5179f79b1d/img3.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=cloudconvert-production%2F20240701%2Ffra%2Fs3%2Faws4_request&X-Amz-Date=20240701T092703Z&X-Amz-Expires=86400&X-Amz-Signature=276bb53da9ec8e87cacc5c4e62bd77e0b09f5742f7c9d18540e7af88958b48a7&X-Amz-SignedHeaders=host&response-content-disposition=attachment%3B%20filename%3D%22img3.png%22&response-content-type=image%2Fpng&x-id=GetObject
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.8 MiB |
|
|
@ -0,0 +1,4 @@
|
|||
[ZoneTransfer]
|
||||
ZoneId=3
|
||||
ReferrerUrl=https://cloudconvert.com/
|
||||
HostUrl=https://eu-central.storage.cloudconvert.com/tasks/5da1cace-d221-4cbd-8c1d-147eb38dfd74/img4.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=cloudconvert-production%2F20240701%2Ffra%2Fs3%2Faws4_request&X-Amz-Date=20240701T092703Z&X-Amz-Expires=86400&X-Amz-Signature=02ea775be5ae62cdac14a08944f6b0fd4af43f55613ff4c0c64e187224ff351d&X-Amz-SignedHeaders=host&response-content-disposition=attachment%3B%20filename%3D%22img4.png%22&response-content-type=image%2Fpng&x-id=GetObject
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.4 MiB |
|
|
@ -0,0 +1,4 @@
|
|||
[ZoneTransfer]
|
||||
ZoneId=3
|
||||
ReferrerUrl=https://cloudconvert.com/
|
||||
HostUrl=https://eu-central.storage.cloudconvert.com/tasks/776ded00-b645-4fe5-b870-945714ef76af/img5.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=cloudconvert-production%2F20240701%2Ffra%2Fs3%2Faws4_request&X-Amz-Date=20240701T092701Z&X-Amz-Expires=86400&X-Amz-Signature=373b7cc96859319d733e7247a6bf0d508b18ced37a1e7ec37ae4bfc7f6b35fbc&X-Amz-SignedHeaders=host&response-content-disposition=attachment%3B%20filename%3D%22img5.png%22&response-content-type=image%2Fpng&x-id=GetObject
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 656 KiB |
|
|
@ -807,6 +807,10 @@ select {
|
|||
right: 0px;
|
||||
}
|
||||
|
||||
.right-1 {
|
||||
right: 0.25rem;
|
||||
}
|
||||
|
||||
.right-12 {
|
||||
right: 3rem;
|
||||
}
|
||||
|
|
@ -839,20 +843,24 @@ select {
|
|||
top: 100%;
|
||||
}
|
||||
|
||||
.right-1 {
|
||||
right: 0.25rem;
|
||||
}
|
||||
|
||||
.z-10 {
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.col-span-1 {
|
||||
grid-column: span 1 / span 1;
|
||||
.z-0 {
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.col-span-3 {
|
||||
grid-column: span 3 / span 3;
|
||||
.z-auto {
|
||||
z-index: auto;
|
||||
}
|
||||
|
||||
.z-50 {
|
||||
z-index: 50;
|
||||
}
|
||||
|
||||
.col-span-1 {
|
||||
grid-column: span 1 / span 1;
|
||||
}
|
||||
|
||||
.col-start-1 {
|
||||
|
|
@ -879,18 +887,10 @@ select {
|
|||
grid-row-start: 1;
|
||||
}
|
||||
|
||||
.row-start-2 {
|
||||
grid-row-start: 2;
|
||||
}
|
||||
|
||||
.row-end-2 {
|
||||
grid-row-end: 2;
|
||||
}
|
||||
|
||||
.row-end-3 {
|
||||
grid-row-end: 3;
|
||||
}
|
||||
|
||||
.-mx-2 {
|
||||
margin-left: -0.5rem;
|
||||
margin-right: -0.5rem;
|
||||
|
|
@ -906,6 +906,11 @@ select {
|
|||
margin-bottom: -0.75rem;
|
||||
}
|
||||
|
||||
.mx-1 {
|
||||
margin-left: 0.25rem;
|
||||
margin-right: 0.25rem;
|
||||
}
|
||||
|
||||
.mx-3 {
|
||||
margin-left: 0.75rem;
|
||||
margin-right: 0.75rem;
|
||||
|
|
@ -931,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;
|
||||
|
|
@ -941,21 +951,16 @@ select {
|
|||
margin-bottom: 5rem;
|
||||
}
|
||||
|
||||
.my-32 {
|
||||
margin-top: 8rem;
|
||||
margin-bottom: 8rem;
|
||||
}
|
||||
|
||||
.my-8 {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.mx-1 {
|
||||
margin-left: 0.25rem;
|
||||
margin-right: 0.25rem;
|
||||
}
|
||||
|
||||
.my-12 {
|
||||
margin-top: 3rem;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
.mb-1 {
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
|
@ -964,10 +969,6 @@ select {
|
|||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
.mb-16 {
|
||||
margin-bottom: 4rem;
|
||||
}
|
||||
|
||||
.mb-2 {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
|
@ -1040,10 +1041,18 @@ select {
|
|||
margin-top: 0.75rem;
|
||||
}
|
||||
|
||||
.mt-32 {
|
||||
margin-top: 8rem;
|
||||
}
|
||||
|
||||
.mt-4 {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.mt-48 {
|
||||
margin-top: 12rem;
|
||||
}
|
||||
|
||||
.mt-6 {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
|
@ -1052,18 +1061,14 @@ select {
|
|||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.mt-32 {
|
||||
margin-top: 8rem;
|
||||
}
|
||||
|
||||
.mt-48 {
|
||||
margin-top: 12rem;
|
||||
}
|
||||
|
||||
.mt-9 {
|
||||
margin-top: 2.25rem;
|
||||
}
|
||||
|
||||
.box-border {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.block {
|
||||
display: block;
|
||||
}
|
||||
|
|
@ -1096,6 +1101,10 @@ select {
|
|||
aspect-ratio: 342/513;
|
||||
}
|
||||
|
||||
.h-1\/2 {
|
||||
height: 50%;
|
||||
}
|
||||
|
||||
.h-12 {
|
||||
height: 3rem;
|
||||
}
|
||||
|
|
@ -1124,6 +1133,14 @@ select {
|
|||
height: 2rem;
|
||||
}
|
||||
|
||||
.h-\[20px\] {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.h-\[50px\] {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.h-\[50vh\] {
|
||||
height: 50vh;
|
||||
}
|
||||
|
|
@ -1136,20 +1153,48 @@ select {
|
|||
height: 100%;
|
||||
}
|
||||
|
||||
.h-1\/2 {
|
||||
height: 50%;
|
||||
.h-\[700px\] {
|
||||
height: 700px;
|
||||
}
|
||||
|
||||
.h-\[400px\] {
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.h-\[500px\] {
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.h-\[180px\] {
|
||||
height: 180px;
|
||||
}
|
||||
|
||||
.h-\[100px\] {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.h-\[20px\] {
|
||||
height: 20px;
|
||||
.h-\[70px\] {
|
||||
height: 70px;
|
||||
}
|
||||
|
||||
.h-\[50px\] {
|
||||
height: 50px;
|
||||
.h-\[30px\] {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.h-32 {
|
||||
height: 8rem;
|
||||
}
|
||||
|
||||
.h-96 {
|
||||
height: 24rem;
|
||||
}
|
||||
|
||||
.h-\[300px\] {
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.h-\[600px\] {
|
||||
height: 600px;
|
||||
}
|
||||
|
||||
.max-h-\[40px\] {
|
||||
|
|
@ -1216,6 +1261,14 @@ select {
|
|||
width: 160px;
|
||||
}
|
||||
|
||||
.w-\[20px\] {
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.w-\[50px\] {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.w-full {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
@ -1225,14 +1278,6 @@ select {
|
|||
width: max-content;
|
||||
}
|
||||
|
||||
.w-\[20px\] {
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.w-\[50px\] {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.max-w-6xl {
|
||||
max-width: 72rem;
|
||||
}
|
||||
|
|
@ -1300,22 +1345,10 @@ select {
|
|||
list-style-type: square;
|
||||
}
|
||||
|
||||
.grid-flow-col {
|
||||
grid-auto-flow: column;
|
||||
}
|
||||
|
||||
.grid-cols-2 {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.grid-cols-3 {
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.grid-rows-3 {
|
||||
grid-template-rows: repeat(3, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.flex-row {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
|
@ -1409,15 +1442,6 @@ select {
|
|||
row-gap: 0.25rem;
|
||||
}
|
||||
|
||||
.gap-x-2 {
|
||||
-moz-column-gap: 0.5rem;
|
||||
column-gap: 0.5rem;
|
||||
}
|
||||
|
||||
.gap-y-2 {
|
||||
row-gap: 0.5rem;
|
||||
}
|
||||
|
||||
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
|
||||
--tw-space-x-reverse: 0;
|
||||
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
||||
|
|
@ -1456,6 +1480,10 @@ select {
|
|||
border-width: 2px;
|
||||
}
|
||||
|
||||
.border-4 {
|
||||
border-width: 4px;
|
||||
}
|
||||
|
||||
.border-t {
|
||||
border-top-width: 1px;
|
||||
}
|
||||
|
|
@ -1464,6 +1492,11 @@ select {
|
|||
border-style: none;
|
||||
}
|
||||
|
||||
.border-black {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(0 0 0 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.border-blue-300 {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(147 197 253 / var(--tw-border-opacity));
|
||||
|
|
@ -1519,11 +1552,6 @@ select {
|
|||
border-color: rgb(252 165 165 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.border-black {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(0 0 0 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.border-white {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
||||
|
|
@ -1568,6 +1596,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;
|
||||
}
|
||||
|
|
@ -1602,6 +1639,10 @@ select {
|
|||
object-fit: scale-down;
|
||||
}
|
||||
|
||||
.p-1 {
|
||||
padding: 0.25rem;
|
||||
}
|
||||
|
||||
.p-2 {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
|
@ -1626,10 +1667,6 @@ select {
|
|||
padding: 2rem;
|
||||
}
|
||||
|
||||
.p-1 {
|
||||
padding: 0.25rem;
|
||||
}
|
||||
|
||||
.px-2 {
|
||||
padding-left: 0.5rem;
|
||||
padding-right: 0.5rem;
|
||||
|
|
@ -1696,6 +1733,10 @@ select {
|
|||
padding-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.pb-4 {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.pb-6 {
|
||||
padding-bottom: 1.5rem;
|
||||
}
|
||||
|
|
@ -1712,6 +1753,10 @@ select {
|
|||
padding-left: 0.5rem;
|
||||
}
|
||||
|
||||
.pl-4 {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
.pl-6 {
|
||||
padding-left: 1.5rem;
|
||||
}
|
||||
|
|
@ -1744,10 +1789,26 @@ select {
|
|||
padding-right: 2rem;
|
||||
}
|
||||
|
||||
.pt-0 {
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
.pt-1 {
|
||||
padding-top: 0.25rem;
|
||||
}
|
||||
|
||||
.pt-2 {
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
|
||||
.pt-20 {
|
||||
padding-top: 5rem;
|
||||
}
|
||||
|
||||
.pt-3 {
|
||||
padding-top: 0.75rem;
|
||||
}
|
||||
|
||||
.pt-4 {
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
|
@ -1760,38 +1821,14 @@ select {
|
|||
padding-top: 1.5rem;
|
||||
}
|
||||
|
||||
.pt-8 {
|
||||
padding-top: 2rem;
|
||||
}
|
||||
|
||||
.pb-4 {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.pl-4 {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
.pt-0 {
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
.pt-1 {
|
||||
padding-top: 0.25rem;
|
||||
}
|
||||
|
||||
.pt-2 {
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
|
||||
.pt-3 {
|
||||
padding-top: 0.75rem;
|
||||
}
|
||||
|
||||
.pt-7 {
|
||||
padding-top: 1.75rem;
|
||||
}
|
||||
|
||||
.pt-8 {
|
||||
padding-top: 2rem;
|
||||
}
|
||||
|
||||
.pt-9 {
|
||||
padding-top: 2.25rem;
|
||||
}
|
||||
|
|
@ -1822,6 +1859,11 @@ select {
|
|||
line-height: 2.5rem;
|
||||
}
|
||||
|
||||
.text-5xl {
|
||||
font-size: 3rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.text-base {
|
||||
font-size: 1rem;
|
||||
line-height: 1.5rem;
|
||||
|
|
@ -1847,11 +1889,6 @@ select {
|
|||
line-height: 1rem;
|
||||
}
|
||||
|
||||
.text-5xl {
|
||||
font-size: 3rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.font-bold {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
|
@ -1899,6 +1936,11 @@ select {
|
|||
color: rgb(23 37 84 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.text-gray-300 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(209 213 219 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.text-gray-400 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(156 163 175 / var(--tw-text-opacity));
|
||||
|
|
@ -1954,11 +1996,6 @@ select {
|
|||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.text-gray-300 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(209 213 219 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.underline {
|
||||
text-decoration-line: underline;
|
||||
}
|
||||
|
|
@ -2349,6 +2386,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
margin-top: 8rem;
|
||||
}
|
||||
|
||||
.md\:mt-4 {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.md\:block {
|
||||
display: block;
|
||||
}
|
||||
|
|
@ -2365,28 +2406,28 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
display: none;
|
||||
}
|
||||
|
||||
.md\:h-\[3rem\] {
|
||||
height: 3rem;
|
||||
}
|
||||
|
||||
.md\:h-\[200px\] {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.md\:h-\[300px\] {
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.md\:h-\[400px\] {
|
||||
height: 400px;
|
||||
.md\:h-\[3rem\] {
|
||||
height: 3rem;
|
||||
}
|
||||
|
||||
.md\:h-\[40px\] {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.md\:h-\[410px\] {
|
||||
height: 410px;
|
||||
.md\:h-\[100px\] {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.md\:h-\[180px\] {
|
||||
height: 180px;
|
||||
}
|
||||
|
||||
.md\:h-\[200px\] {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.md\:w-1\/2 {
|
||||
|
|
@ -2417,18 +2458,14 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
width: 50%;
|
||||
}
|
||||
|
||||
.md\:w-\[30\%\] {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.md\:w-\[70\%\] {
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.md\:w-8\/12 {
|
||||
width: 66.666667%;
|
||||
}
|
||||
|
||||
.md\:w-\[30\%\] {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.md\:w-\[40\%\] {
|
||||
width: 40%;
|
||||
}
|
||||
|
|
@ -2445,6 +2482,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
width: 60%;
|
||||
}
|
||||
|
||||
.md\:w-\[70\%\] {
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.md\:grid-cols-3 {
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
}
|
||||
|
|
@ -2495,10 +2536,22 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.md\:pl-10 {
|
||||
padding-left: 2.5rem;
|
||||
}
|
||||
|
||||
.md\:pl-12 {
|
||||
padding-left: 3rem;
|
||||
}
|
||||
|
||||
.md\:pl-4 {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
.md\:pl-5 {
|
||||
padding-left: 1.25rem;
|
||||
}
|
||||
|
||||
.md\:pr-12 {
|
||||
padding-right: 3rem;
|
||||
}
|
||||
|
|
@ -2511,22 +2564,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
padding-right: 12rem;
|
||||
}
|
||||
|
||||
.md\:pl-10 {
|
||||
padding-left: 2.5rem;
|
||||
}
|
||||
|
||||
.md\:pl-12 {
|
||||
padding-left: 3rem;
|
||||
}
|
||||
|
||||
.md\:pl-3 {
|
||||
padding-left: 0.75rem;
|
||||
}
|
||||
|
||||
.md\:pl-5 {
|
||||
padding-left: 1.25rem;
|
||||
}
|
||||
|
||||
.md\:pr-5 {
|
||||
padding-right: 1.25rem;
|
||||
}
|
||||
|
|
@ -2535,24 +2572,24 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
padding-top: 0px;
|
||||
}
|
||||
|
||||
.md\:pt-10 {
|
||||
padding-top: 2.5rem;
|
||||
}
|
||||
|
||||
.md\:pt-12 {
|
||||
padding-top: 3rem;
|
||||
}
|
||||
|
||||
.md\:pt-3 {
|
||||
padding-top: 0.75rem;
|
||||
}
|
||||
|
||||
.md\:pt-6 {
|
||||
padding-top: 1.5rem;
|
||||
}
|
||||
|
||||
.md\:pt-8 {
|
||||
padding-top: 2rem;
|
||||
.md\:pt-7 {
|
||||
padding-top: 1.75rem;
|
||||
}
|
||||
|
||||
.md\:pt-9 {
|
||||
padding-top: 2.25rem;
|
||||
.md\:pt-8 {
|
||||
padding-top: 2rem;
|
||||
}
|
||||
|
||||
.md\:text-left {
|
||||
|
|
@ -2655,6 +2692,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
margin-top: 8rem;
|
||||
}
|
||||
|
||||
.lg\:mt-9 {
|
||||
margin-top: 2.25rem;
|
||||
}
|
||||
|
||||
.lg\:flex {
|
||||
display: flex;
|
||||
}
|
||||
|
|
@ -2663,28 +2704,28 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
display: none;
|
||||
}
|
||||
|
||||
.lg\:h-2\/3 {
|
||||
height: 66.666667%;
|
||||
.lg\:h-\[400px\] {
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.lg\:h-\[500px\] {
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.lg\:h-\[60px\] {
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.lg\:h-\[90vh\] {
|
||||
height: 90vh;
|
||||
}
|
||||
|
||||
.lg\:h-\[200px\] {
|
||||
height: 200px;
|
||||
.lg\:h-\[460px\] {
|
||||
height: 460px;
|
||||
}
|
||||
|
||||
.lg\:h-\[400px\] {
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.lg\:h-\[60px\] {
|
||||
height: 60px;
|
||||
.lg\:h-\[300px\] {
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.lg\:w-1\/3 {
|
||||
|
|
@ -2699,6 +2740,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
width: 20%;
|
||||
}
|
||||
|
||||
.lg\:w-11\/12 {
|
||||
width: 91.666667%;
|
||||
}
|
||||
|
||||
.lg\:w-2\/5 {
|
||||
width: 40%;
|
||||
}
|
||||
|
|
@ -2707,22 +2752,22 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
width: 60%;
|
||||
}
|
||||
|
||||
.lg\:w-80 {
|
||||
width: 20rem;
|
||||
}
|
||||
|
||||
.lg\:w-full {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.lg\:w-52 {
|
||||
width: 13rem;
|
||||
}
|
||||
|
||||
.lg\:w-80 {
|
||||
width: 20rem;
|
||||
}
|
||||
|
||||
.lg\:w-\[60px\] {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.lg\:w-full {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.lg\:max-w-full {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
|
@ -2755,6 +2800,11 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
padding: 1rem;
|
||||
}
|
||||
|
||||
.lg\:px-20 {
|
||||
padding-left: 5rem;
|
||||
padding-right: 5rem;
|
||||
}
|
||||
|
||||
.lg\:px-36 {
|
||||
padding-left: 9rem;
|
||||
padding-right: 9rem;
|
||||
|
|
@ -2770,38 +2820,25 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
.lg\:px-20 {
|
||||
padding-left: 5rem;
|
||||
padding-right: 5rem;
|
||||
}
|
||||
|
||||
.lg\:py-8 {
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
.lg\:pl-2 {
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
|
||||
.lg\:pr-10 {
|
||||
padding-right: 2.5rem;
|
||||
}
|
||||
|
||||
.lg\:pt-24 {
|
||||
padding-top: 6rem;
|
||||
}
|
||||
|
||||
.lg\:pb-6 {
|
||||
padding-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.lg\:pl-2 {
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
|
||||
.lg\:pl-24 {
|
||||
padding-left: 6rem;
|
||||
}
|
||||
|
||||
.lg\:pl-5 {
|
||||
padding-left: 1.25rem;
|
||||
.lg\:pr-10 {
|
||||
padding-right: 2.5rem;
|
||||
}
|
||||
|
||||
.lg\:pr-6 {
|
||||
|
|
@ -2812,12 +2849,24 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
padding-top: 2.5rem;
|
||||
}
|
||||
|
||||
.lg\:pt-12 {
|
||||
padding-top: 3rem;
|
||||
}
|
||||
|
||||
.lg\:pt-16 {
|
||||
padding-top: 4rem;
|
||||
}
|
||||
|
||||
.lg\:pt-20 {
|
||||
padding-top: 5rem;
|
||||
.lg\:pt-24 {
|
||||
padding-top: 6rem;
|
||||
}
|
||||
|
||||
.lg\:pt-5 {
|
||||
padding-top: 1.25rem;
|
||||
}
|
||||
|
||||
.lg\:pt-6 {
|
||||
padding-top: 1.5rem;
|
||||
}
|
||||
|
||||
.lg\:pt-8 {
|
||||
|
|
@ -2828,6 +2877,11 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
padding-top: 2.25rem;
|
||||
}
|
||||
|
||||
.lg\:text-2xl {
|
||||
font-size: 1.5rem;
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
.lg\:text-3xl {
|
||||
font-size: 1.875rem;
|
||||
line-height: 2.25rem;
|
||||
|
|
@ -2838,9 +2892,9 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
line-height: 2.5rem;
|
||||
}
|
||||
|
||||
.lg\:text-5xl {
|
||||
font-size: 3rem;
|
||||
line-height: 1;
|
||||
.lg\:text-lg {
|
||||
font-size: 1.125rem;
|
||||
line-height: 1.75rem;
|
||||
}
|
||||
|
||||
.lg\:text-xl {
|
||||
|
|
@ -2848,16 +2902,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
line-height: 1.75rem;
|
||||
}
|
||||
|
||||
.lg\:text-2xl {
|
||||
font-size: 1.5rem;
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
.lg\:text-lg {
|
||||
font-size: 1.125rem;
|
||||
line-height: 1.75rem;
|
||||
}
|
||||
|
||||
.lg\:font-bold {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
|
@ -2878,10 +2922,22 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
right: 14rem;
|
||||
}
|
||||
|
||||
.xl\:h-\[500px\] {
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.xl\:h-\[460px\] {
|
||||
height: 460px;
|
||||
}
|
||||
|
||||
.xl\:w-1\/4 {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.xl\:w-52 {
|
||||
width: 13rem;
|
||||
}
|
||||
|
||||
.xl\:w-9\/12 {
|
||||
width: 75%;
|
||||
}
|
||||
|
|
@ -2894,6 +2950,18 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
|||
padding-right: 3rem;
|
||||
}
|
||||
|
||||
.xl\:pt-10 {
|
||||
padding-top: 2.5rem;
|
||||
}
|
||||
|
||||
.xl\:pt-16 {
|
||||
padding-top: 4rem;
|
||||
}
|
||||
|
||||
.xl\:pt-20 {
|
||||
padding-top: 5rem;
|
||||
}
|
||||
|
||||
.xl\:text-5xl {
|
||||
font-size: 3rem;
|
||||
line-height: 1;
|
||||
|
|
|
|||
|
|
@ -22,6 +22,8 @@
|
|||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* 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'}
|
||||
|
|
@ -37,7 +39,7 @@
|
|||
</a>
|
||||
</section>
|
||||
|
||||
|
||||
-->
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@
|
|||
*}
|
||||
|
||||
{block name='header_top'}
|
||||
<div class="container mx-auto">
|
||||
<div class="container mx-auto z-10">
|
||||
<div class="relative -mx-4 flex items-center justify-between h-24">
|
||||
<div class="w-40 max-md:pl-4 max-w-full ">
|
||||
<a class="block w-full " href="{$urls.base_url}">
|
||||
|
|
|
|||
|
|
@ -124,14 +124,14 @@
|
|||
</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-1.jpg">
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/tux-img">
|
||||
</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-2.jpg">
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/suit-img">
|
||||
</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">
|
||||
|
|
@ -197,7 +197,8 @@
|
|||
h-72
|
||||
pt-4
|
||||
pb-3"
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/fabric-image.jpeg" alt="Select the Fabric">
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/fabric.jpg"
|
||||
alt="Select the Fabric">
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<h4 class="text-xl
|
||||
|
|
@ -232,7 +233,8 @@
|
|||
pt-4
|
||||
pb-3
|
||||
object-cover"
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/sleeve-img" alt="Finalize the Design">
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/design.jpg"
|
||||
alt="Finalize the Design">
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<h4 class="text-xl
|
||||
|
|
@ -266,7 +268,8 @@
|
|||
pt-4
|
||||
pb-3
|
||||
object-cover"
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/3d-format-measure.jpg" alt="Get Measured">
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/3d-format-measure.jpg"
|
||||
alt="Get Measured">
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<h4 class="text-xl
|
||||
|
|
|
|||
|
|
@ -55,7 +55,7 @@
|
|||
{hook h='displayBeforeWrapper'}
|
||||
{/block}
|
||||
|
||||
{if $page.page_name == 'index'}
|
||||
<!-- {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)">
|
||||
|
|
@ -63,7 +63,7 @@
|
|||
</video>
|
||||
</div>
|
||||
</a>
|
||||
{/if}
|
||||
{/if} -->
|
||||
|
||||
<section class="container mx-auto">
|
||||
{block name='breadcrumb'}
|
||||
|
|
@ -95,16 +95,20 @@
|
|||
{/block}
|
||||
|
||||
{if $page.page_name == 'index'}
|
||||
|
||||
|
||||
|
||||
<div>
|
||||
<img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom_page_banner_image.jpeg"
|
||||
|
||||
<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="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>
|
||||
<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>
|
||||
<img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/widget-screenshot.png"/>
|
||||
</div>
|
||||
|
||||
|
|
@ -112,67 +116,47 @@
|
|||
<div class="flex flex-col-reverse md:flex-row items-center md:mt-24 mt-20 mx-4">
|
||||
<div class="mx-3 w-full md:w-[50%] text-center md:text-left md:pt-0 pt-2">
|
||||
<h1 class="font-bold lg:text-3xl md:text-xl text-lg">
|
||||
The Art of Custom Clothing
|
||||
The Art of Custom Clothing
|
||||
</h1>
|
||||
<p class="lg:text-xl md:text-md text-sm font-medium pt-5">
|
||||
<p class="xl:text-xl lg:text-lg md:text-md text-sm font-medium pt-5 lg:w-11/12 w-full">
|
||||
Personalize your handcrafted look with our exclusive collection of Made-to-Measure men's clothing.
|
||||
</p>
|
||||
<p class="lg:text-xl md:text-md text-sm font-medium pt-1">
|
||||
<p class="xl:text-xl lg:text-lg md:text-md text-sm font-medium pt-1 lg:w-11/12 w-full">
|
||||
Take control and feel confident with our Perfect Fit Guarantee
|
||||
</p>
|
||||
<div class="lg:w-52 md:w-42 w-38 flex md:justify-start justify-center">
|
||||
<a class="all-product-link lg:text-xl md:text-md text-sm font-bold mt-9 flex border border-2 border-black p-2 px-4"
|
||||
href="https://brooksbingham.com/16-custom-made-clothing">
|
||||
Start Customization
|
||||
<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/17-custom-made-clothing">
|
||||
Start Customization
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-full md:w-[50%] grid grid-flow-col grid-rows-3 gap-x-2 lg:pl-5 md:pl-3 pl-0">
|
||||
<div class="row-end-3 row-span-2">
|
||||
<img class="object-cover md:h-[200px] h-full w-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||
</div>
|
||||
<div class="row-start-2 row-span-2">
|
||||
<img class="object-cover md:h-[200px] h-full w-full " src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full md:w-[50%]">
|
||||
<img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/homepage/seo-img1.png">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="flex md:flex-row flex-col items-center mx-4 lg:mt-32 md:mt-24 mt-20">
|
||||
<div class="w-full md:w-[60%] h-full">
|
||||
<div class="grid grid-cols-3 gap-y-2 gap-x-2">
|
||||
<div class="">
|
||||
<img class="object-cover md:h-[200px] h-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||
</div>
|
||||
<div class="row-span-1">
|
||||
<img class="object-cover md:h-[200px] h-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||
</div>
|
||||
<div class="row-span-2 col-span-1 relative">
|
||||
<img class="object-cover md:h-[410px] h-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||
</div>
|
||||
<div>
|
||||
<img class="object-cover md:h-[200px] h-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||
</div>
|
||||
<div class="">
|
||||
<img class="object-cover md:h-[200px] h-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/homepage/seo-img2.png">
|
||||
</div>
|
||||
<div class="mx-3 w-full md:w-[40%] text-center md:text-left md:pl-5 pl-0 ">
|
||||
<h1 class="font-bold lg:text-3xl md:text-xl text-lg md:pt-0 pt-2">
|
||||
<h1 class="font-bold lg:text-3xl md:text-md text-lg md:pt-0 pt-2">
|
||||
Tailored Perfection for a Flawless Fit
|
||||
</h1>
|
||||
<p class="lg:text-xl md:text-md text-sm font-medium pt-5">
|
||||
<p class="xl:text-xl lg:text-md md:text-xs text-sm font-medium pt-5 md:pt-3 lg:pt-9">
|
||||
Craft your signature style down to the finest details - from quality fabrics and distinctive
|
||||
buttons to unique pocket hues and lining designs.
|
||||
buttons to unique pocket hues and lining designs.
|
||||
</p>
|
||||
<p class="xl:text-xl lg:text-md md:text-xs text-sm font-medium pt-1">
|
||||
Our Perfect Fit Guarantee ensures a tailored look that exudes your confident individuality
|
||||
</p>
|
||||
<p class="lg:text-xl md:text-md text-sm font-medium pt-1">Our Perfect Fit Guarantee ensures a tailored look that exudes your confident individuality</p>
|
||||
<div class="lg:w-52 md:w-42 w-38 flex md:justify-start justify-center">
|
||||
<a class="all-product-link lg:text-xl md:text-md text-sm font-bold mt-9 flex border border-2 border-black p-2 px-4"
|
||||
href="https://brooksbingham.com/16-custom-made-clothing">
|
||||
Start Customization
|
||||
<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://brooksbingham.com/17-custom-made-clothing">
|
||||
Start Customization
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -219,35 +203,13 @@
|
|||
|
||||
<div class="flex md:flex-row flex-col mx-4 items-center lg:my-32 md:my-24 my-20">
|
||||
<div class="w-full md:w-[50%] h-full">
|
||||
<div class="grid grid-rows-3 grid-flow-col gap-y-2 gap-x-2">
|
||||
<div class="row-span-2">
|
||||
<img class="h-full object-cover"
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||
</div>
|
||||
<div class="row-span-1">
|
||||
<img class="h-full object-cover"
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||
</div>
|
||||
<div class="row-span-1">
|
||||
<img class="h-full object-cover"
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||
</div>
|
||||
<div class="row-span-2">
|
||||
<img class="h-full object-cover"
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||
</div>
|
||||
<div class="row-span-3">
|
||||
<img class="h-full object-cover"
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/homepage/seo-img3.png">
|
||||
</div>
|
||||
|
||||
<div class="w-full md:w-[50%] md:text-left md:pl-10 pl-0 md:pt-0 pt-3 ">
|
||||
<div class="w-full md:w-[50%] md:text-left md:pl-10 pl-0 md:pt-0 pt-3 ">
|
||||
<h1 class="font-bold lg:text-3xl md:text-xl text-lg md:pt-0 pt-2 text-center md:text-left">
|
||||
About Brooks Bingham
|
||||
</h1>
|
||||
<div class="lg:pt-10 md:pt-6 pt-4 lg:text-xl text-sm font-medium space-y-2 text-left">
|
||||
<div class="xl:pt-10 lg:pt-6 md:pt-6 pt-4 xl:text-xl lg:text-md md:text-md text-sm font-medium space-y-2 text-left">
|
||||
<li>Individuality and precision tailoring is what we celebrate.</li>
|
||||
<li>We are on a mission to provide high-quality, custom-fit clothing that embodies YOU.</li>
|
||||
<li>Modern with the technology, but we never forget the importance of classic traditional tailoring.</li>
|
||||
|
|
@ -259,10 +221,10 @@
|
|||
|
||||
<div class="flex flex-col-reverse md:flex-row md:mt-24 mt-20 mx-4">
|
||||
<div class="w-full md:w-[60%] text-center md:text-left md:pt-0 pt-4">
|
||||
<h1 class="font-bold lg:text-4xl md:text-2xl text-lg lg:pt-20 md:pt-9 pt-0">
|
||||
<h1 class="font-bold lg:text-4xl md:text-2xl text-lg xl:pt-16 lg:pt-5 md:pt-3 pt-0">
|
||||
Why Choose Brooks Bingham?
|
||||
</h1>
|
||||
<div class="flex md:flex-row flex-col lg:pt-20 md:pt-10 pt-7">
|
||||
<div class="flex md:flex-row flex-col xl:pt-20 lg:pt-12 md:pt-7 pt-7">
|
||||
<div class="flex-col 2xl:pr-16 xl:pr-12 lg:pr-6 md:pr-5 pr-0">
|
||||
<h1 class="md:text-xl xl:text-5xl lg:text-3xl text-5xl font-semibold text-gray-300 pb-4">1.</h1>
|
||||
<h1 class="xl:text-xl lg:text-lg md:text-xs text-xl font-semibold">Expert</h1>
|
||||
|
|
@ -290,22 +252,10 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full md:w-[40%] grid grid-cols-3 gap-x-2 gap-y-2 lg:pl-2 md:pl-3 pl-0 md:pt-0 pt-4">
|
||||
<div class="col-span-3">
|
||||
<img class="object-cover lg:h-[200px] h-[100px] w-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||
</div>
|
||||
<div class="">
|
||||
<img class="object-cover lg:h-[200px] h-[100px] w-full " src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||
</div>
|
||||
<div class="">
|
||||
<img class="object-cover lg:h-[200px] h-[100px] w-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||
</div>
|
||||
<div class="">
|
||||
<img class="object-cover lg:h-[200px] h-[100px] w-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||
</div>
|
||||
<div class="w-full md:w-[40%]">
|
||||
<img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/homepage/seo-img4.png">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex flex-col-reverse md:flex-row items-center justify-center md:mt-32 mt-16 mx-4">
|
||||
|
|
@ -315,13 +265,13 @@
|
|||
src="https://brooksbingham.com/img/logo-1715173509.jpg">
|
||||
</div>
|
||||
<h1 class="font-bold lg:text-3xl md:text-2xl text-xl text-center">
|
||||
See What They Think
|
||||
See What They Think
|
||||
</h1>
|
||||
<p class="lg:text-xl text-sm font-medium lg:pt-10 pt-6 text-center">
|
||||
The quality of my bespoke shirts from Brooks Bingham Clothing has been exceptional!
|
||||
</p>
|
||||
<p class="lg:text-xl text-sm font-medium text-center">
|
||||
The fabrics, buttons, and stitching are of the highest quality.
|
||||
The fabrics, buttons, and stitching are of the highest quality.
|
||||
</p>
|
||||
<h1 class="font-bold text-center lg:text-xl md:text-lg text-md lg:pt-8 pt-6">Matt K </h1>
|
||||
<div class="flex justify-center lg:pt-10 md:pt-6 pt-8">
|
||||
|
|
@ -342,46 +292,41 @@
|
|||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full md:w-[40%]">
|
||||
<img class="image object-cover w-full h-full md:h-[400px]"
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||
<div class="w-full md:w-[40%] h-full">
|
||||
<img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/homepage/seo-img5.png">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="mt-32 mx-4 flex relative items-center">
|
||||
<img class="w-full lg:h-[400px] md:h-[300px] h-full object-cover "
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||
|
||||
<div class="absolute text-white lg:pl-24 md:pl-12 pl-4">
|
||||
<div class="mt-32 flex relative items-center left-0 right-0">
|
||||
<img class="w-full lg:h-[400px] md:h-[300px] h-full object-cover"
|
||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/homepage/seo-img6.png">
|
||||
<div class="absolute text-white lg:pl-24 md:pl-12 pl-4">
|
||||
<h1 class="md:font-bold font-semibold lg:text-4xl md:text-2xl text-sm">Step into Style with a Custom Touch</h1>
|
||||
<p class="lg:font-semibold md:font-medium font-base lg:text-2xl md:text-lg text-xs md:w-8/12 lg:pt-9 md:pt-6 pt-4">
|
||||
Our perfect fit guarantee ensures that every plece you order is tailored to your exact specifications,
|
||||
Our perfect fit guarantee ensures that every plece you order is tailored to your exact specifications,
|
||||
delivering a perfect fit every time.
|
||||
</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"
|
||||
href="https://brooksbingham.com/16-custom-made-clothing">
|
||||
<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"
|
||||
href="https://brooksbingham.com/17-custom-made-clothing">
|
||||
Start Customization
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mx-4 mt-32">
|
||||
<div class="mx-4 my-32">
|
||||
<h1 class="font-bold lg:text-3xl md:text-xl text-lg">BROOKSBINGHAM</h1>
|
||||
<p class=" font-medium lg:text-lg md:text-md text-sm pt-9">Are you one of the millions of men that off the rack clothing just doesn't work for you?
|
||||
A generic size built for the generic man? Brooks Bingham Clothing started exactly for this reason.
|
||||
We are athletes, surrounded by athletes and strive to work with those that search for perfection.
|
||||
And we were sick and tired of spending thousands on garments just to spend hundreds or thousands more
|
||||
for a tailor to sort of make it fit. We strive to be a luxury solution in the clothing industry while providing
|
||||
custom garments built and des gned by you for you. We give you all the power to be as creative as possible
|
||||
while designing your clothing followed by the implementation of photo technology to collect all needed measurements.
|
||||
Through our 3D tocits you have the ability to see and explore millions of options to complete your one of a kind piece.
|
||||
We thank you for taking the time to explore Brooks Bingham Clothing and we look forward to helping you explore the
|
||||
A generic size built for the generic man? Brooks Bingham Clothing started exactly for this reason.
|
||||
We are athletes, surrounded by athletes and strive to work with those that search for perfection.
|
||||
And we were sick and tired of spending thousands on garments just to spend hundreds or thousands more
|
||||
for a tailor to sort of make it fit. We strive to be a luxury solution in the clothing industry while providing
|
||||
custom garments built and des gned by you for you. We give you all the power to be as creative as possible
|
||||
while designing your clothing followed by the implementation of photo technology to collect all needed measurements.
|
||||
Through our 3D tocits you have the ability to see and explore millions of options to complete your one of a kind piece.
|
||||
We thank you for taking the time to explore Brooks Bingham Clothing and we look forward to helping you explore the
|
||||
world of custom garments.
|
||||
</p>
|
||||
</div>
|
||||
|
|
@ -393,23 +338,7 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
|
||||
<div class="mt-48">
|
||||
<div class=" text-white grid grid-cols-2 grid-rows-* gap-y-1 gap-x-1 mb-1">
|
||||
|
|
@ -503,7 +432,9 @@
|
|||
|
||||
{block name='hook_before_body_closing_tag'}
|
||||
{hook h='displayBeforeBodyClosingTag'}
|
||||
{/block}
|
||||
{/block}
|
||||
-->
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in New Issue