From b02f32073abb529046974e127d413b51733c4299 Mon Sep 17 00:00:00 2001 From: merajjahir Date: Wed, 23 Feb 2022 20:01:58 +0600 Subject: [PATCH] added 23 testimonial and 8 pricing component block's even tho they need to be more modified --- dist/tailshape.css | 1663 ++++++++++++-- public/componets/accordion/10_accordion.html | 507 +++++ public/componets/accordion/11_accordion.html | 121 + public/componets/accordion/4_accordion.html | 26 + public/componets/accordion/5_accordion.html | 111 + public/componets/accordion/6_accordion.html | 230 ++ public/componets/accordion/7_accordion.html | 65 + public/componets/accordion/8_accordion.html | 138 ++ public/componets/accordion/9_accordion.html | 84 + public/componets/accordion/accordion.html | 931 ++++++++ public/componets/pricing/pricing.html | 1265 +++++++++++ .../componets/testimonial/11_testimonial.html | 304 +++ .../componets/testimonial/17_testimonial.html | 128 ++ .../componets/testimonial/1_testimonial.html | 40 + public/componets/testimonial/testimonial.html | 1986 +++++++++++++++++ 15 files changed, 7455 insertions(+), 144 deletions(-) create mode 100644 public/componets/accordion/10_accordion.html create mode 100644 public/componets/accordion/11_accordion.html create mode 100644 public/componets/accordion/5_accordion.html create mode 100644 public/componets/accordion/6_accordion.html create mode 100644 public/componets/accordion/7_accordion.html create mode 100644 public/componets/accordion/8_accordion.html create mode 100644 public/componets/accordion/9_accordion.html create mode 100644 public/componets/pricing/pricing.html create mode 100644 public/componets/testimonial/11_testimonial.html create mode 100644 public/componets/testimonial/17_testimonial.html create mode 100644 public/componets/testimonial/1_testimonial.html create mode 100644 public/componets/testimonial/testimonial.html diff --git a/dist/tailshape.css b/dist/tailshape.css index c931d89..b83e0cf 100755 --- a/dist/tailshape.css +++ b/dist/tailshape.css @@ -518,6 +518,10 @@ Ensure the default browser behavior of the `hidden` attribute. pointer-events: none; } +.fixed { + position: fixed; +} + .absolute { position: absolute; } @@ -543,6 +547,18 @@ Ensure the default browser behavior of the `hidden` attribute. right: 0px; } +.top-0 { + top: 0px; +} + +.right-0 { + right: 0px; +} + +.bottom-0 { + bottom: 0px; +} + .top-1\/2 { top: 50%; } @@ -555,10 +571,6 @@ Ensure the default browser behavior of the `hidden` attribute. right: 0.25rem; } -.top-0 { - top: 0px; -} - .bottom-auto { bottom: auto; } @@ -567,14 +579,6 @@ Ensure the default browser behavior of the `hidden` attribute. left: 0px; } -.right-0 { - right: 0px; -} - -.bottom-0 { - bottom: 0px; -} - .right-4 { right: 1rem; } @@ -603,6 +607,14 @@ Ensure the default browser behavior of the `hidden` attribute. top: 4rem; } +.-bottom-5 { + bottom: -1.25rem; +} + +.right-1\/2 { + right: 50%; +} + .z-0 { z-index: 0; } @@ -679,6 +691,10 @@ Ensure the default browser behavior of the `hidden` attribute. float: left; } +.m-8 { + margin: 2rem; +} + .m-1 { margin: 0.25rem; } @@ -703,6 +719,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin: 2.5rem; } +.-m-4 { + margin: -1rem; +} + .mx-auto { margin-left: auto; margin-right: auto; @@ -723,6 +743,11 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 1.25rem; } +.my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + .my-4 { margin-top: 1rem; margin-bottom: 1rem; @@ -813,11 +838,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0.375rem; } -.my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - .mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; @@ -833,6 +853,21 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: -0.75rem; } +.mx-20 { + margin-left: 5rem; + margin-right: 5rem; +} + +.-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; +} + +.my-20 { + margin-top: 5rem; + margin-bottom: 5rem; +} + .mt-6 { margin-top: 1.5rem; } @@ -849,20 +884,36 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: 2.25rem; } -.mt-12 { - margin-top: 3rem; +.mb-2 { + margin-bottom: 0.5rem; } -.mt-1 { - margin-top: 0.25rem; +.mb-8 { + margin-bottom: 2rem; +} + +.mb-auto { + margin-bottom: auto; +} + +.ml-auto { + margin-left: auto; } .mt-2 { margin-top: 0.5rem; } -.mb-8 { - margin-bottom: 2rem; +.mr-2 { + margin-right: 0.5rem; +} + +.mt-12 { + margin-top: 3rem; +} + +.mt-1 { + margin-top: 0.25rem; } .mt-4 { @@ -889,10 +940,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: 0.75rem; } -.mb-2 { - margin-bottom: 0.5rem; -} - .mt-10 { margin-top: 2.5rem; } @@ -937,10 +984,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: 0.25rem; } -.mr-2 { - margin-right: 0.5rem; -} - .ml-6 { margin-left: 1.5rem; } @@ -961,10 +1004,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: 7rem; } -.ml-auto { - margin-left: auto; -} - .mt-24 { margin-top: 6rem; } @@ -1109,6 +1148,38 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: 2.5rem; } +.mb-\[60px\] { + margin-bottom: 60px; +} + +.-mr-16 { + margin-right: -4rem; +} + +.-mt-8 { + margin-top: -2rem; +} + +.-mt-6 { + margin-top: -1.5rem; +} + +.-mt-3 { + margin-top: -0.75rem; +} + +.mr-11 { + margin-right: 2.75rem; +} + +.-ml-20 { + margin-left: -5rem; +} + +.-mt-48 { + margin-top: -12rem; +} + .block { display: block; } @@ -1125,6 +1196,10 @@ Ensure the default browser behavior of the `hidden` attribute. display: inline-flex; } +.table { + display: table; +} + .grid { display: grid; } @@ -1225,6 +1300,14 @@ Ensure the default browser behavior of the `hidden` attribute. height: 6rem; } +.h-2 { + height: 0.5rem; +} + +.h-48 { + height: 12rem; +} + .max-h-0 { max-height: 0px; } @@ -1361,6 +1444,38 @@ Ensure the default browser behavior of the `hidden` attribute. width: 20%; } +.w-16 { + width: 4rem; +} + +.w-2 { + width: 0.5rem; +} + +.w-72 { + width: 18rem; +} + +.w-2\/6 { + width: 33.333333%; +} + +.w-10\/12 { + width: 83.333333%; +} + +.w-9\/12 { + width: 75%; +} + +.w-0 { + width: 0px; +} + +.w-1\/4 { + width: 25%; +} + .min-w-0 { min-width: 0px; } @@ -1369,6 +1484,10 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 32rem; } +.max-w-sm { + max-width: 24rem; +} + .max-w-screen-xl { max-width: 1280px; } @@ -1405,10 +1524,6 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 768px; } -.max-w-sm { - max-width: 24rem; -} - .max-w-\[480px\] { max-width: 480px; } @@ -1425,6 +1540,22 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 56rem; } +.max-w-\[520px\] { + max-width: 520px; +} + +.max-w-\[40px\] { + max-width: 40px; +} + +.max-w-5xl { + max-width: 64rem; +} + +.max-w-\[1340px\] { + max-width: 1340px; +} + .flex-auto { flex: 1 1 auto; } @@ -1441,6 +1572,14 @@ Ensure the default browser behavior of the `hidden` attribute. flex-shrink: 0; } +.flex-shrink { + flex-shrink: 1; +} + +.shrink-0 { + flex-shrink: 0; +} + .flex-grow { flex-grow: 1; } @@ -1449,6 +1588,10 @@ Ensure the default browser behavior of the `hidden` attribute. flex-grow: 1; } +.border-collapse { + border-collapse: collapse; +} + .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1479,21 +1622,31 @@ Ensure the default browser behavior of the `hidden` attribute. transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.rotate-45 { - --tw-rotate: 45deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - .rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.rotate-45 { + --tw-rotate: 45deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.rotate-0 { + --tw-rotate: 0deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.-rotate-180 { + --tw-rotate: -180deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .-skew-x-3 { --tw-skew-x: -3deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1511,6 +1664,18 @@ Ensure the default browser behavior of the `hidden` attribute. transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.scale-75 { + --tw-scale-x: .75; + --tw-scale-y: .75; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.scale-110 { + --tw-scale-x: 1.1; + --tw-scale-y: 1.1; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @@ -1526,10 +1691,18 @@ Ensure the default browser behavior of the `hidden` attribute. user-select: none; } +.resize { + resize: both; +} + .list-none { list-style-type: none; } +.list-disc { + list-style-type: disc; +} + .appearance-none { -webkit-appearance: none; -moz-appearance: none; @@ -1576,6 +1749,10 @@ Ensure the default browser behavior of the `hidden` attribute. place-items: center; } +.content-center { + align-content: center; +} + .items-start { align-items: flex-start; } @@ -1588,6 +1765,10 @@ Ensure the default browser behavior of the `hidden` attribute. align-items: center; } +.items-baseline { + align-items: baseline; +} + .items-stretch { align-items: stretch; } @@ -1596,6 +1777,10 @@ Ensure the default browser behavior of the `hidden` attribute. justify-content: flex-start; } +.justify-end { + justify-content: flex-end; +} + .justify-center { justify-content: center; } @@ -1608,6 +1793,10 @@ Ensure the default browser behavior of the `hidden` attribute. justify-content: space-evenly; } +.justify-items-center { + justify-items: center; +} + .gap-4 { gap: 1rem; } @@ -1662,12 +1851,23 @@ Ensure the default browser behavior of the `hidden` attribute. column-gap: 1rem; } +.gap-x-16 { + -moz-column-gap: 4rem; + column-gap: 4rem; +} + .space-x-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1.25rem * var(--tw-space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); } +.space-y-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1rem * var(--tw-space-y-reverse)); +} + .space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); @@ -1680,12 +1880,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); } -.space-y-4 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1rem * var(--tw-space-y-reverse)); -} - .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); @@ -1770,6 +1964,12 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); } +.space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.125rem * var(--tw-space-x-reverse)); + margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse))); +} + .space-y-reverse > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 1; } @@ -1801,6 +2001,11 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(243 244 246 / var(--tw-divide-opacity)); } +.divide-gray-300 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + border-color: rgb(209 213 219 / var(--tw-divide-opacity)); +} + .divide-opacity-50 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 0.5; } @@ -1863,14 +2068,14 @@ Ensure the default browser behavior of the `hidden` attribute. border-radius: 0.25rem; } -.rounded-md { - border-radius: 0.375rem; -} - .rounded-sm { border-radius: 0.125rem; } +.rounded-md { + border-radius: 0.375rem; +} + .rounded-xl { border-radius: 0.75rem; } @@ -1879,6 +2084,10 @@ Ensure the default browser behavior of the `hidden` attribute. border-radius: 1rem; } +.rounded-none { + border-radius: 0px; +} + .rounded-b-none { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; @@ -1889,10 +2098,54 @@ Ensure the default browser behavior of the `hidden` attribute. border-top-right-radius: 0.25rem; } +.rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; +} + +.rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; +} + +.rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; +} + +.rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; +} + +.rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; +} + +.rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; +} + +.rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + .border { border-width: 1px; } +.border-4 { + border-width: 4px; +} + .border-0 { border-width: 0px; } @@ -1901,14 +2154,18 @@ Ensure the default browser behavior of the `hidden` attribute. border-width: 2px; } -.border-4 { - border-width: 4px; -} - .border-b { border-bottom-width: 1px; } +.border-l-2 { + border-left-width: 2px; +} + +.border-l-4 { + border-left-width: 4px; +} + .border-t { border-top-width: 1px; } @@ -1933,6 +2190,18 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-width: 4px; } +.border-b-0 { + border-bottom-width: 0px; +} + +.border-t-0 { + border-top-width: 0px; +} + +.border-solid { + border-style: solid; +} + .border-none { border-style: none; } @@ -1952,6 +2221,31 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(229 231 235 / var(--tw-border-opacity)); } +.border-purple-600 { + --tw-border-opacity: 1; + border-color: rgb(147 51 234 / var(--tw-border-opacity)); +} + +.border-yellow-300 { + --tw-border-opacity: 1; + border-color: rgb(253 224 71 / var(--tw-border-opacity)); +} + +.border-purple-300 { + --tw-border-opacity: 1; + border-color: rgb(216 180 254 / var(--tw-border-opacity)); +} + +.border-red-300 { + --tw-border-opacity: 1; + border-color: rgb(252 165 165 / var(--tw-border-opacity)); +} + +.border-gray-700 { + --tw-border-opacity: 1; + border-color: rgb(55 65 81 / var(--tw-border-opacity)); +} + .border-gray-800 { --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity)); @@ -1967,11 +2261,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(243 244 246 / var(--tw-border-opacity)); } -.border-gray-700 { - --tw-border-opacity: 1; - border-color: rgb(55 65 81 / var(--tw-border-opacity)); -} - .border-gray-600 { --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity)); @@ -2044,6 +2333,36 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(20 184 166 / var(--tw-border-opacity)); } +.border-\[\#F3F4FE\] { + --tw-border-opacity: 1; + border-color: rgb(243 244 254 / var(--tw-border-opacity)); +} + +.border-pink-600 { + --tw-border-opacity: 1; + border-color: rgb(219 39 119 / var(--tw-border-opacity)); +} + +.border-purple-400 { + --tw-border-opacity: 1; + border-color: rgb(192 132 252 / var(--tw-border-opacity)); +} + +.border-purple-800 { + --tw-border-opacity: 1; + border-color: rgb(107 33 168 / var(--tw-border-opacity)); +} + +.border-purple-200 { + --tw-border-opacity: 1; + border-color: rgb(233 213 255 / var(--tw-border-opacity)); +} + +.border-red-200 { + --tw-border-opacity: 1; + border-color: rgb(254 202 202 / var(--tw-border-opacity)); +} + .border-b-gray-800 { --tw-border-opacity: 1; border-bottom-color: rgb(31 41 55 / var(--tw-border-opacity)); @@ -2054,6 +2373,10 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-color: rgb(107 114 128 / var(--tw-border-opacity)); } +.border-opacity-50 { + --tw-border-opacity: 0.5; +} + .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); @@ -2099,11 +2422,51 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(238 242 255 / var(--tw-bg-opacity)); } +.bg-blue-200 { + --tw-bg-opacity: 1; + background-color: rgb(191 219 254 / var(--tw-bg-opacity)); +} + +.bg-yellow-500 { + --tw-bg-opacity: 1; + background-color: rgb(234 179 8 / var(--tw-bg-opacity)); +} + +.bg-blue-100 { + --tw-bg-opacity: 1; + background-color: rgb(219 234 254 / var(--tw-bg-opacity)); +} + +.bg-yellow-100 { + --tw-bg-opacity: 1; + background-color: rgb(254 249 195 / var(--tw-bg-opacity)); +} + +.bg-purple-100 { + --tw-bg-opacity: 1; + background-color: rgb(243 232 255 / var(--tw-bg-opacity)); +} + +.bg-red-100 { + --tw-bg-opacity: 1; + background-color: rgb(254 226 226 / var(--tw-bg-opacity)); +} + .bg-gray-900 { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)); } +.bg-gray-800 { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); +} + +.bg-red-700 { + --tw-bg-opacity: 1; + background-color: rgb(185 28 28 / var(--tw-bg-opacity)); +} + .bg-gray-700 { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)); @@ -2114,11 +2477,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(99 102 241 / var(--tw-bg-opacity)); } -.bg-gray-800 { - --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity)); -} - .bg-blue-600 { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity)); @@ -2138,11 +2496,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } -.bg-yellow-500 { - --tw-bg-opacity: 1; - background-color: rgb(234 179 8 / var(--tw-bg-opacity)); -} - .bg-cyan-100 { --tw-bg-opacity: 1; background-color: rgb(207 250 254 / var(--tw-bg-opacity)); @@ -2168,11 +2521,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(75 85 99 / var(--tw-bg-opacity)); } -.bg-red-700 { - --tw-bg-opacity: 1; - background-color: rgb(185 28 28 / var(--tw-bg-opacity)); -} - .bg-purple-600 { --tw-bg-opacity: 1; background-color: rgb(147 51 234 / var(--tw-bg-opacity)); @@ -2198,11 +2546,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(59 130 246 / var(--tw-bg-opacity)); } -.bg-blue-100 { - --tw-bg-opacity: 1; - background-color: rgb(219 234 254 / var(--tw-bg-opacity)); -} - .bg-blue-900 { --tw-bg-opacity: 1; background-color: rgb(30 58 138 / var(--tw-bg-opacity)); @@ -2303,6 +2646,36 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(96 165 250 / var(--tw-bg-opacity)); } +.bg-red-300 { + --tw-bg-opacity: 1; + background-color: rgb(252 165 165 / var(--tw-bg-opacity)); +} + +.bg-purple-800 { + --tw-bg-opacity: 1; + background-color: rgb(107 33 168 / var(--tw-bg-opacity)); +} + +.bg-indigo-300 { + --tw-bg-opacity: 1; + background-color: rgb(165 180 252 / var(--tw-bg-opacity)); +} + +.bg-teal-400 { + --tw-bg-opacity: 1; + background-color: rgb(45 212 191 / var(--tw-bg-opacity)); +} + +.bg-teal-800 { + --tw-bg-opacity: 1; + background-color: rgb(17 94 89 / var(--tw-bg-opacity)); +} + +.bg-teal-600 { + --tw-bg-opacity: 1; + background-color: rgb(13 148 136 / var(--tw-bg-opacity)); +} + .bg-opacity-50 { --tw-bg-opacity: 0.5; } @@ -2319,6 +2692,10 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-bg-opacity: 0.05; } +.bg-opacity-70 { + --tw-bg-opacity: 0.7; +} + .bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } @@ -2335,6 +2712,10 @@ Ensure the default browser behavior of the `hidden` attribute. background-image: url(https://images.unsplash.com/photo-1514525253161-7a46d19cd819?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1267&q=80); } +.bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); +} + .from-purple-100 { --tw-gradient-from: #f3e8ff; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(243 232 255 / 0)); @@ -2355,6 +2736,11 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(74 222 128 / 0)); } +.from-blue-500 { + --tw-gradient-from: #3b82f6; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(59 130 246 / 0)); +} + .via-red-300 { --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgb(252 165 165 / 0)); } @@ -2379,14 +2765,26 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-gradient-to: #a855f7; } +.to-blue-600 { + --tw-gradient-to: #2563eb; +} + .bg-cover { background-size: cover; } +.bg-contain { + background-size: contain; +} + .bg-fixed { background-attachment: fixed; } +.bg-clip-border { + background-clip: border-box; +} + .bg-clip-text { -webkit-background-clip: text; background-clip: text; @@ -2396,6 +2794,10 @@ Ensure the default browser behavior of the `hidden` attribute. background-position: center; } +.bg-top { + background-position: top; +} + .bg-no-repeat { background-repeat: no-repeat; } @@ -2428,6 +2830,14 @@ Ensure the default browser behavior of the `hidden` attribute. stroke: #6b7280; } +.stroke-current { + stroke: currentColor; +} + +.stroke-2 { + stroke-width: 2; +} + .object-cover { -o-object-fit: cover; object-fit: cover; @@ -2446,26 +2856,30 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 2.5rem; } -.p-6 { - padding: 1.5rem; +.p-4 { + padding: 1rem; } .p-3 { padding: 0.75rem; } -.p-4 { - padding: 1rem; -} - -.p-1 { - padding: 0.25rem; +.p-20 { + padding: 5rem; } .p-2 { padding: 0.5rem; } +.p-6 { + padding: 1.5rem; +} + +.p-1 { + padding: 0.25rem; +} + .p-8 { padding: 2rem; } @@ -2474,14 +2888,18 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 7rem; } -.p-20 { - padding: 5rem; -} - .p-0 { padding: 0px; } +.p-16 { + padding: 4rem; +} + +.p-12 { + padding: 3rem; +} + .px-4 { padding-left: 1rem; padding-right: 1rem; @@ -2532,6 +2950,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 1.5rem; } +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; +} + .py-12 { padding-top: 3rem; padding-bottom: 3rem; @@ -2542,11 +2965,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 4rem; } -.py-4 { - padding-top: 1rem; - padding-bottom: 1rem; -} - .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; @@ -2612,6 +3030,21 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 12rem; } +.px-16 { + padding-left: 4rem; + padding-right: 4rem; +} + +.px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; +} + +.py-px { + padding-top: 1px; + padding-bottom: 1px; +} + .pl-8 { padding-left: 2rem; } @@ -2628,6 +3061,10 @@ Ensure the default browser behavior of the `hidden` attribute. padding-left: 2.25rem; } +.pr-10 { + padding-right: 2.5rem; +} + .pl-3 { padding-left: 0.75rem; } @@ -2760,18 +3197,14 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 1.25rem; } -.pr-10 { - padding-right: 2.5rem; +.pl-6 { + padding-left: 1.5rem; } .pl-24 { padding-left: 6rem; } -.pl-6 { - padding-left: 1.5rem; -} - .pl-2 { padding-left: 0.5rem; } @@ -2796,6 +3229,34 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 14rem; } +.pl-\[62px\] { + padding-left: 62px; +} + +.pl-5 { + padding-left: 1.25rem; +} + +.pl-11 { + padding-left: 2.75rem; +} + +.pt-1 { + padding-top: 0.25rem; +} + +.pr-2 { + padding-right: 0.5rem; +} + +.pb-64 { + padding-bottom: 16rem; +} + +.pb-0 { + padding-bottom: 0px; +} + .text-left { text-align: left; } @@ -2824,6 +3285,10 @@ Ensure the default browser behavior of the `hidden` attribute. font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; } +.font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + .text-3xl { font-size: 1.875rem; line-height: 2.25rem; @@ -2891,20 +3356,20 @@ Ensure the default browser behavior of the `hidden` attribute. font-weight: 300; } -.font-bold { - font-weight: 700; -} - -.font-normal { - font-weight: 400; +.font-black { + font-weight: 900; } .font-extrabold { font-weight: 800; } -.font-black { - font-weight: 900; +.font-bold { + font-weight: 700; +} + +.font-normal { + font-weight: 400; } .font-thin { @@ -2919,6 +3384,10 @@ Ensure the default browser behavior of the `hidden` attribute. text-transform: capitalize; } +.italic { + font-style: italic; +} + .leading-loose { line-height: 2; } @@ -3012,9 +3481,9 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(255 255 255 / var(--tw-text-opacity)); } -.text-blue-500 { +.text-purple-700 { --tw-text-opacity: 1; - color: rgb(59 130 246 / var(--tw-text-opacity)); + color: rgb(126 34 206 / var(--tw-text-opacity)); } .text-gray-900 { @@ -3022,16 +3491,21 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(17 24 39 / var(--tw-text-opacity)); } -.text-pink-600 { - --tw-text-opacity: 1; - color: rgb(219 39 119 / var(--tw-text-opacity)); -} - .text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } +.text-blue-500 { + --tw-text-opacity: 1; + color: rgb(59 130 246 / var(--tw-text-opacity)); +} + +.text-pink-600 { + --tw-text-opacity: 1; + color: rgb(219 39 119 / var(--tw-text-opacity)); +} + .text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); @@ -3042,11 +3516,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(192 132 252 / var(--tw-text-opacity)); } -.text-purple-700 { - --tw-text-opacity: 1; - color: rgb(126 34 206 / var(--tw-text-opacity)); -} - .text-teal-400 { --tw-text-opacity: 1; color: rgb(45 212 191 / var(--tw-text-opacity)); @@ -3226,6 +3695,45 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(20 184 166 / var(--tw-text-opacity)); } +.text-blue-600 { + --tw-text-opacity: 1; + color: rgb(37 99 235 / var(--tw-text-opacity)); +} + +.text-indigo-100 { + --tw-text-opacity: 1; + color: rgb(224 231 255 / var(--tw-text-opacity)); +} + +.text-indigo-200 { + --tw-text-opacity: 1; + color: rgb(199 210 254 / var(--tw-text-opacity)); +} + +.text-yellow-300 { + --tw-text-opacity: 1; + color: rgb(253 224 71 / var(--tw-text-opacity)); +} + +.text-yellow-100 { + --tw-text-opacity: 1; + color: rgb(254 249 195 / var(--tw-text-opacity)); +} + +.text-teal-900 { + --tw-text-opacity: 1; + color: rgb(19 78 74 / var(--tw-text-opacity)); +} + +.text-purple-800 { + --tw-text-opacity: 1; + color: rgb(107 33 168 / var(--tw-text-opacity)); +} + +.text-opacity-50 { + --tw-text-opacity: 0.5; +} + .underline { -webkit-text-decoration-line: underline; text-decoration-line: underline; @@ -3309,6 +3817,18 @@ Ensure the default browser behavior of the `hidden` attribute. opacity: 0.75; } +.opacity-0 { + opacity: 0; +} + +.opacity-25 { + opacity: 0.25; +} + +.opacity-100 { + opacity: 1; +} + .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); @@ -3351,6 +3871,12 @@ Ensure the default browser behavior of the `hidden` attribute. box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } +.shadow-none { + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + .shadow-gray-800 { --tw-shadow-color: #1f2937; --tw-shadow: var(--tw-shadow-colored); @@ -3361,6 +3887,10 @@ Ensure the default browser behavior of the `hidden` attribute. outline-offset: 2px; } +.outline { + outline-style: solid; +} + .ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -3372,6 +3902,16 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity)); } +.brightness-125 { + --tw-brightness: brightness(1.25); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} + +.grayscale { + --tw-grayscale: grayscale(100%); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} + .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } @@ -3390,6 +3930,12 @@ Ensure the default browser behavior of the `hidden` attribute. transition-duration: 150ms; } +.transition-transform { + transition-property: transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + .transition-colors { transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; @@ -3398,6 +3944,12 @@ Ensure the default browser behavior of the `hidden` attribute. transition-duration: 150ms; } +.transition-shadow { + transition-property: box-shadow; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + .duration-300 { transition-duration: 300ms; } @@ -3410,14 +3962,14 @@ Ensure the default browser behavior of the `hidden` attribute. transition-duration: 200ms; } -.duration-100 { - transition-duration: 100ms; -} - .duration-500 { transition-duration: 500ms; } +.duration-100 { + transition-duration: 100ms; +} + .duration-150 { transition-duration: 150ms; } @@ -3574,6 +4126,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(238 242 255 / var(--tw-bg-opacity)); } +.hover\:bg-red-700:hover { + --tw-bg-opacity: 1; + background-color: rgb(185 28 28 / var(--tw-bg-opacity)); +} + .hover\:bg-gray-50:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); @@ -3713,6 +4270,16 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(234 179 8 / var(--tw-bg-opacity)); } +.hover\:bg-blue-100:hover { + --tw-bg-opacity: 1; + background-color: rgb(219 234 254 / var(--tw-bg-opacity)); +} + +.hover\:bg-pink-600:hover { + --tw-bg-opacity: 1; + background-color: rgb(219 39 119 / var(--tw-bg-opacity)); +} + .hover\:bg-opacity-90:hover { --tw-bg-opacity: 0.9; } @@ -3886,6 +4453,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(37 99 235 / var(--tw-text-opacity)); } +.hover\:text-indigo-500:hover { + --tw-text-opacity: 1; + color: rgb(99 102 241 / var(--tw-text-opacity)); +} + .hover\:text-opacity-75:hover { --tw-text-opacity: 0.75; } @@ -3895,6 +4467,11 @@ Ensure the default browser behavior of the `hidden` attribute. text-decoration-line: underline; } +.hover\:no-underline:hover { + -webkit-text-decoration-line: none; + text-decoration-line: none; +} + .hover\:opacity-75:hover { opacity: 0.75; } @@ -3923,6 +4500,17 @@ Ensure the default browser behavior of the `hidden` attribute. box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } +.hover\:shadow-2xl:hover { + --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); + --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.hover\:outline-none:hover { + outline: 2px solid transparent; + outline-offset: 2px; +} + .hover\:ring-2:hover { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -3993,6 +4581,16 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(59 130 246 / var(--tw-border-opacity)); } +.focus\:border-blue-600:focus { + --tw-border-opacity: 1; + border-color: rgb(37 99 235 / var(--tw-border-opacity)); +} + +.focus\:bg-red-700:focus { + --tw-bg-opacity: 1; + background-color: rgb(185 28 28 / var(--tw-bg-opacity)); +} + .focus\:bg-transparent:focus { background-color: transparent; } @@ -4037,6 +4635,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } +.focus\:bg-purple-800:focus { + --tw-bg-opacity: 1; + background-color: rgb(107 33 168 / var(--tw-bg-opacity)); +} + .focus\:text-white:focus { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); @@ -4057,6 +4660,11 @@ Ensure the default browser behavior of the `hidden` attribute. text-decoration-line: underline; } +.focus\:no-underline:focus { + -webkit-text-decoration-line: none; + text-decoration-line: none; +} + .focus\:placeholder-transparent:focus::-moz-placeholder { color: transparent; } @@ -4080,6 +4688,10 @@ Ensure the default browser behavior of the `hidden` attribute. outline-offset: 2px; } +.focus\:outline-black:focus { + outline-color: #000; +} + .focus\:ring:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -4098,6 +4710,12 @@ Ensure the default browser behavior of the `hidden` attribute. box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.focus\:ring-4:focus { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + .focus\:ring-gray-300:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity)); @@ -4143,6 +4761,16 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity)); } +.focus\:ring-gray-200:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity)); +} + +.focus\:ring-blue-200:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity)); +} + .focus\:ring-opacity-40:focus { --tw-ring-opacity: 0.4; } @@ -4193,6 +4821,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } +.active\:bg-purple-800:active { + --tw-bg-opacity: 1; + background-color: rgb(107 33 168 / var(--tw-bg-opacity)); +} + .active\:text-gray-300:active { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); @@ -4249,6 +4882,20 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(31 41 55 / var(--tw-text-opacity)); } +.group:focus .group-focus\:max-h-screen { + max-height: 100vh; +} + +.group:focus .group-focus\:-rotate-180 { + --tw-rotate: -180deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.group:focus .group-focus\:text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + .dark .dark\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(75 85 99 / var(--tw-divide-opacity)); @@ -4652,6 +5299,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(248 113 113 / var(--tw-text-opacity)); } +.dark .dark\:text-blue-500 { + --tw-text-opacity: 1; + color: rgb(59 130 246 / var(--tw-text-opacity)); +} + .dark .dark\:placeholder-white::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(255 255 255 / var(--tw-placeholder-opacity)); @@ -4944,6 +5596,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(8 145 178 / var(--tw-text-opacity)); } +.dark .dark\:hover\:text-purple-400:hover { + --tw-text-opacity: 1; + color: rgb(192 132 252 / var(--tw-text-opacity)); +} + .dark .dark\:hover\:ring-2:hover { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -5015,6 +5672,16 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity)); } +.dark .dark\:focus\:ring-gray-800:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity)); +} + +.dark .dark\:focus\:ring-blue-800:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity)); +} + @media (min-width: 640px) { .sm\:relative { position: relative; @@ -5057,6 +5724,11 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 1.25rem; } + .sm\:my-0 { + margin-top: 0px; + margin-bottom: 0px; + } + .sm\:mt-0 { margin-top: 0px; } @@ -5133,10 +5805,22 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 2.5rem; } + .sm\:ml-5 { + margin-left: 1.25rem; + } + + .sm\:mr-auto { + margin-right: auto; + } + .sm\:block { display: block; } + .sm\:inline-block { + display: inline-block; + } + .sm\:flex { display: flex; } @@ -5157,6 +5841,10 @@ Ensure the default browser behavior of the `hidden` attribute. height: 18rem; } + .sm\:w-10\/12 { + width: 83.333333%; + } + .sm\:w-10 { width: 2.5rem; } @@ -5197,6 +5885,18 @@ Ensure the default browser behavior of the `hidden` attribute. width: 33.333333%; } + .sm\:w-7\/12 { + width: 58.333333%; + } + + .sm\:w-24 { + width: 6rem; + } + + .sm\:w-16 { + width: 4rem; + } + .sm\:max-w-xl { max-width: 36rem; } @@ -5205,6 +5905,18 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 100%; } + .sm\:max-w-sm { + max-width: 24rem; + } + + .sm\:max-w-screen-lg { + max-width: 1024px; + } + + .sm\:flex-initial { + flex: 0 1 auto; + } + .sm\:flex-shrink-0 { flex-shrink: 0; } @@ -5225,18 +5937,14 @@ Ensure the default browser behavior of the `hidden` attribute. flex-direction: row; } - .sm\:flex-col { - flex-direction: column; - } - - .sm\:flex-wrap { - flex-wrap: wrap; - } - .sm\:items-start { align-items: flex-start; } + .sm\:items-end { + align-items: flex-end; + } + .sm\:items-center { align-items: center; } @@ -5261,6 +5969,14 @@ Ensure the default browser behavior of the `hidden` attribute. justify-content: space-around; } + .sm\:gap-16 { + gap: 4rem; + } + + .sm\:gap-8 { + gap: 2rem; + } + .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); @@ -5279,6 +5995,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } + .sm\:rounded-lg { + border-radius: 0.5rem; + } + .sm\:border-none { border-style: none; } @@ -5291,6 +6011,10 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 2.5rem; } + .sm\:p-8 { + padding: 2rem; + } + .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; @@ -5336,6 +6060,21 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 8rem; } + .sm\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; + } + + .sm\:px-16 { + padding-left: 4rem; + padding-right: 4rem; + } + + .sm\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; + } + .sm\:pt-12 { padding-top: 3rem; } @@ -5364,6 +6103,10 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 2.5rem; } + .sm\:pl-6 { + padding-left: 1.5rem; + } + .sm\:text-left { text-align: left; } @@ -5411,6 +6154,11 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.25rem; } + .sm\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } + .sm\:leading-none { line-height: 1; } @@ -5420,6 +6168,12 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } + + .sm\:shadow-md { + --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } } @media (min-width: 768px) { @@ -5439,6 +6193,10 @@ Ensure the default browser behavior of the `hidden` attribute. bottom: 2.5rem; } + .md\:-right-3 { + right: -0.75rem; + } + .md\:order-1 { order: 1; } @@ -5529,6 +6287,16 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0.25rem; } + .md\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; + } + + .md\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; + } + .md\:mx-auto { margin-left: auto; margin-right: auto; @@ -5634,6 +6402,26 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 2.5rem; } + .md\:-mt-1 { + margin-top: -0.25rem; + } + + .md\:-mt-10 { + margin-top: -2.5rem; + } + + .md\:ml-20 { + margin-left: 5rem; + } + + .md\:mt-24 { + margin-top: 6rem; + } + + .md\:mb-12 { + margin-bottom: 3rem; + } + .md\:block { display: block; } @@ -5678,14 +6466,26 @@ Ensure the default browser behavior of the `hidden` attribute. height: 6rem; } - .md\:w-1\/4 { - width: 25%; + .md\:h-9 { + height: 2.25rem; + } + + .md\:h-40 { + height: 10rem; + } + + .md\:h-16 { + height: 4rem; } .md\:w-1\/2 { width: 50%; } + .md\:w-1\/4 { + width: 25%; + } + .md\:w-auto { width: auto; } @@ -5742,6 +6542,38 @@ Ensure the default browser behavior of the `hidden` attribute. width: 58.333333%; } + .md\:w-3\/5 { + width: 60%; + } + + .md\:w-4\/5 { + width: 80%; + } + + .md\:w-9 { + width: 2.25rem; + } + + .md\:w-40 { + width: 10rem; + } + + .md\:w-64 { + width: 16rem; + } + + .md\:w-16 { + width: 4rem; + } + + .md\:w-60 { + width: 15rem; + } + + .md\:w-2\/5 { + width: 40%; + } + .md\:max-w-full { max-width: 100%; } @@ -5770,8 +6602,13 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 72rem; } - .md\:max-w-7xl { - max-width: 80rem; + .md\:flex-shrink { + flex-shrink: 1; + } + + .md\:translate-x-0 { + --tw-translate-x: 0px; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .md\:grid-cols-4 { @@ -5830,6 +6667,10 @@ Ensure the default browser behavior of the `hidden` attribute. justify-content: flex-start; } + .md\:justify-end { + justify-content: flex-end; + } + .md\:justify-center { justify-content: center; } @@ -5962,6 +6803,10 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: transparent; } + .md\:bg-opacity-100 { + --tw-bg-opacity: 1; + } + .md\:p-8 { padding: 2rem; } @@ -5974,8 +6819,8 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 0px; } - .md\:p-4 { - padding: 1rem; + .md\:p-10 { + padding: 2.5rem; } .md\:px-24 { @@ -6058,6 +6903,31 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 10rem; } + .md\:px-12 { + padding-left: 3rem; + padding-right: 3rem; + } + + .md\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; + } + + .md\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } + + .md\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; + } + + .md\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; + } + .md\:pl-20 { padding-left: 5rem; } @@ -6122,6 +6992,18 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 16rem; } + .md\:pl-12 { + padding-left: 3rem; + } + + .md\:pl-14 { + padding-left: 3.5rem; + } + + .md\:pb-2 { + padding-bottom: 0.5rem; + } + .md\:text-left { text-align: left; } @@ -6169,10 +7051,28 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.25rem; } + .md\:text-\[40px\] { + font-size: 40px; + } + + .md\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; + } + + .md\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } + .md\:font-medium { font-weight: 500; } + .md\:font-extrabold { + font-weight: 800; + } + .md\:leading-snug { line-height: 1.375; } @@ -6253,6 +7153,22 @@ Ensure the default browser behavior of the `hidden` attribute. order: 0; } + .lg\:order-1 { + order: 1; + } + + .lg\:order-2 { + order: 2; + } + + .lg\:order-3 { + order: 3; + } + + .lg\:order-4 { + order: 4; + } + .lg\:col-span-4 { grid-column: span 4 / span 4; } @@ -6281,6 +7197,18 @@ Ensure the default browser behavior of the `hidden` attribute. grid-column-end: 13; } + .lg\:row-span-1 { + grid-row: span 1 / span 1; + } + + .lg\:row-span-2 { + grid-row: span 2 / span 2; + } + + .lg\:row-span-4 { + grid-row: span 4 / span 4; + } + .lg\:my-8 { margin-top: 2rem; margin-bottom: 2rem; @@ -6311,6 +7239,16 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: -0.5rem; } + .lg\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; + } + + .lg\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .lg\:mt-16 { margin-top: 4rem; } @@ -6391,10 +7329,78 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: 2.5rem; } + .lg\:mb-20 { + margin-bottom: 5rem; + } + + .lg\:mr-0 { + margin-right: 0px; + } + + .lg\:ml-3 { + margin-left: 0.75rem; + } + + .lg\:-mt-11 { + margin-top: -2.75rem; + } + + .lg\:-mt-4 { + margin-top: -1rem; + } + + .lg\:mt-6 { + margin-top: 1.5rem; + } + + .lg\:-ml-0 { + margin-left: -0px; + } + + .lg\:-mt-5 { + margin-top: -1.25rem; + } + + .lg\:-mt-3 { + margin-top: -0.75rem; + } + + .lg\:-mt-6 { + margin-top: -1.5rem; + } + + .lg\:-ml-4 { + margin-left: -1rem; + } + + .lg\:-mt-12 { + margin-top: -3rem; + } + + .lg\:-mt-0 { + margin-top: -0px; + } + + .lg\:-mt-1 { + margin-top: -0.25rem; + } + + .lg\:-ml-28 { + margin-left: -7rem; + } + + .lg\:-mt-10 { + margin-top: -2.5rem; + } + .lg\:block { display: block; } + .lg\:inline-block { + display: inline-block; + } + .lg\:inline { display: inline; } @@ -6423,6 +7429,18 @@ Ensure the default browser behavior of the `hidden` attribute. height: 100vh; } + .lg\:h-10 { + height: 2.5rem; + } + + .lg\:h-11 { + height: 2.75rem; + } + + .lg\:h-12 { + height: 3rem; + } + .lg\:w-1\/4 { width: 25%; } @@ -6499,6 +7517,26 @@ Ensure the default browser behavior of the `hidden` attribute. width: 75%; } + .lg\:w-4\/6 { + width: 66.666667%; + } + + .lg\:w-10 { + width: 2.5rem; + } + + .lg\:w-11 { + width: 2.75rem; + } + + .lg\:w-12 { + width: 3rem; + } + + .lg\:w-32 { + width: 8rem; + } + .lg\:max-w-4xl { max-width: 56rem; } @@ -6531,6 +7569,14 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 64rem; } + .lg\:max-w-screen-lg { + max-width: 1024px; + } + + .lg\:max-w-screen-md { + max-width: 768px; + } + .lg\:flex-1 { flex: 1 1 0%; } @@ -6580,6 +7626,10 @@ Ensure the default browser behavior of the `hidden` attribute. flex-direction: row; } + .lg\:flex-wrap { + flex-wrap: wrap; + } + .lg\:items-start { align-items: flex-start; } @@ -6608,6 +7658,10 @@ Ensure the default browser behavior of the `hidden` attribute. justify-content: space-between; } + .lg\:justify-evenly { + justify-content: space-evenly; + } + .lg\:gap-20 { gap: 5rem; } @@ -6620,6 +7674,10 @@ Ensure the default browser behavior of the `hidden` attribute. gap: 6rem; } + .lg\:gap-4 { + gap: 1rem; + } + .lg\:gap-y-16 { row-gap: 4rem; } @@ -6640,6 +7698,11 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: transparent; } + .lg\:border-gray-200 { + --tw-border-opacity: 1; + border-color: rgb(229 231 235 / var(--tw-border-opacity)); + } + .lg\:bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); @@ -6653,6 +7716,10 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 0px; } + .lg\:p-8 { + padding: 2rem; + } + .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; @@ -6723,6 +7790,31 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 1.25rem; } + .lg\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + + .lg\:px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; + } + + .lg\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; + } + + .lg\:px-0 { + padding-left: 0px; + padding-right: 0px; + } + + .lg\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; + } + .lg\:pl-12 { padding-left: 3rem; } @@ -6775,6 +7867,70 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 5rem; } + .lg\:pt-\[120px\] { + padding-top: 120px; + } + + .lg\:pb-\[90px\] { + padding-bottom: 90px; + } + + .lg\:pl-8 { + padding-left: 2rem; + } + + .lg\:pr-0 { + padding-right: 0px; + } + + .lg\:pl-0 { + padding-left: 0px; + } + + .lg\:pl-16 { + padding-left: 4rem; + } + + .lg\:pl-5 { + padding-left: 1.25rem; + } + + .lg\:pr-8 { + padding-right: 2rem; + } + + .lg\:pl-14 { + padding-left: 3.5rem; + } + + .lg\:pl-3 { + padding-left: 0.75rem; + } + + .lg\:pr-4 { + padding-right: 1rem; + } + + .lg\:pb-14 { + padding-bottom: 3.5rem; + } + + .lg\:pb-4 { + padding-bottom: 1rem; + } + + .lg\:pl-1 { + padding-left: 0.25rem; + } + + .lg\:pr-3 { + padding-right: 0.75rem; + } + + .lg\:pb-3 { + padding-bottom: 0.75rem; + } + .lg\:text-left { text-align: left; } @@ -6817,6 +7973,16 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.5rem; } + .lg\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } + + .lg\:text-6xl { + font-size: 3.75rem; + line-height: 1; + } + .lg\:text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); @@ -6843,6 +8009,10 @@ Ensure the default browser behavior of the `hidden` attribute. grid-column: span 3 / span 3; } + .xl\:m-auto { + margin: auto; + } + .xl\:mt-28 { margin-top: 7rem; } @@ -6867,10 +8037,26 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: -3rem; } + .xl\:ml-1 { + margin-left: 0.25rem; + } + + .xl\:mt-0 { + margin-top: 0px; + } + + .xl\:mb-6 { + margin-bottom: 1.5rem; + } + .xl\:inline { display: inline; } + .xl\:h-24 { + height: 6rem; + } + .xl\:w-11\/12 { width: 91.666667%; } @@ -6891,6 +8077,10 @@ Ensure the default browser behavior of the `hidden` attribute. width: 83.333333%; } + .xl\:w-24 { + width: 6rem; + } + .xl\:max-w-screen-xl { max-width: 1280px; } @@ -6911,6 +8101,10 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 100%; } + .xl\:max-w-screen-lg { + max-width: 1024px; + } + .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } @@ -6919,14 +8113,35 @@ Ensure the default browser behavior of the `hidden` attribute. grid-template-columns: repeat(5, minmax(0, 1fr)); } + .xl\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + .xl\:flex-row { flex-direction: row; } + .xl\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--tw-gradient-stops)); + } + + .xl\:bg-contain { + background-size: contain; + } + + .xl\:bg-clip-text { + -webkit-background-clip: text; + background-clip: text; + } + .xl\:p-6 { padding: 1.5rem; } + .xl\:p-20 { + padding: 5rem; + } + .xl\:px-20 { padding-left: 5rem; padding-right: 5rem; @@ -6952,6 +8167,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 10rem; } + .xl\:px-8 { + padding-left: 2rem; + padding-right: 2rem; + } + .xl\:pt-8 { padding-top: 2rem; } @@ -6984,6 +8204,10 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 0px; } + .xl\:text-left { + text-align: left; + } + .xl\:text-center { text-align: center; } @@ -7016,11 +8240,162 @@ Ensure the default browser behavior of the `hidden` attribute. font-size: 2.25rem; line-height: 2.5rem; } + + .xl\:text-base { + font-size: 1rem; + line-height: 1.5rem; + } + + .xl\:text-transparent { + color: transparent; + } } @media (min-width: 1536px) { + .\32xl\:row-span-2 { + grid-row: span 2 / span 2; + } + + .\32xl\:row-span-1 { + grid-row: span 1 / span 1; + } + + .\32xl\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; + } + + .\32xl\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; + } + + .\32xl\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; + } + + .\32xl\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + + .\32xl\:ml-0 { + margin-left: 0px; + } + + .\32xl\:-mt-4 { + margin-top: -1rem; + } + + .\32xl\:-mt-20 { + margin-top: -5rem; + } + + .\32xl\:-mt-16 { + margin-top: -4rem; + } + + .\32xl\:mt-2 { + margin-top: 0.5rem; + } + + .\32xl\:mb-8 { + margin-bottom: 2rem; + } + + .\32xl\:mt-12 { + margin-top: 3rem; + } + + .\32xl\:mt-8 { + margin-top: 2rem; + } + + .\32xl\:mt-6 { + margin-top: 1.5rem; + } + + .\32xl\:h-20 { + height: 5rem; + } + + .\32xl\:h-screen { + height: 100vh; + } + + .\32xl\:w-20 { + width: 5rem; + } + + .\32xl\:gap-6 { + gap: 1.5rem; + } + .\32xl\:px-4 { padding-left: 1rem; padding-right: 1rem; } + + .\32xl\:px-8 { + padding-left: 2rem; + padding-right: 2rem; + } + + .\32xl\:pb-8 { + padding-bottom: 2rem; + } + + .\32xl\:pl-20 { + padding-left: 5rem; + } + + .\32xl\:pt-6 { + padding-top: 1.5rem; + } + + .\32xl\:pl-24 { + padding-left: 6rem; + } + + .\32xl\:pb-6 { + padding-bottom: 1.5rem; + } + + .\32xl\:pt-2 { + padding-top: 0.5rem; + } + + .\32xl\:pb-20 { + padding-bottom: 5rem; + } + + .\32xl\:pb-64 { + padding-bottom: 16rem; + } + + .\32xl\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } + + .\32xl\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } + + .\32xl\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; + } + + .\32xl\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } + + .\32xl\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; + } } \ No newline at end of file diff --git a/public/componets/accordion/10_accordion.html b/public/componets/accordion/10_accordion.html new file mode 100644 index 0000000..f468d6e --- /dev/null +++ b/public/componets/accordion/10_accordion.html @@ -0,0 +1,507 @@ + + + + + + + + + + Accordion 10 + + + + + + + +
+
Accordion 10
+
+ +
+
+
+
+
+ + FAQ + +

