diff --git a/_dev/elegance.css b/_dev/elegance.css index ea22670..7fc1a64 100644 --- a/_dev/elegance.css +++ b/_dev/elegance.css @@ -1,37 +1,72 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; - -body { - @apply bg-white; - @apply text-gray-600; - @apply font-light; -} - -a { - @apply text-gray-600; -} - -a:hover { - @apply text-blue-900; - @apply underline; - @apply underline-offset-2; -} - -.ti, .icon-tabler { - stroke-width: 1px; - fill: none; - @apply text-gray-500; - @apply stroke-gray-500; -} - -a:hover .ti, a:hover .icon-tabler { - @apply stroke-blue-900; -} - -ul { - @apply !list-inside; -} -input[type="radio"],input[type="checkbox"] { - @apply focus:ring-transparent; -} +@tailwind base; +@tailwind components; +@tailwind utilities; + +body { + @apply bg-white; + @apply text-gray-600; + @apply font-light; +} + +a { + @apply text-gray-600; +} + +a:hover { + @apply text-blue-900; + @apply underline; + @apply underline-offset-2; +} + +.ti, .icon-tabler { + stroke-width: 1px; + fill: none; + @apply text-gray-500; + @apply stroke-gray-500; +} + +a:hover .ti, a:hover .icon-tabler { + @apply stroke-blue-900; +} + +ul { + @apply !list-inside; +} +input[type="radio"],input[type="checkbox"] { + @apply focus:ring-transparent; +} + +.article{ + width:100%; + padding:12px; + +} +.image{ + width:400px; + height:250px; + color:#efefef; + font-size:8rem; + &.right{ + float:right; + margin-left:30px; + } + &.left{ + float:left; + margin-right:30px; + } +} +.content{ + 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..be83e78 --- 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%; } @@ -876,10 +876,24 @@ select { 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; } +.mb-12 { + margin-bottom: 3rem; +} + .mb-16 { margin-bottom: 4rem; } @@ -936,6 +950,10 @@ select { margin-top: 0.5rem; } +.mt-20 { + margin-top: 5rem; +} + .mt-24 { margin-top: 6rem; } @@ -956,6 +974,14 @@ select { margin-top: 2rem; } +.mb-20 { + margin-bottom: 5rem; +} + +.mb-32 { + margin-bottom: 8rem; +} + .block { display: block; } @@ -984,8 +1010,8 @@ select { aspect-ratio: 342/513; } -.aspect-square { - aspect-ratio: 1 / 1; +.h-1\/2 { + height: 50%; } .h-12 { @@ -1044,6 +1070,10 @@ select { width: 3.5rem; } +.w-2\/5 { + width: 40%; +} + .w-24 { width: 6rem; } @@ -1052,6 +1082,10 @@ select { width: 75%; } +.w-3\/5 { + width: 60%; +} + .w-32 { width: 8rem; } @@ -1080,10 +1114,6 @@ select { width: 2rem; } -.w-\[150px\] { - width: 150px; -} - .w-\[160px\] { width: 160px; } @@ -1097,10 +1127,6 @@ select { width: max-content; } -.w-px { - width: 1px; -} - .max-w-6xl { max-width: 72rem; } @@ -1264,10 +1290,6 @@ select { border-width: 1px; } -.border-b { - border-bottom-width: 1px; -} - .border-t { border-top-width: 1px; } @@ -1331,10 +1353,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 +1396,6 @@ select { stroke: #000; } -.stroke-blue-900 { - stroke: #1e3a8a; -} - .stroke-gray-500 { stroke: #6b7280; } @@ -1398,28 +1412,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; } @@ -1740,6 +1741,43 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { --tw-ring-color: transparent; } +.article{ + width:100%; + padding:12px; +} + +.image{ + width:400px; + height:250px; + color:#efefef; + font-size:8rem; + &.right{ + float:right; + margin-left:30px; + } + &.left{ + float:left; + margin-right:30px; + } +} + +.content{ + color:#444; + .headline{ + } +} + +.group{ + &:before, + &:after { + content: ""; + display: table; + } + &:after { + clear: both; + } +} + .file\:mr-4::file-selector-button { margin-right: 1rem; } @@ -1918,26 +1956,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 +1974,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 +1999,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) { @@ -2005,6 +2014,19 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { .sm\:flex { 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; + } } @media (min-width: 768px) { @@ -2012,12 +2034,8 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { position: absolute; } - .md\:left-1\/2 { - left: 50%; - } - - .md\:mb-4 { - margin-bottom: 1rem; + .md\:mt-28 { + margin-top: 7rem; } .md\:block { @@ -2080,11 +2098,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,9 +2122,9 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-right: 12rem; } - .md\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; + .md\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; } .md\:text-base { @@ -2129,6 +2142,11 @@ 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; } @@ -2143,6 +2161,14 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { right: 0px; } + .lg\:mb-20 { + margin-bottom: 5rem; + } + + .lg\:mt-24 { + margin-top: 6rem; + } + .lg\:flex { display: flex; } @@ -2151,8 +2177,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 +2201,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,9 +2242,23 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-top: 6rem; } - .lg\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; + .lg\:text-center { + text-align: center; + } + + .lg\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } + + .lg\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; + } + + .lg\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; } .lg\:shadow-none { @@ -2240,9 +2272,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 index a484f6d..cd33e0b 100644 --- a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl +++ b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl @@ -1,38 +1,97 @@ -{** - * 2007-2019 PrestaShop and Contributors - * - * NOTICE OF LICENSE - * - * 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. - * It is also available through the world-wide-web at this URL: - * https://opensource.org/licenses/AFL-3.0 - * 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 - * to license@prestashop.com so we can send you a copy immediately. - * - * DISCLAIMER - * - * Do not edit or add to this file if you wish to upgrade PrestaShop to newer - * versions in the future. If you wish to customize PrestaShop for your - * needs please refer to https://www.prestashop.com for more information. - * - * @author PrestaShop SA - * @copyright 2007-2019 PrestaShop SA and Contributors - * @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0) - * International Registered Trademark & Property of PrestaShop SA - *} -
-

- {l s='Popular Products' d='Shop.Theme.Catalog'} -

-
- {foreach from=$products item="product"} - {include file="catalog/_partials/miniatures/product.tpl" product=$product} - {/foreach} -
- - {l s='All products' d='Shop.Theme.Catalog'} - - -
+{** + * 2007-2019 PrestaShop and Contributors + * + * NOTICE OF LICENSE + * + * 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. + * It is also available through the world-wide-web at this URL: + * https://opensource.org/licenses/AFL-3.0 + * 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 + * to license@prestashop.com so we can send you a copy immediately. + * + * DISCLAIMER + * + * Do not edit or add to this file if you wish to upgrade PrestaShop to newer + * versions in the future. If you wish to customize PrestaShop for your + * needs please refer to https://www.prestashop.com for more information. + * + * @author PrestaShop SA + * @copyright 2007-2019 PrestaShop SA and Contributors + * @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0) + * International Registered Trademark & Property of PrestaShop SA + *} +
+

+ {l s='Popular Products' d='Shop.Theme.Catalog'} +

+
+ {foreach from=$products item="product"} + {include file="catalog/_partials/miniatures/product.tpl" product=$product} + {/foreach} +
+ + {l s='All products' d='Shop.Theme.Catalog'} + + +
+ +
+

Product Categories

+
+
+ + +

Custom made Shirts

+ +
+ +
+ + +

Custom made Suits

+ +
+ +
+ + +

Custom made Sport Jackets

+ +
+ +
+ + +

Custom made Tuxedos

+ +
+ +
+
+ + +

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.

+
+
+ + + \ No newline at end of file diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl index d6fc308..f916fa5 100644 --- a/templates/layouts/layout-both-columns.tpl +++ b/templates/layouts/layout-both-columns.tpl @@ -1,140 +1,146 @@ -{** - * 2007-2019 PrestaShop and Contributors - * - * NOTICE OF LICENSE - * - * 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. - * It is also available through the world-wide-web at this URL: - * https://opensource.org/licenses/AFL-3.0 - * 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 - * to license@prestashop.com so we can send you a copy immediately. - * - * DISCLAIMER - * - * Do not edit or add to this file if you wish to upgrade PrestaShop to newer - * versions in the future. If you wish to customize PrestaShop for your - * needs please refer to https://www.prestashop.com for more information. - * - * @author PrestaShop SA - * @copyright 2007-2019 PrestaShop SA and Contributors - * @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0) - * International Registered Trademark & Property of PrestaShop SA - *} - - - - - {block name='head'} - {include file='_partials/head.tpl'} - {/block} - - - - - - - - {block name='hook_after_body_opening_tag'} - {hook h='displayAfterBodyOpeningTag'} - {/block} - - {block name='product_activation'} - {include file='catalog/_partials/product-activation.tpl'} - {/block} - -
- {block name='header'} - {include file='_partials/header.tpl'} - {/block} -
- - {block name='displayBeforeWrapper'} - {hook h='displayBeforeWrapper'} - {/block} - -
- {block name='breadcrumb'} - {include file='_partials/breadcrumb.tpl'} - {/block} - - {block name='wrapperTop'} - {hook h="displayWrapperTop"} - {/block} - - {block name="left_column"} -
- {if $page.page_name == 'product'} - {hook h='displayLeftColumnProduct'} - {else} - {hook h="displayLeftColumn"} - {/if} -
- {/block} - - {block name="content_wrapper"} -
- {hook h="displayContentWrapperTop"} - {block name="content"} -

Hello world! This is HTML5 Boilerplate.

- {/block} - {hook h="displayContentWrapperBottom"} -
- {/block} - - {if $page.page_name == 'index'} -
-
- -
- - -
-
-
- -
- - -
-
-
- {/if} - - {block name="right_column"} -
- {if $page.page_name == 'product'} - {hook h='displayRightColumnProduct'} - {else} - {hook h="displayRightColumn"} - {/if} -
- {/block} - - {block name='wrapperBottom'} - {hook h="displayWrapperBottom"} - {/block} -
- - {block name='displayAfterWrapper'} - {hook h='displayAfterWrapper'} - {/block} - -
- {block name="footer"} - {include file="_partials/footer.tpl"} - {/block} -
- - {block name='javascript_bottom'} - {include file="_partials/javascript.tpl" javascript=$javascript.bottom} - {/block} - - {block name='hook_before_body_closing_tag'} - {hook h='displayBeforeBodyClosingTag'} - {/block} - - - +{** + * 2007-2019 PrestaShop and Contributors + * + * NOTICE OF LICENSE + * + * 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. + * It is also available through the world-wide-web at this URL: + * https://opensource.org/licenses/AFL-3.0 + * 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 + * to license@prestashop.com so we can send you a copy immediately. + * + * DISCLAIMER + * + * Do not edit or add to this file if you wish to upgrade PrestaShop to newer + * versions in the future. If you wish to customize PrestaShop for your + * needs please refer to https://www.prestashop.com for more information. + * + * @author PrestaShop SA + * @copyright 2007-2019 PrestaShop SA and Contributors + * @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0) + * International Registered Trademark & Property of PrestaShop SA + *} + + + + + {block name='head'} + {include file='_partials/head.tpl'} + {/block} + + + + + + + + {block name='hook_after_body_opening_tag'} + {hook h='displayAfterBodyOpeningTag'} + {/block} + + {block name='product_activation'} + {include file='catalog/_partials/product-activation.tpl'} + {/block} + +
+ {block name='header'} + {include file='_partials/header.tpl'} + {/block} +
+ + {block name='displayBeforeWrapper'} + {hook h='displayBeforeWrapper'} + {/block} + +
+ {block name='breadcrumb'} + {include file='_partials/breadcrumb.tpl'} + {/block} + + {block name='wrapperTop'} + {hook h="displayWrapperTop"} + {/block} + + {block name="left_column"} +
+ {if $page.page_name == 'product'} + {hook h='displayLeftColumnProduct'} + {else} + {hook h="displayLeftColumn"} + {/if} +
+ {/block} + + {block name="content_wrapper"} +
+ {hook h="displayContentWrapperTop"} + {block name="content"} +

Hello world! This is HTML5 Boilerplate.

+ {/block} + {hook h="displayContentWrapperBottom"} +
+ {/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.

+
+
+ +
+ + +
+
+ +
+ + {l s='View More' d='Shop.Theme.Catalog'} + + + {/if} + + {block name="right_column"} +
+ {if $page.page_name == 'product'} + {hook h='displayRightColumnProduct'} + {else} + {hook h="displayRightColumn"} + {/if} +
+ {/block} + + {block name='wrapperBottom'} + {hook h="displayWrapperBottom"} + {/block} +
+ + {block name='displayAfterWrapper'} + {hook h='displayAfterWrapper'} + {/block} + + + + {block name='javascript_bottom'} + {include file="_partials/javascript.tpl" javascript=$javascript.bottom} + {/block} + + {block name='hook_before_body_closing_tag'} + {hook h='displayBeforeBodyClosingTag'} + {/block} + + +