diff --git a/assets/css/images/img.png b/assets/css/images/img.png new file mode 100644 index 0000000..c1d08bc Binary files /dev/null and b/assets/css/images/img.png differ diff --git a/assets/css/images/img.png:Zone.Identifier b/assets/css/images/img.png:Zone.Identifier new file mode 100644 index 0000000..36649b4 --- /dev/null +++ b/assets/css/images/img.png:Zone.Identifier @@ -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 diff --git a/assets/css/images/img1.png b/assets/css/images/img1.png new file mode 100644 index 0000000..676fb13 Binary files /dev/null and b/assets/css/images/img1.png differ diff --git a/assets/css/images/img1.png:Zone.Identifier b/assets/css/images/img1.png:Zone.Identifier new file mode 100644 index 0000000..53e44a3 --- /dev/null +++ b/assets/css/images/img1.png:Zone.Identifier @@ -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 diff --git a/assets/css/images/img2.png b/assets/css/images/img2.png new file mode 100644 index 0000000..23607bf Binary files /dev/null and b/assets/css/images/img2.png differ diff --git a/assets/css/images/img2.png:Zone.Identifier b/assets/css/images/img2.png:Zone.Identifier new file mode 100644 index 0000000..e659722 --- /dev/null +++ b/assets/css/images/img2.png:Zone.Identifier @@ -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 diff --git a/assets/css/images/img3.png b/assets/css/images/img3.png new file mode 100644 index 0000000..9084ce9 Binary files /dev/null and b/assets/css/images/img3.png differ diff --git a/assets/css/images/img3.png:Zone.Identifier b/assets/css/images/img3.png:Zone.Identifier new file mode 100644 index 0000000..5f63ad4 --- /dev/null +++ b/assets/css/images/img3.png:Zone.Identifier @@ -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 diff --git a/assets/css/images/img4.png b/assets/css/images/img4.png new file mode 100644 index 0000000..99ec284 Binary files /dev/null and b/assets/css/images/img4.png differ diff --git a/assets/css/images/img4.png:Zone.Identifier b/assets/css/images/img4.png:Zone.Identifier new file mode 100644 index 0000000..535e84b --- /dev/null +++ b/assets/css/images/img4.png:Zone.Identifier @@ -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 diff --git a/assets/css/images/img5.png b/assets/css/images/img5.png new file mode 100644 index 0000000..a70d0b6 Binary files /dev/null and b/assets/css/images/img5.png differ diff --git a/assets/css/images/img5.png:Zone.Identifier b/assets/css/images/img5.png:Zone.Identifier new file mode 100644 index 0000000..430a983 --- /dev/null +++ b/assets/css/images/img5.png:Zone.Identifier @@ -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 diff --git a/assets/css/images/img6.png b/assets/css/images/img6.png new file mode 100644 index 0000000..ffb32d2 Binary files /dev/null and b/assets/css/images/img6.png differ diff --git a/assets/css/theme.css b/assets/css/theme.css index 6570119..e330326 100644 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -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; diff --git a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl index 9d8076b..325d9dc 100644 --- a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl +++ b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl @@ -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 *} + + diff --git a/templates/_partials/header.tpl b/templates/_partials/header.tpl index 4a23c77..10851ef 100644 --- a/templates/_partials/header.tpl +++ b/templates/_partials/header.tpl @@ -24,7 +24,7 @@ *} {block name='header_top'} -
+
diff --git a/templates/catalog/_partials/products.tpl b/templates/catalog/_partials/products.tpl index ecec0a9..d415de7 100644 --- a/templates/catalog/_partials/products.tpl +++ b/templates/catalog/_partials/products.tpl @@ -124,14 +124,14 @@
+ src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/tux-img">
+ src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/suit-img">

@@ -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">

+ src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/design.jpg" + alt="Finalize the Design">

+ src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/3d-format-measure.jpg" + alt="Get Measured">

- {/if} + {/if} -->
{block name='breadcrumb'} @@ -95,16 +95,20 @@ {/block} {if $page.page_name == 'index'} - +
- +
+
-

Design and Visualize what you need

-

Choose what looks good on you

+

Design and Visualize what you need

+

Choose what looks good on you

@@ -112,67 +116,47 @@

- The Art of Custom Clothing + The Art of Custom Clothing

-

+

Personalize your handcrafted look with our exclusive collection of Made-to-Measure men's clothing.

-

+

Take control and feel confident with our Perfect Fit Guarantee

-
- - Start Customization +
+ + Start Customization
- -
-
- -
-
- -
-
+
+ +
-
-
- -
-
- -
-
- -
-
- -
-
- -
-
-
+ +
-

+

Tailored Perfection for a Flawless Fit

-

+

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. +

+

+ Our Perfect Fit Guarantee ensures a tailored look that exudes your confident individuality

-

Our Perfect Fit Guarantee ensures a tailored look that exudes your confident individuality

- - Start Customization + + Start Customization
@@ -219,35 +203,13 @@
-
-
- -
-
- -
-
- -
-
- -
-
- -
-
+
- -
+

About Brooks Bingham

-
+
  • Individuality and precision tailoring is what we celebrate.
  • We are on a mission to provide high-quality, custom-fit clothing that embodies YOU.
  • Modern with the technology, but we never forget the importance of classic traditional tailoring.
    • @@ -259,10 +221,10 @@
    -

    +

    Why Choose Brooks Bingham?

    -
    +

    1.

    Expert

    @@ -290,22 +252,10 @@
    -
    -
    - -
    -
    - -
    -
    - -
    -
    - -
    +
    +
    -
    - +
    @@ -315,13 +265,13 @@ src="https://brooksbingham.com/img/logo-1715173509.jpg">

    - See What They Think + See What They Think

    The quality of my bespoke shirts from Brooks Bingham Clothing has been exceptional!

    - The fabrics, buttons, and stitching are of the highest quality. + The fabrics, buttons, and stitching are of the highest quality.

    Matt K

    @@ -342,46 +292,41 @@
    -
    - +
    +
    - - - -
    - - -
    +
    + +

    Step into Style with a Custom Touch

    - 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.

    - + Start Customization
    -
    +

    BROOKSBINGHAM

    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.

    @@ -393,23 +338,7 @@ - - - - - - - - - - - - - - - - - + +