+ Any Questions? Look Here +

+

+ There are many variations of passages of Lorem Ipsum available + but the majority have suffered alteration in some form. +

+
+
+
+
+
+
+ +
+

+ It takes 2-3 weeks to get your first blog post ready. That + includes the in-depth research & creation of your monthly + content marketing strategy that we do before writing your + first blog post, Ipsum available . +

+
+
+
+ +
+

+ It takes 2-3 weeks to get your first blog post ready. That + includes the in-depth research & creation of your monthly + content marketing strategy that we do before writing your + first blog post, Ipsum available . +

+
+
+
+ +
+

+ It takes 2-3 weeks to get your first blog post ready. That + includes the in-depth research & creation of your monthly + content marketing strategy that we do before writing your + first blog post, Ipsum available . +

+
+
+
+
+
+ +
+

+ It takes 2-3 weeks to get your first blog post ready. That + includes the in-depth research & creation of your monthly + content marketing strategy that we do before writing your + first blog post, Ipsum available . +

+
+
+
+ +
+

+ It takes 2-3 weeks to get your first blog post ready. That + includes the in-depth research & creation of your monthly + content marketing strategy that we do before writing your + first blog post, Ipsum available . +

+
+
+
+ +
+

+ It takes 2-3 weeks to get your first blog post ready. That + includes the in-depth research & creation of your monthly + content marketing strategy that we do before writing your + first blog post, Ipsum available . +

