diff --git a/_dev/elegance.css b/_dev/elegance.css index 7fc1a64..7470324 100644 --- a/_dev/elegance.css +++ b/_dev/elegance.css @@ -38,7 +38,6 @@ input[type="radio"],input[type="checkbox"] { .article{ width:100%; - padding:12px; } .image{ diff --git a/assets/css/theme.css b/assets/css/theme.css index be83e78..5361087 100755 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -871,21 +871,21 @@ select { margin-bottom: 0.5rem; } +.my-28 { + margin-top: 7rem; + margin-bottom: 7rem; +} + +.my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; +} + .my-8 { margin-top: 2rem; margin-bottom: 2rem; } -.my-\[20px\] { - margin-top: 20px; - margin-bottom: 20px; -} - -.my-\[45px\] { - margin-top: 45px; - margin-bottom: 45px; -} - .mb-1 { margin-bottom: 0.25rem; } @@ -910,6 +910,10 @@ select { margin-bottom: 1rem; } +.mb-6 { + margin-bottom: 1.5rem; +} + .mb-8 { margin-bottom: 2rem; } @@ -974,14 +978,6 @@ select { margin-top: 2rem; } -.mb-20 { - margin-bottom: 5rem; -} - -.mb-32 { - margin-bottom: 8rem; -} - .block { display: block; } @@ -1038,6 +1034,10 @@ select { height: 2rem; } +.h-\[350px\] { + height: 350px; +} + .h-auto { height: auto; } @@ -1078,6 +1078,10 @@ select { width: 6rem; } +.w-28 { + width: 7rem; +} + .w-3\/4 { width: 75%; } @@ -1353,6 +1357,16 @@ select { border-color: rgb(252 165 165 / var(--tw-border-opacity)); } +.border-sky-950 { + --tw-border-opacity: 1; + border-color: rgb(8 47 73 / var(--tw-border-opacity)); +} + +.bg-\[\#000E2A\] { + --tw-bg-opacity: 1; + background-color: rgb(0 14 42 / var(--tw-bg-opacity)); +} + .bg-black\/70 { background-color: rgb(0 0 0 / 0.7); } @@ -1387,6 +1401,11 @@ select { background-color: rgb(254 242 242 / var(--tw-bg-opacity)); } +.bg-slate-200 { + --tw-bg-opacity: 1; + background-color: rgb(226 232 240 / var(--tw-bg-opacity)); +} + .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); @@ -1743,7 +1762,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { .article{ width:100%; - padding:12px; } .image{ @@ -2015,14 +2033,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { display: flex; } - .sm\:flex-col { - flex-direction: column; - } - - .sm\:flex-wrap { - flex-wrap: wrap; - } - .sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; @@ -2122,11 +2132,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-right: 12rem; } - .md\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; - } - .md\:text-base { font-size: 1rem; line-height: 1.5rem; @@ -2142,11 +2147,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { line-height: 1.25rem; } - .md\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; - } - .md\:font-bold { font-weight: 700; } @@ -2165,10 +2165,18 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { margin-bottom: 5rem; } + .lg\:mb-32 { + margin-bottom: 8rem; + } + .lg\:mt-24 { margin-top: 6rem; } + .lg\:mt-48 { + margin-top: 12rem; + } + .lg\:flex { display: flex; } @@ -2201,6 +2209,14 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { width: 60%; } + .lg\:w-\[30\%\] { + width: 30%; + } + + .lg\:w-\[70\%\] { + width: 70%; + } + .lg\:w-full { width: 100%; } @@ -2272,4 +2288,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { .xl\:w-1\/4 { width: 25%; } +} + +@media (min-width: 1536px) { + .\32xl\:mt-64 { + margin-top: 16rem; + } } \ No newline at end of file diff --git a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl index cd33e0b..9811d2a 100644 --- a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl +++ b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl @@ -69,24 +69,35 @@ -
+
-

Business Suits for Men

-

Tailored business Suits designed for you to make a powerful impression and radiate confidence.

+
+
+ +
+
+

Business suits for men

+

Tailored business Suits designed for you to make a powerful impression and radiate confidence.

+ +
+
- Image -
-

Get the Perfect Fit

-

Experience a flawless & Ideal fit tailored to Your Specifications

-

The future of fashion with our innovative designs. Customization options tailored to your measurements witih a flawless silhouette every time.Discover your perfect fit in minutes.

+ +
+

Get the Perfect Fit

+

Experience a flawless & Ideal fit tailored to Your Specifications

+

The future of fashion with our innovative designs. Customization options tailored to your measurements witih a flawless silhouette every time.Discover your perfect fit in minutes.

+ Explore
- Image -
+ +

Timeless Quality

Fashion that stands the test of time.

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.

diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl index f916fa5..95013f9 100644 --- a/templates/layouts/layout-both-columns.tpl +++ b/templates/layouts/layout-both-columns.tpl @@ -89,7 +89,7 @@

Get inspired with our curated outfit ideas, showcasing stylish combinations for every occasion. Customize your ensemble with custom-made shirts, stretch shirts, and sport jackets for men.

- +
@@ -103,10 +103,21 @@
-->
- + {l s='View More' d='Shop.Theme.Catalog'} + +
+
+

Who Are We?

+

BrooksBingham is your destination for custom-tailored menswear, where authenticity is woven into every stitch. Experience our cutting-edge fitting technology for a flawless fit tailored to your measurements in minutes.Our perfect fit guarantee ensures that every piece you order is tailored to your exact specifications, delivering a perfect fit every time.

+ + Learn More + +
+
+ {/if} {block name="right_column"}