diff --git a/_dev/elegance.css b/_dev/elegance.css old mode 100644 new mode 100755 index ea22670..1fcff1d --- a/_dev/elegance.css +++ b/_dev/elegance.css @@ -35,3 +35,42 @@ ul { input[type="radio"],input[type="checkbox"] { @apply focus:ring-transparent; } + +.article{ + width:100%; + padding:12px; + + +} +.image{ + background:silver; + width:400px; + height:300px; + color:#efefef; + font-size:8rem; + &.right{ + float:right; + margin-left:30px; + } + &.left{ + float:left; + margin-right:30px; + } +} +.content{ + padding: 0 20px; + margin-top: 8%; + color:#444; + .headline{ + } +} +.group{ + &:before, + &:after { + content: ""; + display: table; + } + &:after { + clear: both; + } +} \ No newline at end of file diff --git a/assets/css/theme.css b/assets/css/theme.css old mode 100644 new mode 100755 index 68b5ba0..ba81371 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -759,6 +759,10 @@ select { visibility: collapse; } +.static { + position: static; +} + .fixed { position: fixed; } @@ -787,10 +791,6 @@ select { left: 0px; } -.left-1\/2 { - left: 50%; -} - .left-\[100\%\] { left: 100%; } @@ -880,8 +880,8 @@ select { margin-bottom: 0.25rem; } -.mb-16 { - margin-bottom: 4rem; +.mb-12 { + margin-bottom: 3rem; } .mb-2 { @@ -896,6 +896,10 @@ select { margin-bottom: 1rem; } +.mb-6 { + margin-bottom: 1.5rem; +} + .mb-8 { margin-bottom: 2rem; } @@ -984,8 +988,8 @@ select { aspect-ratio: 342/513; } -.aspect-square { - aspect-ratio: 1 / 1; +.h-1\/2 { + height: 50%; } .h-12 { @@ -1044,6 +1048,10 @@ select { width: 3.5rem; } +.w-2\/5 { + width: 40%; +} + .w-24 { width: 6rem; } @@ -1052,6 +1060,10 @@ select { width: 75%; } +.w-3\/5 { + width: 60%; +} + .w-32 { width: 8rem; } @@ -1080,10 +1092,6 @@ select { width: 2rem; } -.w-\[150px\] { - width: 150px; -} - .w-\[160px\] { width: 160px; } @@ -1097,10 +1105,6 @@ select { width: max-content; } -.w-px { - width: 1px; -} - .max-w-6xl { max-width: 72rem; } @@ -1264,10 +1268,6 @@ select { border-width: 1px; } -.border-b { - border-bottom-width: 1px; -} - .border-t { border-top-width: 1px; } @@ -1331,10 +1331,6 @@ select { border-color: rgb(252 165 165 / var(--tw-border-opacity)); } -.border-transparent { - border-color: transparent; -} - .bg-black\/70 { background-color: rgb(0 0 0 / 0.7); } @@ -1378,10 +1374,6 @@ select { stroke: #000; } -.stroke-blue-900 { - stroke: #1e3a8a; -} - .stroke-gray-500 { stroke: #6b7280; } @@ -1398,28 +1390,15 @@ select { stroke: inherit; } -.stroke-2 { - stroke-width: 2; -} - .stroke-\[3px\] { stroke-width: 3px; } -.object-contain { - -o-object-fit: contain; - object-fit: contain; -} - .object-cover { -o-object-fit: cover; object-fit: cover; } -.p-0 { - padding: 0px; -} - .p-2 { padding: 0.5rem; } @@ -1545,11 +1524,20 @@ select { text-align: justify; } +.text-end { + text-align: end; +} + .text-2xl { font-size: 1.5rem; line-height: 2rem; } +.text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; +} + .text-base { font-size: 1rem; line-height: 1.5rem; @@ -1740,6 +1728,46 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { --tw-ring-color: transparent; } +.article{ + width:100%; + padding:12px; +} + +.image{ + background:silver; + width:400px; + height:300px; + color:#efefef; + font-size:8rem; + &.right{ + float:right; + margin-left:30px; + } + &.left{ + float:left; + margin-right:30px; + } +} + +.content{ + padding: 0 20px; + margin-top: 8%; + color:#444; + .headline{ + } +} + +.group{ + &:before, + &:after { + content: ""; + display: table; + } + &:after { + clear: both; + } +} + .file\:mr-4::file-selector-button { margin-right: 1rem; } @@ -1918,26 +1946,9 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { } @media not all and (min-width: 1024px) { - .max-lg\:hidden { - display: none; - } - - .max-lg\:w-full { - width: 100%; - } - .max-lg\:flex-col { flex-direction: column; } - - .max-lg\:items-center { - align-items: center; - } - - .max-lg\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; - } } @media not all and (min-width: 768px) { @@ -1953,10 +1964,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { width: 100%; } - .max-md\:max-w-full { - max-width: 100%; - } - .max-md\:flex-col { flex-direction: column; } @@ -1982,17 +1989,9 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-left: 1rem; } - .max-md\:pr-2 { - padding-right: 0.5rem; - } - .max-md\:text-center { text-align: center; } - - .max-md\:leading-5 { - line-height: 1.25rem; - } } @media not all and (min-width: 640px) { @@ -2012,14 +2011,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { position: absolute; } - .md\:left-1\/2 { - left: 50%; - } - - .md\:mb-4 { - margin-bottom: 1rem; - } - .md\:block { display: block; } @@ -2080,11 +2071,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { gap: 1rem; } - .md\:object-cover { - -o-object-fit: cover; - object-fit: cover; - } - .md\:p-2 { padding: 0.5rem; } @@ -2109,11 +2095,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-right: 12rem; } - .md\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; - } - .md\:text-base { font-size: 1rem; line-height: 1.5rem; @@ -2151,8 +2132,8 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { display: none; } - .lg\:h-screen { - height: 100vh; + .lg\:h-\[90vh\] { + height: 90vh; } .lg\:w-1\/3 { @@ -2175,18 +2156,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { width: 60%; } - .lg\:w-\[850px\] { - width: 850px; - } - .lg\:w-full { width: 100%; } - .lg\:max-w-\[850px\] { - max-width: 850px; - } - .lg\:max-w-full { max-width: 100%; } @@ -2224,11 +2197,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-top: 6rem; } - .lg\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; - } - .lg\:shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; @@ -2240,9 +2208,4 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { .xl\:w-1\/4 { width: 25%; } - - .xl\:text-6xl { - font-size: 3.75rem; - line-height: 1; - } -} +} \ 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 old mode 100644 new mode 100755 index a484f6d..c52f328 --- a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl +++ b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl @@ -36,3 +36,27 @@ + +

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.

+
+
+ +
+ 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 old mode 100644 new mode 100755 index d6fc308..4066596 --- a/templates/layouts/layout-both-columns.tpl +++ b/templates/layouts/layout-both-columns.tpl @@ -85,6 +85,8 @@ {/block} {if $page.page_name == 'index'} +

Browse through our Sophisticated Design

+

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.

@@ -93,14 +95,18 @@
-
+
+ + {l s='View More' d='Shop.Theme.Catalog'} + + {/if} {block name="right_column"}