+
+
+
+
+
+
+ + + + + + + + + + +
+
+ + + + + + + + + \ No newline at end of file diff --git a/public/componets/accordion/11_accordion.html b/public/componets/accordion/11_accordion.html new file mode 100644 index 0000000..26be2c3 --- /dev/null +++ b/public/componets/accordion/11_accordion.html @@ -0,0 +1,121 @@ + + + + + + + + + + Accordion 10 + + + + + + + +
+
Accordion 11
+
+ + + +
+ +
+

+ +

+
+
+

Flowbite is an open-source library of interactive + components built on top of Tailwind CSS including buttons, dropdowns, modals, navbars, and more.

+

Check out this guide to learn how to get started and start developing + websites even faster with components on top of Tailwind CSS.

+
+
+

+ +

+ +

+ +

+ +
+ + + +
+ + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/accordion/4_accordion.html b/public/componets/accordion/4_accordion.html index 2f2be6e..e7db3f7 100644 --- a/public/componets/accordion/4_accordion.html +++ b/public/componets/accordion/4_accordion.html @@ -142,5 +142,31 @@ + + + + \ No newline at end of file diff --git a/public/componets/accordion/5_accordion.html b/public/componets/accordion/5_accordion.html new file mode 100644 index 0000000..398fe4d --- /dev/null +++ b/public/componets/accordion/5_accordion.html @@ -0,0 +1,111 @@ + + + + + + + + + + Accordion 5 + + + + + + + + +
+
Accordion 5
+
+ + + + + + +
+ + +
+ +

