From d9e8b1bf7635f622cdb08c6f539969003b501517 Mon Sep 17 00:00:00 2001 From: merajjahir Date: Wed, 16 Feb 2022 16:29:39 +0600 Subject: [PATCH] 36 footer's added --- dist/tailshape.css | 772 ++++++++++++++----------- public/componets/footer/35_footer.html | 43 ++ public/componets/footer/36_footer.html | 78 +++ public/componets/footer/footer.html | 86 +++ 4 files changed, 627 insertions(+), 352 deletions(-) create mode 100644 public/componets/footer/35_footer.html create mode 100644 public/componets/footer/36_footer.html diff --git a/dist/tailshape.css b/dist/tailshape.css index a0b03c2..edbf195 100755 --- a/dist/tailshape.css +++ b/dist/tailshape.css @@ -553,6 +553,10 @@ Ensure the default browser behavior of the `hidden` attribute. top: 0px; } +.right-4 { + right: 1rem; +} + .bottom-auto { bottom: auto; } @@ -569,10 +573,6 @@ Ensure the default browser behavior of the `hidden` attribute. bottom: 0px; } -.right-4 { - right: 1rem; -} - .z-20 { z-index: 20; } @@ -629,14 +629,14 @@ Ensure the default browser behavior of the `hidden` attribute. grid-column: span 6 / span 6; } -.col-span-8 { - grid-column: span 8 / span 8; -} - .col-auto { grid-column: auto; } +.col-span-8 { + grid-column: span 8 / span 8; +} + .float-right { float: right; } @@ -657,6 +657,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin: 2.5rem; } +.m-auto { + margin: auto; +} + .mx-auto { margin-left: auto; margin-right: auto; @@ -732,6 +736,11 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 0.5rem; } +.my-12 { + margin-top: 3rem; + margin-bottom: 3rem; +} + .mt-12 { margin-top: 3rem; } @@ -816,6 +825,14 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 1rem; } +.mt-8 { + margin-top: 2rem; +} + +.mt-32 { + margin-top: 8rem; +} + .mt-0 { margin-top: 0px; } @@ -848,22 +865,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: -5rem; } -.mt-8 { - margin-top: 2rem; -} - -.mt-28 { - margin-top: 7rem; -} - -.mt-32 { - margin-top: 8rem; -} - -.ml-auto { - margin-left: auto; -} - .ml-4 { margin-left: 1rem; } @@ -976,6 +977,14 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: 2.5rem; } +.mt-28 { + margin-top: 7rem; +} + +.ml-auto { + margin-left: auto; +} + .block { display: block; } @@ -1028,14 +1037,6 @@ Ensure the default browser behavior of the `hidden` attribute. height: 1.5rem; } -.h-px { - height: 1px; -} - -.h-auto { - height: auto; -} - .h-full { height: 100%; } @@ -1044,6 +1045,14 @@ Ensure the default browser behavior of the `hidden` attribute. height: 0.75rem; } +.h-px { + height: 1px; +} + +.h-auto { + height: auto; +} + .h-20 { height: 5rem; } @@ -1104,42 +1113,22 @@ Ensure the default browser behavior of the `hidden` attribute. width: 6rem; } -.w-6 { - width: 1.5rem; -} - .w-12 { width: 3rem; } -.w-40 { - width: 10rem; -} - -.w-2\/3 { - width: 66.666667%; -} - -.w-1\/3 { - width: 33.333333%; -} - -.w-52 { - width: 13rem; -} - -.w-7 { - width: 1.75rem; -} - -.w-44 { - width: 11rem; +.w-6 { + width: 1.5rem; } .w-3 { width: 0.75rem; } +.w-40 { + width: 10rem; +} + .w-5\/6 { width: 83.333333%; } @@ -1156,10 +1145,30 @@ Ensure the default browser behavior of the `hidden` attribute. width: 50%; } +.w-2\/3 { + width: 66.666667%; +} + .w-screen { width: 100vw; } +.w-1\/3 { + width: 33.333333%; +} + +.w-52 { + width: 13rem; +} + +.w-7 { + width: 1.75rem; +} + +.w-44 { + width: 11rem; +} + .min-w-0 { min-width: 0px; } @@ -1184,6 +1193,10 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 80rem; } +.max-w-sm { + max-width: 24rem; +} + .max-w-md { max-width: 28rem; } @@ -1192,14 +1205,6 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 100%; } -.max-w-2xl { - max-width: 42rem; -} - -.max-w-sm { - max-width: 24rem; -} - .max-w-6xl { max-width: 72rem; } @@ -1212,6 +1217,10 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 56rem; } +.max-w-2xl { + max-width: 42rem; +} + .flex-auto { flex: 1 1 auto; } @@ -1303,6 +1312,10 @@ Ensure the default browser behavior of the `hidden` attribute. grid-template-columns: repeat(8, minmax(0, 1fr)); } +.flex-row { + flex-direction: row; +} + .flex-col { flex-direction: column; } @@ -1418,6 +1431,18 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } +.space-y-12 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(3rem * var(--tw-space-y-reverse)); +} + +.space-x-2 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.5rem * var(--tw-space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); +} + .space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); @@ -1430,24 +1455,18 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } -.space-x-2 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.5rem * var(--tw-space-x-reverse)); - margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); -} - -.space-y-12 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(3rem * var(--tw-space-y-reverse)); -} - .space-x-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0px * var(--tw-space-x-reverse)); margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); } +.space-x-8 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(2rem * var(--tw-space-x-reverse)); + margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); +} + .divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); @@ -1529,14 +1548,14 @@ Ensure the default browser behavior of the `hidden` attribute. border-width: 1px; } -.border-0 { - border-width: 0px; -} - .border-2 { border-width: 2px; } +.border-0 { + border-width: 0px; +} + .border-4 { border-width: 4px; } @@ -1549,6 +1568,10 @@ Ensure the default browser behavior of the `hidden` attribute. border-top-width: 1px; } +.border-b-4 { + border-bottom-width: 4px; +} + .border-t-2 { border-top-width: 2px; } @@ -1557,10 +1580,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-left-width: 1px; } -.border-b-4 { - border-bottom-width: 4px; -} - .border-none { border-style: none; } @@ -1580,11 +1599,19 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(243 244 246 / var(--tw-border-opacity)); } +.border-white\/10 { + border-color: rgb(255 255 255 / 0.1); +} + .border-gray-200 { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); } +.border-white\/25 { + border-color: rgb(255 255 255 / 0.25); +} + .border-gray-700 { --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity)); @@ -1595,14 +1622,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(156 163 175 / var(--tw-border-opacity)); } -.border-white\/10 { - border-color: rgb(255 255 255 / 0.1); -} - -.border-white\/25 { - border-color: rgb(255 255 255 / 0.25); -} - .border-transparent { border-color: transparent; } @@ -1637,6 +1656,11 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(20 184 166 / var(--tw-border-opacity)); } +.border-gray-600 { + --tw-border-opacity: 1; + border-color: rgb(75 85 99 / var(--tw-border-opacity)); +} + .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); @@ -1677,6 +1701,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(126 34 206 / var(--tw-bg-opacity)); } +.bg-black { + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); +} + .bg-gray-300 { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); @@ -1686,14 +1715,9 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: transparent; } -.bg-black { +.bg-red-700 { --tw-bg-opacity: 1; - background-color: rgb(0 0 0 / var(--tw-bg-opacity)); -} - -.bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); + background-color: rgb(185 28 28 / var(--tw-bg-opacity)); } .bg-gray-50 { @@ -1701,29 +1725,9 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } -.bg-yellow-500 { +.bg-gray-200 { --tw-bg-opacity: 1; - background-color: rgb(234 179 8 / var(--tw-bg-opacity)); -} - -.bg-indigo-50 { - --tw-bg-opacity: 1; - background-color: rgb(238 242 255 / var(--tw-bg-opacity)); -} - -.bg-indigo-600 { - --tw-bg-opacity: 1; - background-color: rgb(79 70 229 / var(--tw-bg-opacity)); -} - -.bg-red-700 { - --tw-bg-opacity: 1; - background-color: rgb(185 28 28 / var(--tw-bg-opacity)); -} - -.bg-gray-400 { - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); + background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .bg-green-600 { @@ -1731,9 +1735,9 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(22 163 74 / var(--tw-bg-opacity)); } -.bg-cyan-100 { +.bg-yellow-500 { --tw-bg-opacity: 1; - background-color: rgb(207 250 254 / var(--tw-bg-opacity)); + background-color: rgb(234 179 8 / var(--tw-bg-opacity)); } .bg-purple-500 { @@ -1741,6 +1745,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(168 85 247 / var(--tw-bg-opacity)); } +.bg-indigo-600 { + --tw-bg-opacity: 1; + background-color: rgb(79 70 229 / var(--tw-bg-opacity)); +} + .bg-green-500 { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity)); @@ -1811,6 +1820,31 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(192 132 252 / var(--tw-bg-opacity)); } +.bg-gray-400 { + --tw-bg-opacity: 1; + background-color: rgb(156 163 175 / var(--tw-bg-opacity)); +} + +.bg-indigo-50 { + --tw-bg-opacity: 1; + background-color: rgb(238 242 255 / var(--tw-bg-opacity)); +} + +.bg-cyan-100 { + --tw-bg-opacity: 1; + background-color: rgb(207 250 254 / var(--tw-bg-opacity)); +} + +.bg-red-500 { + --tw-bg-opacity: 1; + background-color: rgb(239 68 68 / var(--tw-bg-opacity)); +} + +.bg-cyan-300 { + --tw-bg-opacity: 1; + background-color: rgb(103 232 249 / var(--tw-bg-opacity)); +} + .bg-opacity-50 { --tw-bg-opacity: 0.5; } @@ -1862,12 +1896,24 @@ Ensure the default browser behavior of the `hidden` attribute. background-repeat: no-repeat; } +.fill-current { + fill: currentColor; +} + .fill-black { fill: #000; } -.fill-current { - fill: currentColor; +.fill-cyan-400 { + fill: #22d3ee; +} + +.fill-green-500 { + fill: #22c55e; +} + +.fill-green-600 { + fill: #16a34a; } .object-cover { @@ -1892,14 +1938,14 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 1rem; } -.p-1 { - padding: 0.25rem; -} - .p-2 { padding: 0.5rem; } +.p-1 { + padding: 0.25rem; +} + .p-8 { padding: 2rem; } @@ -1970,6 +2016,16 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 1.5rem; } +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} + +.px-12 { + padding-left: 3rem; + padding-right: 3rem; +} + .py-8 { padding-top: 2rem; padding-bottom: 2rem; @@ -1995,21 +2051,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 0.25rem; } -.py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; -} - -.px-20 { - padding-left: 5rem; - padding-right: 5rem; -} - -.px-12 { - padding-left: 3rem; - padding-right: 3rem; -} - .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; @@ -2025,6 +2066,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 2rem; } +.px-20 { + padding-left: 5rem; + padding-right: 5rem; +} + .py-32 { padding-top: 8rem; padding-bottom: 8rem; @@ -2083,10 +2129,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-top: 2rem; } -.pb-4 { - padding-bottom: 1rem; -} - .pt-32 { padding-top: 8rem; } @@ -2095,8 +2137,8 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 3rem; } -.pb-2 { - padding-bottom: 0.5rem; +.pb-4 { + padding-bottom: 1rem; } .pr-12 { @@ -2167,6 +2209,10 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 14rem; } +.pb-2 { + padding-bottom: 0.5rem; +} + .text-left { text-align: left; } @@ -2217,16 +2263,16 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.75rem; } -.text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; -} - .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } +.text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; +} + .text-5xl { font-size: 3rem; line-height: 1; @@ -2237,6 +2283,11 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1; } +.text-7xl { + font-size: 4.5rem; + line-height: 1; +} + .font-medium { font-weight: 500; } @@ -2249,14 +2300,14 @@ Ensure the default browser behavior of the `hidden` attribute. font-weight: 600; } -.font-normal { - font-weight: 400; -} - .font-extrabold { font-weight: 800; } +.font-normal { + font-weight: 400; +} + .font-light { font-weight: 300; } @@ -2368,11 +2419,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(209 213 219 / var(--tw-text-opacity)); } -.text-purple-400 { - --tw-text-opacity: 1; - color: rgb(192 132 252 / var(--tw-text-opacity)); -} - .text-gray-800 { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); @@ -2418,11 +2464,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(55 65 81 / var(--tw-text-opacity)); } -.text-blue-900 { - --tw-text-opacity: 1; - color: rgb(30 58 138 / var(--tw-text-opacity)); -} - .text-purple-600 { --tw-text-opacity: 1; color: rgb(147 51 234 / var(--tw-text-opacity)); @@ -2433,6 +2474,21 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(167 139 250 / var(--tw-text-opacity)); } +.text-green-600 { + --tw-text-opacity: 1; + color: rgb(22 163 74 / var(--tw-text-opacity)); +} + +.text-blue-900 { + --tw-text-opacity: 1; + color: rgb(30 58 138 / var(--tw-text-opacity)); +} + +.text-purple-400 { + --tw-text-opacity: 1; + color: rgb(192 132 252 / var(--tw-text-opacity)); +} + .text-yellow-500 { --tw-text-opacity: 1; color: rgb(234 179 8 / var(--tw-text-opacity)); @@ -2443,26 +2499,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(249 250 251 / var(--tw-text-opacity)); } -.text-gray-200 { - --tw-text-opacity: 1; - color: rgb(229 231 235 / var(--tw-text-opacity)); -} - -.text-green-600 { - --tw-text-opacity: 1; - color: rgb(22 163 74 / var(--tw-text-opacity)); -} - -.text-black { - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -.text-pink-400 { - --tw-text-opacity: 1; - color: rgb(244 114 182 / var(--tw-text-opacity)); -} - .text-purple-500 { --tw-text-opacity: 1; color: rgb(168 85 247 / var(--tw-text-opacity)); @@ -2478,6 +2514,16 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(79 70 229 / var(--tw-text-opacity)); } +.text-gray-200 { + --tw-text-opacity: 1; + color: rgb(229 231 235 / var(--tw-text-opacity)); +} + +.text-black { + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} + .text-yellow-400 { --tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-text-opacity)); @@ -2522,6 +2568,21 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(74 222 128 / var(--tw-text-opacity)); } +.text-pink-400 { + --tw-text-opacity: 1; + color: rgb(244 114 182 / var(--tw-text-opacity)); +} + +.text-cyan-800 { + --tw-text-opacity: 1; + color: rgb(21 94 117 / var(--tw-text-opacity)); +} + +.text-green-800 { + --tw-text-opacity: 1; + color: rgb(22 101 52 / var(--tw-text-opacity)); +} + .underline { -webkit-text-decoration-line: underline; text-decoration-line: underline; @@ -2537,21 +2598,6 @@ Ensure the default browser behavior of the `hidden` attribute. -moz-osx-font-smoothing: grayscale; } -.placeholder-gray-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgb(249 250 251 / var(--tw-placeholder-opacity)); -} - -.placeholder-gray-50:-ms-input-placeholder { - --tw-placeholder-opacity: 1; - color: rgb(249 250 251 / var(--tw-placeholder-opacity)); -} - -.placeholder-gray-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgb(249 250 251 / var(--tw-placeholder-opacity)); -} - .placeholder-gray-400::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(156 163 175 / var(--tw-placeholder-opacity)); @@ -2567,6 +2613,21 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(156 163 175 / var(--tw-placeholder-opacity)); } +.placeholder-gray-50::-moz-placeholder { + --tw-placeholder-opacity: 1; + color: rgb(249 250 251 / var(--tw-placeholder-opacity)); +} + +.placeholder-gray-50:-ms-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgb(249 250 251 / var(--tw-placeholder-opacity)); +} + +.placeholder-gray-50::placeholder { + --tw-placeholder-opacity: 1; + color: rgb(249 250 251 / var(--tw-placeholder-opacity)); +} + .opacity-50 { opacity: 0.5; } @@ -2660,10 +2721,6 @@ Ensure the default browser behavior of the `hidden` attribute. transition-duration: 700ms; } -.duration-100 { - transition-duration: 100ms; -} - .duration-150 { transition-duration: 150ms; } @@ -2672,6 +2729,10 @@ Ensure the default browser behavior of the `hidden` attribute. transition-duration: 500ms; } +.duration-100 { + transition-duration: 100ms; +} + .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } @@ -2755,6 +2816,16 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(255 255 255 / var(--tw-border-opacity)); } +.hover\:bg-blue-700:hover { + --tw-bg-opacity: 1; + background-color: rgb(29 78 216 / var(--tw-bg-opacity)); +} + +.hover\:bg-white:hover { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +} + .hover\:bg-gray-50:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); @@ -2775,16 +2846,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(79 70 229 / var(--tw-bg-opacity)); } -.hover\:bg-blue-700:hover { - --tw-bg-opacity: 1; - background-color: rgb(29 78 216 / var(--tw-bg-opacity)); -} - -.hover\:bg-white:hover { - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - .hover\:bg-gray-200:hover { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); @@ -2839,19 +2900,9 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(234 179 8 / var(--tw-bg-opacity)); } -.hover\:text-purple-200:hover { +.hover\:text-purple-800:hover { --tw-text-opacity: 1; - color: rgb(233 213 255 / var(--tw-text-opacity)); -} - -.hover\:text-purple-400:hover { - --tw-text-opacity: 1; - color: rgb(192 132 252 / var(--tw-text-opacity)); -} - -.hover\:text-purple-300:hover { - --tw-text-opacity: 1; - color: rgb(216 180 254 / var(--tw-text-opacity)); + color: rgb(107 33 168 / var(--tw-text-opacity)); } .hover\:text-teal-400:hover { @@ -2874,9 +2925,9 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(147 51 234 / var(--tw-text-opacity)); } -.hover\:text-purple-800:hover { +.hover\:text-red-500:hover { --tw-text-opacity: 1; - color: rgb(107 33 168 / var(--tw-text-opacity)); + color: rgb(239 68 68 / var(--tw-text-opacity)); } .hover\:text-blue-700:hover { @@ -2884,6 +2935,16 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(29 78 216 / var(--tw-text-opacity)); } +.hover\:text-purple-200:hover { + --tw-text-opacity: 1; + color: rgb(233 213 255 / var(--tw-text-opacity)); +} + +.hover\:text-purple-400:hover { + --tw-text-opacity: 1; + color: rgb(192 132 252 / var(--tw-text-opacity)); +} + .hover\:text-gray-500:hover { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); @@ -2894,11 +2955,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(31 41 55 / var(--tw-text-opacity)); } -.hover\:text-red-500:hover { - --tw-text-opacity: 1; - color: rgb(239 68 68 / var(--tw-text-opacity)); -} - .hover\:text-blue-400:hover { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity)); @@ -2909,16 +2965,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(244 114 182 / var(--tw-text-opacity)); } -.hover\:text-indigo-600:hover { - --tw-text-opacity: 1; - color: rgb(79 70 229 / var(--tw-text-opacity)); -} - -.hover\:text-gray-400:hover { - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); -} - .hover\:text-purple-500:hover { --tw-text-opacity: 1; color: rgb(168 85 247 / var(--tw-text-opacity)); @@ -2934,11 +2980,26 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(209 213 219 / var(--tw-text-opacity)); } +.hover\:text-indigo-600:hover { + --tw-text-opacity: 1; + color: rgb(79 70 229 / var(--tw-text-opacity)); +} + .hover\:text-gray-600:hover { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } +.hover\:text-purple-300:hover { + --tw-text-opacity: 1; + color: rgb(216 180 254 / var(--tw-text-opacity)); +} + +.hover\:text-gray-400:hover { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity)); +} + .hover\:text-opacity-75:hover { --tw-text-opacity: 0.75; } @@ -3066,16 +3127,16 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-opacity: 0.8; } -.active\:bg-yellow-400:active { - --tw-bg-opacity: 1; - background-color: rgb(250 204 21 / var(--tw-bg-opacity)); -} - .active\:bg-blue-500:active { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity)); } +.active\:bg-yellow-400:active { + --tw-bg-opacity: 1; + background-color: rgb(250 204 21 / var(--tw-bg-opacity)); +} + .dark .dark\:rounded-2xl { border-radius: 1rem; } @@ -3109,6 +3170,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } +.dark .dark\:bg-violet-400 { + --tw-bg-opacity: 1; + background-color: rgb(167 139 250 / var(--tw-bg-opacity)); +} + .dark .dark\:bg-purple-800 { --tw-bg-opacity: 1; background-color: rgb(107 33 168 / var(--tw-bg-opacity)); @@ -3124,11 +3190,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } -.dark .dark\:bg-violet-400 { - --tw-bg-opacity: 1; - background-color: rgb(167 139 250 / var(--tw-bg-opacity)); -} - .dark .dark\:bg-indigo-400 { --tw-bg-opacity: 1; background-color: rgb(129 140 248 / var(--tw-bg-opacity)); @@ -3144,6 +3205,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(125 211 252 / var(--tw-bg-opacity)); } +.dark .dark\:bg-gray-400 { + --tw-bg-opacity: 1; + background-color: rgb(156 163 175 / var(--tw-bg-opacity)); +} + .dark .dark\:bg-indigo-600 { --tw-bg-opacity: 1; background-color: rgb(79 70 229 / var(--tw-bg-opacity)); @@ -3154,11 +3220,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(19 78 74 / var(--tw-bg-opacity)); } -.dark .dark\:bg-gray-300 { - --tw-bg-opacity: 1; - background-color: rgb(209 213 219 / var(--tw-bg-opacity)); -} - .dark .dark\:bg-opacity-40 { --tw-bg-opacity: 0.4; } @@ -3167,11 +3228,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-image: linear-gradient(to right, var(--tw-gradient-stops)); } -.dark .dark\:from-black { - --tw-gradient-from: #000; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(0 0 0 / 0)); -} - .dark .dark\:from-emerald-800 { --tw-gradient-from: #065f46; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(6 95 70 / 0)); @@ -3182,12 +3238,13 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(5 150 105 / 0)); } -.dark .dark\:via-emerald-500 { - --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgb(16 185 129 / 0)); +.dark .dark\:from-black { + --tw-gradient-from: #000; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(0 0 0 / 0)); } -.dark .dark\:to-green-800 { - --tw-gradient-to: #166534; +.dark .dark\:via-emerald-500 { + --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgb(16 185 129 / 0)); } .dark .dark\:to-cyan-800 { @@ -3198,10 +3255,22 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-gradient-to: #14b8a6; } +.dark .dark\:to-green-800 { + --tw-gradient-to: #166534; +} + .dark .dark\:fill-white { fill: #fff; } +.dark .dark\:fill-cyan-400 { + fill: #22d3ee; +} + +.dark .dark\:fill-cyan-600 { + fill: #0891b2; +} + .dark .dark\:p-1 { padding: 0.25rem; } @@ -3219,9 +3288,14 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(255 255 255 / var(--tw-text-opacity)); } -.dark .dark\:text-gray-300 { +.dark .dark\:text-gray-50 { --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); + color: rgb(249 250 251 / var(--tw-text-opacity)); +} + +.dark .dark\:text-gray-900 { + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity)); } .dark .dark\:text-purple-400 { @@ -3229,11 +3303,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(192 132 252 / var(--tw-text-opacity)); } -.dark .dark\:text-gray-400 { - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); -} - .dark .dark\:text-purple-300 { --tw-text-opacity: 1; color: rgb(216 180 254 / var(--tw-text-opacity)); @@ -3249,24 +3318,19 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(229 231 235 / var(--tw-text-opacity)); } +.dark .dark\:text-gray-300 { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity)); +} + .dark .dark\:text-purple-700 { --tw-text-opacity: 1; color: rgb(126 34 206 / var(--tw-text-opacity)); } -.dark .dark\:text-sky-400 { +.dark .dark\:text-gray-400 { --tw-text-opacity: 1; - color: rgb(56 189 248 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-50 { - --tw-text-opacity: 1; - color: rgb(249 250 251 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-900 { - --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); + color: rgb(156 163 175 / var(--tw-text-opacity)); } .dark .dark\:text-gray-100 { @@ -3279,16 +3343,21 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(107 114 128 / var(--tw-text-opacity)); } -.dark .dark\:text-sky-300 { - --tw-text-opacity: 1; - color: rgb(125 211 252 / var(--tw-text-opacity)); -} - .dark .dark\:text-violet-400 { --tw-text-opacity: 1; color: rgb(167 139 250 / var(--tw-text-opacity)); } +.dark .dark\:text-sky-400 { + --tw-text-opacity: 1; + color: rgb(56 189 248 / var(--tw-text-opacity)); +} + +.dark .dark\:text-sky-300 { + --tw-text-opacity: 1; + color: rgb(125 211 252 / var(--tw-text-opacity)); +} + .dark .dark\:text-cyan-300 { --tw-text-opacity: 1; color: rgb(103 232 249 / var(--tw-text-opacity)); @@ -3325,6 +3394,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(75 85 99 / var(--tw-bg-opacity)); } +.dark .hover\:dark\:text-violet-400:hover { + --tw-text-opacity: 1; + color: rgb(167 139 250 / var(--tw-text-opacity)); +} + .dark .dark\:hover\:text-purple-500:hover { --tw-text-opacity: 1; color: rgb(168 85 247 / var(--tw-text-opacity)); @@ -3345,16 +3419,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(107 33 168 / var(--tw-text-opacity)); } -.dark .dark\:hover\:text-sky-800:hover { - --tw-text-opacity: 1; - color: rgb(7 89 133 / var(--tw-text-opacity)); -} - -.dark .hover\:dark\:text-violet-400:hover { - --tw-text-opacity: 1; - color: rgb(167 139 250 / var(--tw-text-opacity)); -} - .dark .dark\:hover\:text-gray-300:hover { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); @@ -3365,6 +3429,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(255 255 255 / var(--tw-text-opacity)); } +.dark .dark\:hover\:text-sky-800:hover { + --tw-text-opacity: 1; + color: rgb(7 89 133 / var(--tw-text-opacity)); +} + .dark .dark\:hover\:text-sky-300:hover { --tw-text-opacity: 1; color: rgb(125 211 252 / var(--tw-text-opacity)); @@ -3390,11 +3459,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(55 65 81 / var(--tw-text-opacity)); } -.dark .dark .dark\:hover\:dark\:text-gray-300:hover { - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); -} - .dark .dark\:hover\:text-cyan-300:hover { --tw-text-opacity: 1; color: rgb(103 232 249 / var(--tw-text-opacity)); @@ -3459,14 +3523,14 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: auto; } - .sm\:mr-4 { - margin-right: 1rem; - } - .sm\:ml-4 { margin-left: 1rem; } + .sm\:mr-4 { + margin-right: 1rem; + } + .sm\:-mr-20 { margin-right: -5rem; } @@ -3782,16 +3846,16 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0px; } - .md\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; - } - .md\:my-0 { margin-top: 0px; margin-bottom: 0px; } + .md\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; + } + .md\:mr-2 { margin-right: 0.5rem; } @@ -3896,10 +3960,6 @@ Ensure the default browser behavior of the `hidden` attribute. width: 33.333333%; } - .md\:w-8 { - width: 2rem; - } - .md\:w-3\/6 { width: 50%; } @@ -3928,6 +3988,10 @@ Ensure the default browser behavior of the `hidden` attribute. width: 33.333333%; } + .md\:w-8 { + width: 2rem; + } + .md\:max-w-full { max-width: 100%; } @@ -3960,14 +4024,14 @@ Ensure the default browser behavior of the `hidden` attribute. grid-template-columns: repeat(5, minmax(0, 1fr)); } - .md\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); - } - .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } + .md\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); + } + .md\:flex-row { flex-direction: row; } @@ -4091,16 +4155,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 6rem; } - .md\:px-8 { - padding-left: 2rem; - padding-right: 2rem; - } - - .md\:py-0 { - padding-top: 0px; - padding-bottom: 0px; - } - .md\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; @@ -4111,6 +4165,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 1rem; } + .md\:px-8 { + padding-left: 2rem; + padding-right: 2rem; + } + .md\:px-0 { padding-left: 0px; padding-right: 0px; @@ -4121,6 +4180,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 8rem; } + .md\:py-0 { + padding-top: 0px; + padding-bottom: 0px; + } + .md\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; @@ -4168,6 +4232,10 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 16rem; } + .md\:pt-0 { + padding-top: 0px; + } + .md\:text-left { text-align: left; } @@ -4185,11 +4253,6 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1; } - .md\:text-base { - font-size: 1rem; - line-height: 1.5rem; - } - .md\:text-lg { font-size: 1.125rem; line-height: 1.75rem; @@ -4210,6 +4273,11 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.75rem; } + .md\:text-base { + font-size: 1rem; + line-height: 1.5rem; + } + .md\:leading-snug { line-height: 1.375; } @@ -4301,10 +4369,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: 2rem; } - .lg\:mb-16 { - margin-bottom: 4rem; - } - .lg\:mr-12 { margin-right: 3rem; } @@ -4329,6 +4393,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: 2.5rem; } + .lg\:mb-16 { + margin-bottom: 4rem; + } + .lg\:block { display: block; } @@ -4465,14 +4533,14 @@ Ensure the default browser behavior of the `hidden` attribute. grid-template-columns: repeat(5, minmax(0, 1fr)); } - .lg\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); - } - .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } + .lg\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); + } + .lg\:flex-row { flex-direction: row; } diff --git a/public/componets/footer/35_footer.html b/public/componets/footer/35_footer.html new file mode 100644 index 0000000..5abfec9 --- /dev/null +++ b/public/componets/footer/35_footer.html @@ -0,0 +1,43 @@ + + + + + + + + + + Footer + + + + +
+
Footer 35
+
+
+
+
+
    +
  • Terms & Conditions
  • +
  • Privacy
  • +
  • Cookies
  • +