Accordion

+ +
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
+ + +
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
+ + +
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
+
+ +
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/accordion/6_accordion.html b/public/componets/accordion/6_accordion.html new file mode 100644 index 0000000..89f30b1 --- /dev/null +++ b/public/componets/accordion/6_accordion.html @@ -0,0 +1,230 @@ + + + + + + + + + + Accordion 6 + + + + + + + +
+
Accordion 6
+
+ +
+
+
+

FAQ - Order, Shipping, Etc.

+
    +
  • +

    + When will my order arrive? + + + +

    +
    +

    + Shipping time is set by our delivery partners, according to the delivery method chosen by you. Additional details can be found in the order confirmation +

    +
    +
    • +
  • +

    + How do I track my order? + + + +

    +
    +

    + Once shipped, you’ll get a confirmation email that includes a tracking number and additional information regarding tracking your order. +

    +
    +
    • +
  • +

    + What’s your return policy? + + + +

    +
    +

    + We allow the return of all items within 30 days of your original order’s date. If you’re interested in returning your items, send us an email with your order number and we’ll ship a return label. +

    +
    +
    • +
  • +

    + How do I make changes to an existing order? + + + +

    +
    +

    + Changes to an existing order can be made as long as the order is still in “processing” status. Please contact our team via email and we’ll make sure to apply the needed changes. If your order has already been shipped, we cannot apply any changes to it. If you are unhappy with your order when it arrives, please contact us for any changes you may require. +

    +
    +
    • +
  • +

    + What shipping options do you have? + + + +

    +
    +

    + For USA domestic orders we offer FedEx and USPS shipping. +

    +
    +
    • +
  • +

    + What payment methods do you accept? + + + +

    +
    +

    + Any method of payments acceptable by you. For example: We accept MasterCard, Visa, American Express, PayPal, JCB Discover, Gift Cards, etc. +

    +
    +
    • +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/public/componets/accordion/7_accordion.html b/public/componets/accordion/7_accordion.html new file mode 100644 index 0000000..64164bb --- /dev/null +++ b/public/componets/accordion/7_accordion.html @@ -0,0 +1,65 @@ + + + + + + + + + + Accordion 7 + + + + + + + +
+
Accordion 7
+
+ +
+
+

Coronavirus - Facts,
advice and measures

+
    +
    Facts and knowledge about COVID19
    +
    For the public
    +
    For the government
    +
      +
+
+ + + + + + + + + + \ No newline at end of file diff --git a/public/componets/accordion/8_accordion.html b/public/componets/accordion/8_accordion.html new file mode 100644 index 0000000..10af490 --- /dev/null +++ b/public/componets/accordion/8_accordion.html @@ -0,0 +1,138 @@ + + + + + + + + + + Accordion 8 + + + + + + + +
+
Accordion 8
+
+ +
+
+ +
+
+
+ Title for Tab - 1 +
+
+ +
+
+
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat, + repellat amet doloribus consequuntur eos similique provident + tempora voluptates iure quia fuga dicta voluptatibus culpa + mollitia recusandae delectus id suscipit labore? +

+
+
+ + +
+
+
+ Title for Tab - 2 +
+
+ +
+
+
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat, + repellat amet doloribus consequuntur eos similique provident + tempora voluptates iure quia fuga dicta voluptatibus culpa + mollitia recusandae delectus id suscipit labore? +

+
+
+ + +
+
+
+ Title for Tab - 3 +
+
+ +
+
+
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat, + repellat amet doloribus consequuntur eos similique provident + tempora voluptates iure quia fuga dicta voluptatibus culpa + mollitia recusandae delectus id suscipit labore? +

+
+
+ +
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/accordion/9_accordion.html b/public/componets/accordion/9_accordion.html new file mode 100644 index 0000000..353d4ff --- /dev/null +++ b/public/componets/accordion/9_accordion.html @@ -0,0 +1,84 @@ + + + + + + + + + + Accordion 9 + + + + + + + +
+
Accordion 9
+
+ +
+

+ +

+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dignissim quis ante ut pellentesque. Quisque bibendum dapibus laoreet. Aliquam eget consectetur sem. Suspendisse massa lectus, rhoncus sed sollicitudin sed, auctor vel velit. +
+ +

+ +

+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dignissim quis ante ut pellentesque. Quisque bibendum dapibus laoreet. Aliquam eget consectetur sem. Suspendisse massa lectus, rhoncus sed sollicitudin sed, auctor vel velit. +
+
+ + + + + + + + + + \ No newline at end of file diff --git a/public/componets/accordion/accordion.html b/public/componets/accordion/accordion.html index b24030c..5347702 100644 --- a/public/componets/accordion/accordion.html +++ b/public/componets/accordion/accordion.html @@ -7,6 +7,7 @@ + Accordion @@ -356,6 +357,936 @@ + +
+
Accordion 5
+
+ + + + + + +
+ + +
+ +

Accordion

+ +
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
+ + +
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
+ + +
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
+
+ +
+ + + + + + + +
+
Accordion 6
+
+ +
+
+
+

FAQ - Order, Shipping, Etc.

+
    +
  • +

    + When will my order arrive? + + + +

    +
    +

    + Shipping time is set by our delivery partners, according to the delivery method chosen by you. Additional details can be found in the order confirmation +

    +
    +
    • +
  • +

    + How do I track my order? + + + +

    +
    +

    + Once shipped, you’ll get a confirmation email that includes a tracking number and additional information regarding tracking your order. +

    +
    +
    • +
  • +

    + What’s your return policy? + + + +

    +
    +

    + We allow the return of all items within 30 days of your original order’s date. If you’re interested in returning your items, send us an email with your order number and we’ll ship a return label. +

    +
    +
    • +
  • +

    + How do I make changes to an existing order? + + + +

    +
    +

    + Changes to an existing order can be made as long as the order is still in “processing” status. Please contact our team via email and we’ll make sure to apply the needed changes. If your order has already been shipped, we cannot apply any changes to it. If you are unhappy with your order when it arrives, please contact us for any changes you may require. +

    +
    +
    • +
  • +

    + What shipping options do you have? + + + +

    +
    +

    + For USA domestic orders we offer FedEx and USPS shipping. +

    +
    +
    • +
  • +

    + What payment methods do you accept? + + + +

    +
    +

    + Any method of payments acceptable by you. For example: We accept MasterCard, Visa, American Express, PayPal, JCB Discover, Gift Cards, etc. +

    +
    +
    • +
+
+
+
+ + + + + +
+
Accordion 7
+
+ +
+
+

Coronavirus - Facts,
advice and measures

+
    +
    Facts and knowledge about COVID19
    +
    For the public
    +
    For the government
    +
      +
+
+ + + + +
+
Accordion 8
+
+ +
+
+ +
+
+
+ Title for Tab - 1 +
+
+ +
+
+
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat, + repellat amet doloribus consequuntur eos similique provident + tempora voluptates iure quia fuga dicta voluptatibus culpa + mollitia recusandae delectus id suscipit labore? +

+
+
+ + +
+
+
+ Title for Tab - 2 +
+
+ +
+
+
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat, + repellat amet doloribus consequuntur eos similique provident + tempora voluptates iure quia fuga dicta voluptatibus culpa + mollitia recusandae delectus id suscipit labore? +