+
    +
  • +
  • +
  • +
+
+ Copyright Business Name © 2021 +
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/public/componets/footer/36_footer.html b/public/componets/footer/36_footer.html new file mode 100644 index 0000000..b5cbdea --- /dev/null +++ b/public/componets/footer/36_footer.html @@ -0,0 +1,78 @@ + + + + + + + + + + Footer + + + + + +
+
Footer 36
+
+
+
+
+

How can we help you. get + in touch

+
+
+

To ensure that all Wikipedia content is verifiable, anyone may question an uncited claim. If your work has been tagged

+ +
+
+
+
+ + + + + + + + +
+ + + + + +
+
+

Copyright © 2020 Besnik Creative

+
+
+
+ + + + + + + \ No newline at end of file diff --git a/public/componets/footer/footer.html b/public/componets/footer/footer.html index c4deb1b..0e63c88 100644 --- a/public/componets/footer/footer.html +++ b/public/componets/footer/footer.html @@ -3261,9 +3261,95 @@ + +
+
Footer 35
+
+
+
+
+
    +
  • Terms & Conditions
  • +
  • Privacy
  • +
  • Cookies
  • +
+
    +
  • +
  • +
  • +
+
+ Copyright Business Name © 2021 +
+
+
+
+ + + +
+
Footer 36
+
+
+
+
+

How can we help you. get + in touch

+
+
+

To ensure that all Wikipedia content is verifiable, anyone may question an uncited claim. If your work has been tagged

+ +
+
+
+
+ + + + + + + + +
+ + + + + +
+
+

Copyright © 2020 Besnik Creative

+
+
+
+ + + +