+
+
+ + +
+
+
+ Title for Tab - 3 +
+
+ +
+
+
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat, + repellat amet doloribus consequuntur eos similique provident + tempora voluptates iure quia fuga dicta voluptatibus culpa + mollitia recusandae delectus id suscipit labore? +

+
+
+ +
+
+ + + + + +
+
Accordion 9
+
+ +
+

+ +

+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dignissim quis ante ut pellentesque. Quisque bibendum dapibus laoreet. Aliquam eget consectetur sem. Suspendisse massa lectus, rhoncus sed sollicitudin sed, auctor vel velit. +
+ +

+ +

+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dignissim quis ante ut pellentesque. Quisque bibendum dapibus laoreet. Aliquam eget consectetur sem. Suspendisse massa lectus, rhoncus sed sollicitudin sed, auctor vel velit. +
+
+ + + + + +
+
Accordion 10
+
+ +
+
+
+
+
+ + FAQ + +

+ Any Questions? Look Here +

+

+ There are many variations of passages of Lorem Ipsum available + but the majority have suffered alteration in some form. +

+
+
+
+
+
+
+ +
+

+ It takes 2-3 weeks to get your first blog post ready. That + includes the in-depth research & creation of your monthly + content marketing strategy that we do before writing your + first blog post, Ipsum available . +

+
+
+
+ +
+

+ It takes 2-3 weeks to get your first blog post ready. That + includes the in-depth research & creation of your monthly + content marketing strategy that we do before writing your + first blog post, Ipsum available . +

+
+
+
+ +
+

+ It takes 2-3 weeks to get your first blog post ready. That + includes the in-depth research & creation of your monthly + content marketing strategy that we do before writing your + first blog post, Ipsum available . +

+
+
+
+
+
+ +
+

+ It takes 2-3 weeks to get your first blog post ready. That + includes the in-depth research & creation of your monthly + content marketing strategy that we do before writing your + first blog post, Ipsum available . +

+
+
+
+ +
+

+ It takes 2-3 weeks to get your first blog post ready. That + includes the in-depth research & creation of your monthly + content marketing strategy that we do before writing your + first blog post, Ipsum available . +

+
+
+
+ +
+

+ It takes 2-3 weeks to get your first blog post ready. That + includes the in-depth research & creation of your monthly + content marketing strategy that we do before writing your + first blog post, Ipsum available . +

+
+
+
+
+
+
+ + + + + + + + + + +
+
+ + + + +
+
Accordion 11
+
+ + + +
+ +
+

+ +

+
+
+

Flowbite is an open-source library of interactive + components built on top of Tailwind CSS including buttons, dropdowns, modals, navbars, and more.

+

Check out this guide to learn how to get started and start developing + websites even faster with components on top of Tailwind CSS.

+
+
+

+ +

+ +

+ +

+ +
+ + + +
+ + + + + + Pricing + + + + + + + +
+
+ Pricing 1 +
+
+ + +
+ +
+
+
+
+
+ + + +
+

Free

+

$0 / Month

+
    +
  • 30-Day Trial
    • +
  • 500GB Bandwidth
    • +
  • 200H DiskSpaces™
    • +
  • 5 Course Submissions
    • +
+ +
+
+
+ + + +
+

Medium

+

$25 / Month

+
    +
  • Incl. Free package
    • +
  • 1TB Bandwidth
    • +
  • 1TB DiskSpaces™
    • +
  • 15 Course Submissions
    • +
+ +
+
+
+ + + +
+

Large

+

$50 / Month

+
    +
  • Incl. Medium package
    • +
  • Unlimited Bandwidth
    • +
  • 2.4TB DiskSpaces™
    • +
  • Unlimited Submissions
    • +
+ +
+
+
+
+ +
+ + + + + + +
+
Pricing 2
+
+ +
+
+
+ +
+
+
+ Basic Package +
+
3 Submissions
+ +
+
+ + + +
+
Starter pack
+
+
+
+ + + +
+
3 Submissions
+
+
+
+ + + +
+
FREE Ebook
+
+
+
+ +
+ Choose Package +
+ +
+
+
+
+
+
+
+
+ Silver Package +
+
10 Submissions
+ +
+
+ + + +
+
Starter pack
+
+
+
+ + + +
+
10 Submissions
+
+
+
+ + + +
+
FREE Ebook
+
+
+
+ +
+ Choose Package +
+ +
+
+
+
+
+
+
+
+ Gold Package +
+
20 Submissions
+ +
+
+ + + +
+
Starter pack
+
+
+
+ + + +
+
20 Submissions
+
+
+
+ + + +
+
FREE Ebook
+
+
+
+ +
+ Choose Package +
+ +
+
+
+
+
+
+
+
+ + + + + +
+
Pricing 3
+
+
+ +
+
+

+ + + Affordable + + for everyone +

+

+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque rem aperiam, eaque ipsa quae. +

+
+
+
+
+
+

+ Starter Plan +

+
+

+ $39 +

+

/ month

+
+
+
    +
  • +
    + + + + +
    +

    10 deploys per day

    +
    • +
  • +
    + + + + +
    +

    10 GB of storage

    +
    • +
  • +
    + + + + +
    +

    3 domains

    +
    • +
  • +
    + + + + +
    +

    SSL Certificates

    +
    • +
+ +
+
+
+
+
+
+
+
+

Pro Plan

+
+

+ $59 +

+

/ month

+
+
+
    +
  • +
    + + + + +
    +

    100 deploys per day

    +
    • +
  • +
    + + + + +
    +

    50 GB of storage

    +
    • +
  • +
    + + + + +
    +

    Unlimited domains

    +
    • +
  • +
    + + + + +
    +

    SSL Certificates

    +
    • +
+ +
+
+
+
+
+
+
+
+ + + + +
+
Pricing 4
+
+
+
+
+

+ Our Pricing +

+
+

+ + + Transparent + + pricing. Pay as you grow. +

+

+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque rem aperiam, eaque ipsa quae. +

+
+
+
+
+
Start
+
+
Free
+
+
+
10 deploys per day
+
10 GB of storage
+
20 domains
+
+
+
+ + Start for free + +

+ Sed ut unde omnis iste natus accusantium doloremque. +

+
+
+
+
+
+ Most Popular +
+
+
+
Pro
+
+
$38
+
/ mo
+
+
+
200 deploys per day
+
80 GB of storage
+
Global CDN
+
+
+
+ + Buy Pro + +

+ Sed ut unde omnis iste natus accusantium doloremque. +

+
+
+
+
+
Business
+
+
$78
+
/ mo
+
+
+
500 GB of storage
+
Unlimited domains
+
24/7 Support
+
+
+
+ + Buy Business + +

+ Sed ut unde omnis iste natus accusantium doloremque. +

+
+
+
+
+ + + + + +
+
Pricing 5
+
+
+
+
+

+ Brand new +

+
+

+ + + Transparent + + pricing. Pay as you grow. +

+

+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque rem aperiam, eaque ipsa quae. +

+
+
+
+
+
+
+

+ Personal use +

+

Free

+
+
+ + + + +
+
+
+

Features

+
    +
  • +
    + + + + +
    +

    10 deploys per day

    +
    • +
  • +
    + + + + +
    +

    10 GB of storage

    +
    • +
  • +
    + + + + +
    +

    Unlimited domains

    +
    • +
  • +
    + + + + +
    +

    SSL Certificates

    +
    • +
+
+
+
+ + Start for free + +

+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium +

+
+
+
+
+
+
+

+ For your team +

+

$39

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

Features

+
    +
  • +
    + + + + +
    +

    Unlimited deploys

    +
    • +
  • +
    + + + + +
    +

    Up to 10 Team Members

    +
    • +
  • +
    + + + + +
    +

    100 GB of starge

    +
    • +
  • +
    + + + + +
    +

    24/7 support

    +
    • +
  • +
    + + + + +
    +

    Global CDN

    +
    • +
+
+
+
+ + Get started + +

+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium +

+
+
+
+
+ + + + + +
+
Pricing 6
+
+
+
+
+

+ Brand new +

+
+

+ + + Choose + + your way. Advance everyday. +

+

+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque rem aperiam, eaque ipsa quae. +

+
+
+
+
+ Plan +
+
+
+
Basic
+

+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem doloremque. +

+
$12
+
+ + Buy Basic + +
+
+
+
+ Plan +
+
+
+
Advanced
+

+ A flower in my garden, a mystery in my panties. Heart attack never was so close. +

+
$38
+
+ + Buy Advanced + +
+
+
+
+ Plan +
+
+
+
Pro
+

+ We never had the chance to. Maybe it was the eleven months he spent in the womb. +

+
$78
+
+ + Buy Pro + +
+
+
+
+ + + + +
+ Pricing 7 +
+ +
+
+
+
+

+ Choose the amount of storage +
that's right for you. +

+ +
+ Bill yearly + + Bill monthly +
+
+ +
+
+ +
+ + Pay with card + +
+ +
+ + + + + + + + + +
+ +
+
+ +
+ Essential + + + +
+ +
+

+ 200 + GB + of storage +

+ + $10 / mo +
+ + + +
+ Pro + +
+ +
+

+ 1 + TB + of storage +

+ + $20 / mo +
+ + + +
+ Premium + +
+ +
+

+ 2 + TB + of storage +

+ + $40 / mo +
+ + +
+
+
+
+
+ + + + + +
+
Pricing 8
+
+
+
+
+

Plans & Pricing

+

5 minute installation · Try Team plan features for 14 days · No credit card required

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

Free

+

$0

+ Get Started +
+
+
+ + + +

Email APIs, SMTP Relay, and Webhooks

+
+
+ + + +

Suppression Management

+
+
+ + + +

Email Tracking and Analytics

+
+
+ + + +

99.99% Guaranteed Uptime SLA

+
+
+
+
+
+
+

Team

+

$9

+

user / month

+

billed monthly

+
+ Try for free +
+
+
+ + + +

Email APIs, SMTP Relay, and Webhooks

+
+
+ + + +

Suppression Management

+
+
+ + + +

Email Tracking and Analytics

+
+
+ + + +

99.99% Guaranteed Uptime SLA

+
+
+ + + +

5 Days of Log Retention

+
+
+ + + +

Limited 24/7 Ticket Support

+
+
+ + + +

1 Dedicated IP (Foundation 100k and up)

+
+
+ + + +

1,000 Email Address Validations

+
+
+
+
+
+
+

Company

+

$21

+

user / month

+

billed monthly

+
+ Try for free +
+
+
+ + + +

Email APIs, SMTP Relay, and Webhooks

+
+
+ + + +

Suppression Management

+
+
+ + + +

Email Tracking and Analytics

+
+
+ + + +

99.99% Guaranteed Uptime SLA

+
+
+ + + +

5 Days of Log Retention

+
+
+ + + +

Limited 24/7 Ticket Support

+
+
+ + + +

1 Dedicated IP (Foundation 100k and up)

+
+
+ + + +

1,000 Email Address Validations

+
+
+ + + +

Instant Chat Support

+
+
+ + + +

Custom Features

+
+
+
+
+
+
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/testimonial/11_testimonial.html b/public/componets/testimonial/11_testimonial.html new file mode 100644 index 0000000..1dd196d --- /dev/null +++ b/public/componets/testimonial/11_testimonial.html @@ -0,0 +1,304 @@ + + + + + + + + + + Testimonial 11 + + + + + + + + +
+
Testimonail 11
+
+ + + +
+
+

+ Read trusted reviews from our customers +

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

Katie

+
+
+ +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt + voluptatem alias ut provident sapiente repellendus. +

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

Katie

+
+
+ +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt + voluptatem alias ut provident sapiente repellendus. +

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

Katie

+
+
+ +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt + voluptatem alias ut provident sapiente repellendus. +

+
+
+
+
+
+
+ + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/testimonial/17_testimonial.html b/public/componets/testimonial/17_testimonial.html new file mode 100644 index 0000000..965ea18 --- /dev/null +++ b/public/componets/testimonial/17_testimonial.html @@ -0,0 +1,128 @@ + + + + + + + + Testimonial 1 + + + + + + + +
+
Testimonial 17
+
+
+
+
+ +
+
+ +

Daniel Clifford

+

Verified Graduate

+
+
+

I received a job offer mid-course, and the subjects I learned were current, if not more so, in the company I joined. I honestly feel I got every penny’s worth.

+
+

“ I was an EMT for many years before I joined the bootcamp. I’ve been looking to make a transition and have heard some people who had an amazing experience here. I signed up for the free intro course and found it incredibly fun! I enrolled shortly thereafter. The next 12 weeks was the best - and most grueling - time of my life. Since completing the course, I’ve successfully switched careers, working as a Software Engineer at a VR startup. ”

+
+
+ + + +
+
+ +

Jonathan Walters

+

Verified Graduate

+
+
+

The team was very supportive and kept me motivated

+
+

“ I started as a total newbie with virtually no coding skills. I now work as a mobile engineer for a big company. This was one of the best investments I’ve made in myself. ”

+
+
+ + + +
+
+ +

Jeanette Harmon

+

Verified Graduate

+
+
+

An overall wonderful and rewarding experience

+
+

“ Thank you for the wonderful experience! I now have a job I really enjoy, and make a good living while doing something I love. ”

+
+
+ + + +
+
+ +

Patrick Abrams

+

Verified Graduate

+
+
+

Awesome teaching support from TAs who did the bootcamp themselves. Getting guidance from them and learning from their experiences was easy.

+
+

“ The staff seem genuinely concerned about my progress which I find really refreshing. The program gave me the confidence necessary to be able to go out in the world and present myself as a capable junior developer. The standard is above the rest. You will get the personal attention you need from an incredible community of lgart and amazing people. ”

+
+
+ + + +
+
+ +

Kira Whittle

+

Verified Graduate

+
+
+

Such a life-changing experience. Highly recommended!

+
+

“ Before joining the bootcamp, I’ve never written a line of code. I needed some structure from professionals who can help me learn programming step by step. I was encouraged to enroll by a former student of theirs who can only say wonderful things about the program. The entire curriculum and staff did not disappoint. They were very hands-on and I never had to wait long for assistance. The agile team project, in particular, was outstanding. It took my learning to the next level in a way that no tutorial could ever have. In fact, I’ve often referred to it during interviews as an example of my developent experience. It certainly helped me land a job as a full-stack developer after receiving multiple offers. 100% recommend! ”

+
+
+ +
+
+
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/testimonial/1_testimonial.html b/public/componets/testimonial/1_testimonial.html new file mode 100644 index 0000000..9cc2567 --- /dev/null +++ b/public/componets/testimonial/1_testimonial.html @@ -0,0 +1,40 @@ + + + + + + + + Testimonial 1 + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/testimonial/testimonial.html b/public/componets/testimonial/testimonial.html new file mode 100644 index 0000000..2866229 --- /dev/null +++ b/public/componets/testimonial/testimonial.html @@ -0,0 +1,1986 @@ + + + + + + + + Testimonial + + + + + + + + +
+
Testimonial 1
+
+
+
+

Testimonials

+
+
+
+ + + +

Synth chartreuse iPhone lomo cray raw denim brunch everyday carry neutra before they sold out fixie 90's microdosing. Tacos pinterest fanny pack venmo, post-ironic heirloom try-hard pabst authentic iceland.

+ + testimonial + + Holden Caulfield + UI DEVELOPER + + +
+
+
+
+ + + +

Synth chartreuse iPhone lomo cray raw denim brunch everyday carry neutra before they sold out fixie 90's microdosing. Tacos pinterest fanny pack venmo, post-ironic heirloom try-hard pabst authentic iceland.

+ + testimonial + + Alper Kamu + DESIGNER + + +
+
+
+
+
+ + + + +
+
Testimonial 2
+
+ +
+
+
+ + + +

Edison bulb retro cloud bread echo park, helvetica stumptown taiyaki taxidermy 90's cronut +1 kinfolk. Single-origin coffee ennui shaman taiyaki vape DIY tote bag drinking vinegar cronut adaptogen squid fanny pack vaporware. Man bun next level coloring book skateboard four loko knausgaard. Kitsch keffiyeh master cleanse direct trade indigo juice before they sold out gentrify plaid gastropub normcore XOXO 90's pickled cindigo jean shorts. Slow-carb next level shoindigoitch ethical authentic, yr scenester sriracha forage franzen organic drinking vinegar.

+ +

HOLDEN CAULFIELD

+

Senior Product Designer

+
+
+
+ + + + +
+
Testimonial 3
+
+
+
+
+
+
+ testimonial +

Edison bulb retro cloud bread echo park, helvetica stumptown taiyaki taxidermy 90's cronut +1 kinfolk. Single-origin coffee ennui shaman taiyaki vape DIY tote bag drinking vinegar cronut adaptogen squid fanny pack vaporware.

+ +

HOLDEN CAULFIELD

+

Senior Product Designer

+
+
+
+
+ testimonial +

Edison bulb retro cloud bread echo park, helvetica stumptown taiyaki taxidermy 90's cronut +1 kinfolk. Single-origin coffee ennui shaman taiyaki vape DIY tote bag drinking vinegar cronut adaptogen squid fanny pack vaporware.

+ +

ALPER KAMU

+

UI Develeoper

+
+
+
+
+ testimonial +

Edison bulb retro cloud bread echo park, helvetica stumptown taiyaki taxidermy 90's cronut +1 kinfolk. Single-origin coffee ennui shaman taiyaki vape DIY tote bag drinking vinegar cronut adaptogen squid fanny pack vaporware.

+ +

HENRY LETHAM

+

CTO

+
+
+
+
+
+ + + + +
+
Testimonial 4
+
+
+
+
+

Don't just take our word for it

+ +

+ + See what others are saying +

+
+ +
+
+
+
+ +
+
+

John Doe

+

CEO of Something

+
+
+
+ "This is a no-brainer if you want to take your business to the next level. If you are looking for the ultimate toolset, this is it!" +
+
+
+
+
+ +
+
+

Jane Doe

+

CTO of Business

+
+
+
"Thanks for creating this service. My life is so much easier. Thanks for making such a great product."
+
+
+
+
+ +
+
+

John Smith

+

Creator of Stuff

+
+
+
"Packed with awesome content and exactly what I was looking for. I would highly recommend this to anyone."
+
+
+
+
+
+ + + + + +
+ Testimonial 5 +
+ +
+
+
+
+

Our customers love our product

+

Testimonials

+

Don't just take our word for it, read from our extensive list of case studies and customer testimonials.

+ View Case Studies +
+
+
+
+
+ + + +

Awesome product! And the customer service is exceptionally well.

+
+ +

+ Jane Cooper + - CEO SomeCompany +

+
+ +
+
+
+
+ + + +

I can't express enough, how amazing this service has been for my company.

+
+

+ John Doe + - CEO SomeCompany +

+

+
+ +
+
+
+
+ + + +

I can't express enough, how amazing this service has been for my company.

+
+ +

+ John Smith + - CEO SomeCompany +

+

+
+ +
+
+
+
+
+ + + +
+
Testimonial 6
+
+
+
+
+ +

Lorem ipsum dolor sit amet consectutar domor

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus eget justo et iaculis.

+
+
+
+
+
+ +
+

John Bailey

+

CEO

+
+
+

+ Donec consequat tortor risus, at auctor felis consequat. Donec quis dolor sem. Sed sollicitudin magna in hendrerit pulvinar. Vestibulum non quam velit. +

+
+
+
+
+
+ +
+

Julie Bailey

+

Head of Development

+
+
+

+ Donec consequat tortor risus, at auctor felis consequat. Donec quis dolor sem. Sed sollicitudin magna in hendrerit pulvinar. Vestibulum non quam velit. +

+
+
+
+
+
+ +
+

Julie Bailey

+

Head of Operations

+
+
+

+ Donec consequat tortor risus, at auctor felis consequat. Donec quis dolor sem. Sed sollicitudin magna in hendrerit pulvinar. Vestibulum non quam velit. +

+
+
+
+
+
+ +
+

Tom Brown

+

Head of Development

+
+
+

+ Donec consequat tortor risus, at auctor felis consequat. Donec quis dolor sem. Sed sollicitudin magna in hendrerit pulvinar. Vestibulum non quam velit. +

+
+
+
+
+
+ +
+

Tom Brown

+

Head of Development

+
+
+

+ Donec consequat tortor risus, at auctor felis consequat. Donec quis dolor sem. Sed sollicitudin magna in hendrerit pulvinar. Vestibulum non quam velit. +

+
+
+
+
+
+ +
+

Julie Bailey

+

Head of Development

+
+
+

+ Donec consequat tortor risus, at auctor felis consequat. Donec quis dolor sem. Sed sollicitudin magna in hendrerit pulvinar. Vestibulum non quam velit. +

+
+
+
+
+
+ +
+

Tom Brown

+

Head of Development

+
+
+

+ Donec consequat tortor risus, at auctor felis consequat. Donec quis dolor sem. Sed sollicitudin magna in hendrerit pulvinar. Vestibulum non quam velit. +

+
+
+
+
+
+ +
+

Julie Bailey

+

Head of Operations

+
+
+

+ Donec consequat tortor risus, at auctor felis consequat. Donec quis dolor sem. Sed sollicitudin magna in hendrerit pulvinar. Vestibulum non quam velit. +

+
+
+
+
Show more Testimonials
+
+
+ + + + + +
+
Testimonial 7
+
+
+
+
+

Testimonials

+

People Like Us 🥰

+
+
+
+
+ +
+
+

John Doe

+

CEO of Something

+
+
+
"This is some rad shit! Pop lockin, Boom shockin + radical. I + immediately wet my pants after trying this service."
+
+
+
+
+ +
+
+

Jane Doe

+

CTO of Business

+
+
+
"Thanks for creating this service. My life is so much + easier. + Thanks for making such a great product."
+
+
+
+
+ +
+
+

John Smith

+

Creator of Stuff

+
+
+
"Packed with awesome content and exactly what I was + looking + for. I would highly recommend this to anyone."
+
+
+
+
+
+ + + + +
+
Testimonial 8
+
+
+
+
+
+
+ Portrait of Irene Sims, VP of Sales +
+
+
+ + + +
+
+

+ This service rocks on a whole new level. You've got to try it out for yourself. +

+
+
+
+
+
+ Irene Sims +
+
VP of Sales, SomeCompany
+
+
+
+
+
+
+

Crafted with Awesomeness

+
+
+ + + + + +
+
+
Radical Feature Set
+

+ Filled to the rim with radical features and rock'n sock'n tools. You'll be glad you signed + up. +

+
+
+
+
+ + + + +
+
+
Lightning Fast Speed
+

+ Built and crafted with speed to take your game back to the next-level. 1.21 GigaWatts! +

+
+
+
+
+ + + + +
+
+
Fully Customizable
+

+ Every element and component is customizable to fit the needs of your application. +

+
+
+
+
+
+
+ + + + +
+
Testimonial 9
+
+ + + + + +
+
+
+
+

Read trusted reviews from our customers

+ +

+ Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptas veritatis illo placeat harum porro optio + fugit a culpa sunt id! +

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

Lorem ipsum dolor sit amet.

+ +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam cumque recusandae dolorum porro, + quasi sunt necessitatibus dolorem ab laudantium vel. +

+
+
+ +
Eddie Murphy
+
+
+ +
+
+
+
+ + + + + + + + + + + + + + + +
+ +
+

Lorem ipsum dolor sit amet.

+ +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam cumque recusandae dolorum porro, + quasi sunt necessitatibus dolorem ab laudantium vel. +

+
+
+ +
Eddie Murphy
+
+
+
+
+
+
+ +
+ + + +
+
+
+ + + + + + +
+
Testimonial 10
+
+
+
+
+

+ Read trusted reviews from our customers +

+ +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur + praesentium natus sapiente commodi. Aliquid sunt tempore iste + repellendus explicabo dignissimos placeat, autem harum dolore + reprehenderit quis! Quo totam dignissimos earum. +

+
+ +
+
+
+ "Lorem ipsum dolor sit amet consectetur adipisicing elit" +
+ +
+ + +
+

Barry Scott

+ +

+ Digital Marketing at Studio +

+
+
+
+ +
+
+ "Lorem ipsum dolor sit amet consectetur adipisicing elit" +
+ +
+ + +
+

Barry Scott

+ +

+ Digital Marketing at Studio +

+
+
+
+ +
+
+ "Lorem ipsum dolor sit amet consectetur adipisicing elit" +
+ +
+ + +
+

Barry Scott

+ +

+ Digital Marketing at Studio +

+
+
+
+ +
+
+ "Lorem ipsum dolor sit amet consectetur adipisicing elit" +
+ +
+ + +
+

Barry Scott

+ +

+ Digital Marketing at Studio +

+
+
+
+ +
+
+ "Lorem ipsum dolor sit amet consectetur adipisicing elit" +
+ +
+ + +
+

Barry Scott

+ +

+ Digital Marketing at Studio +

+
+
+
+ +
+
+ "Lorem ipsum dolor sit amet consectetur adipisicing elit" +
+ +
+ + +
+

Barry Scott

+ +

+ Digital Marketing at Studio +

+
+
+
+
+
+
+ + + + +
+
Testimonail 11
+
+ + + +
+
+

+ Read trusted reviews from our customers +

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

Katie

+
+
+ +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt + voluptatem alias ut provident sapiente repellendus. +

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

Katie

+
+
+ +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt + voluptatem alias ut provident sapiente repellendus. +

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

Katie

+
+
+ +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt + voluptatem alias ut provident sapiente repellendus. +

+
+
+
+
+
+
+ + + + + + + + + +
+
Testimonail 12
+
+ + + + + + +
+
+
+
+
+
+
+ + +
+

Jeff Wezos

+

CEO of Shipping Company

+
+
+ +

+ “ + + Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni + assumenda officiis sit amet itaque eveniet accusantium corporis + tempora, soluta perspiciatis rerum, ratione animi nemo inventore + repellat, commodi in esse quisquam. + + ” +

+
+
+ +
+
+
+ + +
+

Jeff Wezos

+

CEO of Shipping Company

+
+
+ +

+ “ + + Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni + assumenda officiis sit amet itaque eveniet accusantium corporis + tempora, soluta perspiciatis rerum, ratione animi nemo inventore + repellat, commodi in esse quisquam. + + ” +

+
+
+ +
+
+
+ + +
+

Jeff Wezos

+

CEO of Shipping Company

+
+
+ +

+ “ + + Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni + assumenda officiis sit amet itaque eveniet accusantium corporis + tempora, soluta perspiciatis rerum, ratione animi nemo inventore + repellat, commodi in esse quisquam. + + ” +

+
+
+ +
+
+
+ + +
+

Jeff Wezos

+

CEO of Shipping Company

+
+
+ +

+ “ + + Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni + assumenda officiis sit amet itaque eveniet accusantium corporis + tempora, soluta perspiciatis rerum, ratione animi nemo inventore + repellat, commodi in esse quisquam. + + ” +

+
+
+
+ +
+
+
+
+ + + + + + + +
+
Testimonial 13
+
+
+
+

+ “Implementation is a breeze, particularly because the team at Hellonext is + very fast to respond and help + where needed, even if it means rolling out new features on their platform.  We're super happy and are loving how Hellonext brings us closer to the members of our community“ +

+
+ man standing up a mounten +
+

example example

+

CEO, example

+
+
+ + + + + + + +
+
Testimonial 14
+
+
+
+
+
+

Duo assum utroque appetere an

+

Pri ex magna scaevola moderatius. Nullam accommodare no vix, est ei diceret alienum, et sit cetero malorum. Et sea iudico consequat, est sanctus adipisci ex.

+
+
+
+
+
+

An audire commodo habemus cum. Ne sed corrumpit repudiandae. Tota aliquip democritum pro in, nec democritum intellegam ne. Propriae volutpat dissentiet ea sit, nec at lorem inani tritani, an ius populo perfecto vituperatoribus. Eu cum case modus salutandi, ut eum vocent sensibus reprehendunt.

+
+ +
+

Leroy Jenkins

+

CTO of Company Co.

+
+
+
+
+

Sit wisi sapientem ut, pri civibus temporibus voluptatibus et, ius cu hinc fabulas. Nam meliore minimum et, regione convenire cum id. Ex pro eros mucius consectetuer, pro magna nulla nonumy ne, eam putent iudicabit consulatu cu.

+
+ +
+

Leroy Jenkins

+

CTO of Company Co.

+
+
+
+
+
+
+

Putant omnium elaboraret per ut. Id dicta tritani nominavi quo, mea id justo errem elaboraret. Agam mollis scripserit ea his, ut nec postea verear persecuti. Ea noster senserit eam, ferri omittantur ei nec. Id mel solet libris efficiantur, commune explicari et eos. Case movet ad est, sed tota vocent appetere ea.

+
+ +
+

Leroy Jenkins

+

CTO of Company Co.

+
+
+
+
+

Te omnes virtute volutpat sed. Ei esse eros interesset vel, ei populo denique ocurreret vix, eu cum pertinax mandamus vituperatoribus. Solum nihil luptatum per ex, ei amet viderer eos. Ea illum labitur mnesarchum pro. Eius meis salutandi ei nam, alterum expetenda et nec. Expetenda intellegat at eum, per mazim sanctus honestatis ad. Ei noluisse invenire vix. Te ancillae patrioque qui, probo bonorum vivendum ex vim.

+
+ +
+

Leroy Jenkins

+

CTO of Company Co.

+
+
+
+
+
+
+
+
+
+ + + + + + +
+
Testimonail 15
+
+
+
+

What our customers are saying about us

+
+
+
+
+

+ + + + Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatibus quibusdam, eligendi exercitationem molestias possimus facere. + + + + +

+
+
+ +

Distinctio Animi

+

Aliquam illum

+
+
+
+
+

+ + + + Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatibus quibusdam, eligendi exercitationem molestias possimus facere. + + + + +

+
+
+ +

Distinctio Animi

+

Aliquam illum

+
+
+
+
+

+ + + + Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatibus quibusdam, eligendi exercitationem molestias possimus facere. + + + + +

+
+
+ +

Distinctio Animi

+

Aliquam illum

+
+
+
+
+

+ + + + Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatibus quibusdam, eligendi exercitationem molestias possimus facere. + + + + +

+
+
+ +

Distinctio Animi

+

Aliquam illum

+
+
+
+
+ + + + + +
+
Testimonail 16
+
+
+
+
+ +
"Et, dignissimos obcaecati. Recusandae praesentium doloribus vitae? Rem unde atque mollitia!"
+
+

Leroy Jenkins

+

CEO of Company Co.

+
+
+ + + + +
+
+
+
+ + + + + +
+
Testimonial 17
+
+
+
+
+ +
+
+ +

Daniel Clifford

+

Verified Graduate

+
+
+

I received a job offer mid-course, and the subjects I learned were current, if not more so, in the company I joined. I honestly feel I got every penny’s worth.

+
+

“ I was an EMT for many years before I joined the bootcamp. I’ve been looking to make a transition and have heard some people who had an amazing experience here. I signed up for the free intro course and found it incredibly fun! I enrolled shortly thereafter. The next 12 weeks was the best - and most grueling - time of my life. Since completing the course, I’ve successfully switched careers, working as a Software Engineer at a VR startup. ”

+
+
+ + + +
+
+ +

Jonathan Walters

+

Verified Graduate

+
+
+

The team was very supportive and kept me motivated

+
+

“ I started as a total newbie with virtually no coding skills. I now work as a mobile engineer for a big company. This was one of the best investments I’ve made in myself. ”

+
+
+ + + +
+
+ +

Jeanette Harmon

+

Verified Graduate

+
+
+

An overall wonderful and rewarding experience

+
+

“ Thank you for the wonderful experience! I now have a job I really enjoy, and make a good living while doing something I love. ”

+
+
+ + + +
+
+ +

Patrick Abrams

+

Verified Graduate

+
+
+

Awesome teaching support from TAs who did the bootcamp themselves. Getting guidance from them and learning from their experiences was easy.

+
+

“ The staff seem genuinely concerned about my progress which I find really refreshing. The program gave me the confidence necessary to be able to go out in the world and present myself as a capable junior developer. The standard is above the rest. You will get the personal attention you need from an incredible community of lgart and amazing people. ”

+
+
+ + + +
+
+ +

Kira Whittle

+

Verified Graduate

+
+
+

Such a life-changing experience. Highly recommended!

+
+

“ Before joining the bootcamp, I’ve never written a line of code. I needed some structure from professionals who can help me learn programming step by step. I was encouraged to enroll by a former student of theirs who can only say wonderful things about the program. The entire curriculum and staff did not disappoint. They were very hands-on and I never had to wait long for assistance. The agile team project, in particular, was outstanding. It took my learning to the next level in a way that no tutorial could ever have. In fact, I’ve often referred to it during interviews as an example of my developent experience. It certainly helped me land a job as a full-stack developer after receiving multiple offers. 100% recommend! ”

+
+
+ +
+
+
+ + + + + +
+
Testimonial 18
+
+ +
+ +
+
+ +
+ +
+ What Our + Customers + Are Saying! +
+ + +
+ +
+
+ +
+ +
+ +
+
+

+ Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment. +

+
+ +
+

+ Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring. +

+
+ +
+

+ Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line. +

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

John Doe

+ CEO, ABC Inc. +
+ +
+

Winter Doe

+ CTO, XYZ Corp. +
+ +
+

John Wick

+ Product Manager, Fake Corp. +
+
+
+
+
+
+ + + + + + +
+
Testimonail 19
+
+
+
+ +
+
+

Design Tools

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae dolores deserunt ea doloremque natus error, rerum quas odio quaerat nam ex commodi hic, suscipit in a veritatis pariatur minus consequuntur!

+
+
+ John Doe +
+
+ + + + +
+
Testimonial 20
+
+ +
+
+
+ + + + +
+
+
+ “ +
+

+ To get social media testimonials like these, keep your customers engaged with your social media accounts by posting regularly yourself +

+
+ ” +
+
+
+

+ Tom Hardy +

+

+ @thom.hardy +

+
+
+
+ + + + + + +
+
Testimonial 21
+
+
+
+
+
+
+ + + +
+
+
+

+ + Charlie Rabiller + +

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

+ My first job of scanning photos at the Memories 2 Digital Photo Scanning was fantastic. She completed the work quickly while I was waiting. Thanks for a great service.. +

+
+
+ + +
+
+
+ + + + + + +
+
Testimonail 22
+
+ + +
+

+ + “ + + To get social media testimonials like these, keep your customers engaged with your social media accounts by posting regularly yourself + + ” + +

+
+ + profil + +
+ + Jean Miguel + + + User of Tail-Kit + + +
+
+
+ + + + +
+
Testimonial 23
+
+ +
+
+ +
+
+
+ +
+

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tenetur aliquid, illo reiciendis voluptatum asperiores.

+

Adam Negan

+

CEO of Bismart Enterprise

+
+
+ + +
+ +
+ +
+ + +
+ +
+
+ + + + + + + + + + + + \ No newline at end of file