From ba79e30d7514944ab76778a0a0c8f4db53335e79 Mon Sep 17 00:00:00 2001 From: merajjahir Date: Sun, 6 Mar 2022 20:58:48 +0600 Subject: [PATCH] added sevice ,portfolio , layer,slider component's and added some more template not much tho, fixed some responsive issue's in header component's --- dist/tailshape.css | 376 ++- public/componets/contact/8_contact.html | 6 +- public/componets/footer/10_footer.html | 10 +- public/componets/layout/1_layout.html | 53 + public/componets/layout/2_layout.html | 277 ++ public/componets/navs_headers/10_header.html | 14 +- public/componets/navs_headers/11_header.html | 4 +- public/componets/navs_headers/12_header.html | 81 +- public/componets/navs_headers/13_header.html | 52 +- public/componets/navs_headers/14_header.html | 103 + public/componets/navs_headers/15_header.html | 128 + public/componets/navs_headers/16_header.html | 144 + public/componets/navs_headers/17_header.html | 85 + public/componets/navs_headers/18_header.html | 98 + public/componets/navs_headers/19_header.html | 94 + public/componets/navs_headers/20_header.html | 89 + public/componets/navs_headers/21_header.html | 92 + public/componets/navs_headers/22_header.html | 97 + public/componets/navs_headers/23_header.html | 120 + public/componets/navs_headers/24_header.html | 52 + public/componets/navs_headers/25_header.html | 52 + public/componets/navs_headers/9_header.html | 4 +- public/componets/navs_headers/header.html | 277 +- public/componets/section/1_section.html | 96 +- public/componets/section/section.html | 684 +++++ public/componets/service/1_service.html | 48 + public/componets/service/2_service.html | 48 + public/componets/service/3_service.html | 48 + public/componets/service/service.html | 58 + public/componets/skill/1_skill.html | 48 + public/componets/skill/2_skill.html | 48 + public/componets/skill/3_skill.html | 48 + public/componets/skill/4_skill.html | 48 + public/componets/skill/skill.html | 166 ++ public/componets/slider/1_slider.html | 145 + public/componets/slider/2_slider.html | 119 + public/componets/slider/3_slider.html | 175 ++ public/componets/slider/4_slider.html | 163 ++ public/componets/slider/5_slider.html | 139 + public/componets/slider/6_slider.html | 155 ++ public/componets/slider/slider.html | 650 +++++ public/template/15_template.html | 2499 +++++++++--------- public/template/16_template.html | 361 +++ public/template/17_template.html | 6 +- public/template/22_template.html | 49 + public/template/23_template.html | 49 + public/template/24_template.html | 49 + public/template/25_template.html | 49 + 48 files changed, 6735 insertions(+), 1521 deletions(-) create mode 100644 public/componets/layout/2_layout.html create mode 100644 public/componets/navs_headers/14_header.html create mode 100644 public/componets/navs_headers/15_header.html create mode 100644 public/componets/navs_headers/16_header.html create mode 100644 public/componets/navs_headers/17_header.html create mode 100644 public/componets/navs_headers/18_header.html create mode 100644 public/componets/navs_headers/19_header.html create mode 100644 public/componets/navs_headers/20_header.html create mode 100644 public/componets/navs_headers/21_header.html create mode 100644 public/componets/navs_headers/22_header.html create mode 100644 public/componets/navs_headers/23_header.html create mode 100644 public/componets/navs_headers/24_header.html create mode 100644 public/componets/navs_headers/25_header.html create mode 100644 public/componets/service/1_service.html create mode 100644 public/componets/service/2_service.html create mode 100644 public/componets/service/3_service.html create mode 100644 public/componets/service/service.html create mode 100644 public/componets/skill/1_skill.html create mode 100644 public/componets/skill/2_skill.html create mode 100644 public/componets/skill/3_skill.html create mode 100644 public/componets/skill/4_skill.html create mode 100644 public/componets/skill/skill.html create mode 100644 public/componets/slider/1_slider.html create mode 100644 public/componets/slider/2_slider.html create mode 100644 public/componets/slider/3_slider.html create mode 100644 public/componets/slider/4_slider.html create mode 100644 public/componets/slider/5_slider.html create mode 100644 public/componets/slider/6_slider.html create mode 100644 public/componets/slider/slider.html create mode 100644 public/template/22_template.html create mode 100644 public/template/23_template.html create mode 100644 public/template/24_template.html create mode 100644 public/template/25_template.html diff --git a/dist/tailshape.css b/dist/tailshape.css index d2033b7..174ce02 100755 --- a/dist/tailshape.css +++ b/dist/tailshape.css @@ -668,6 +668,10 @@ Ensure the default browser behavior of the `hidden` attribute. left: 50%; } +.-right-7 { + right: -1.75rem; +} + .-bottom-5 { bottom: -1.25rem; } @@ -696,88 +700,16 @@ Ensure the default browser behavior of the `hidden` attribute. left: -0.25rem; } -.-top-2 { - top: -0.5rem; +.top-5 { + top: 1.25rem; } -.-top-20 { - top: -5rem; +.right-5 { + right: 1.25rem; } -.top-20 { - top: 5rem; -} - -.left-10 { - left: 2.5rem; -} - -.right-10 { - right: 2.5rem; -} - -.left-2 { - left: 0.5rem; -} - -.left-1 { - left: 0.25rem; -} - -.left-20 { - left: 5rem; -} - -.right-20 { - right: 5rem; -} - -.right-3 { - right: 0.75rem; -} - -.right-32 { - right: 8rem; -} - -.right-2\/4 { - right: 50%; -} - -.right-1\/4 { - right: 25%; -} - -.right-3\/4 { - right: 75%; -} - -.left-3\/4 { - left: 75%; -} - -.right-\[\] { - right: ; -} - -.right-\[20\] { - right: 20; -} - -.right-\[20px\] { - right: 20px; -} - -.right-\[200px\] { - right: 200px; -} - -.right-\[250px\] { - right: 250px; -} - -.top-10 { - top: 2.5rem; +.left-5 { + left: 1.25rem; } .z-20 { @@ -920,6 +852,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin: -1rem; } +.m-5 { + margin: 1.25rem; +} + .mx-20 { margin-left: 5rem; margin-right: 5rem; @@ -1030,11 +966,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 4rem; } -.mx-8 { - margin-left: 2rem; - margin-right: 2rem; -} - .mx-0 { margin-left: 0px; margin-right: 0px; @@ -1070,6 +1001,11 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 0px; } +.mx-8 { + margin-left: 2rem; + margin-right: 2rem; +} + .my-20 { margin-top: 5rem; margin-bottom: 5rem; @@ -1427,6 +1363,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: -0px; } +.-mt-12 { + margin-top: -3rem; +} + .block { display: block; } @@ -1615,10 +1555,22 @@ Ensure the default browser behavior of the `hidden` attribute. height: 0.375rem; } +.h-5\/6 { + height: 83.333333%; +} + +.h-4\/5 { + height: 80%; +} + .max-h-0 { max-height: 0px; } +.max-h-96 { + max-height: 24rem; +} + .max-h-full { max-height: 100%; } @@ -1849,6 +1801,18 @@ Ensure the default browser behavior of the `hidden` attribute. width: 0.375rem; } +.w-11 { + width: 2.75rem; +} + +.w-4\/6 { + width: 66.666667%; +} + +.w-1\/6 { + width: 16.666667%; +} + .min-w-full { min-width: 100%; } @@ -1945,6 +1909,12 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 1340px; } +.max-w-fit { + max-width: -webkit-fit-content; + max-width: -moz-fit-content; + max-width: fit-content; +} + .flex-1 { flex: 1 1 0%; } @@ -2041,6 +2011,26 @@ 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)); } +.-translate-x-1\/4 { + --tw-translate-x: -25%; + 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)); +} + +.translate-x-1\/4 { + --tw-translate-x: 25%; + 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)); +} + +.translate-x-6 { + --tw-translate-x: 1.5rem; + 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)); +} + +.-translate-y-6 { + --tw-translate-y: -1.5rem; + 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)); @@ -2076,6 +2066,16 @@ 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-2 { + --tw-rotate: -2deg; + 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-2 { + --tw-rotate: 2deg; + 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)); @@ -2131,6 +2131,16 @@ 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-x-105 { + --tw-scale-x: 1.05; + 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-y-95 { + --tw-scale-y: .95; + 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)); } @@ -2212,6 +2222,11 @@ Ensure the default browser behavior of the `hidden` attribute. cursor: not-allowed; } +.cursor-grab { + cursor: -webkit-grab; + cursor: grab; +} + .select-none { -webkit-user-select: none; -moz-user-select: none; @@ -2759,6 +2774,11 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-right-radius: 9999px; } +.rounded-t-none { + border-top-left-radius: 0px; + border-top-right-radius: 0px; +} + .rounded-tl { border-top-left-radius: 0.25rem; } @@ -2855,6 +2875,14 @@ Ensure the default browser behavior of the `hidden` attribute. border-right-width: 0px; } +.border-t-4 { + border-top-width: 4px; +} + +.border-b-8 { + border-bottom-width: 8px; +} + .border-solid { border-style: solid; } @@ -3043,6 +3071,16 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(20 184 166 / var(--tw-border-opacity)); } +.border-indigo-600 { + --tw-border-opacity: 1; + border-color: rgb(79 70 229 / var(--tw-border-opacity)); +} + +.border-teal-400 { + --tw-border-opacity: 1; + border-color: rgb(45 212 191 / var(--tw-border-opacity)); +} + .border-r-gray-200 { --tw-border-opacity: 1; border-right-color: rgb(229 231 235 / var(--tw-border-opacity)); @@ -3603,6 +3641,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; } @@ -3631,6 +3673,10 @@ Ensure the default browser behavior of the `hidden` attribute. fill: #1f2937; } +.fill-red-500 { + fill: #ef4444; +} + .stroke-gray-500 { stroke: #6b7280; } @@ -3639,6 +3685,10 @@ Ensure the default browser behavior of the `hidden` attribute. stroke: currentColor; } +.stroke-gray-300 { + stroke: #d1d5db; +} + .stroke-2 { stroke-width: 2; } @@ -3648,6 +3698,11 @@ Ensure the default browser behavior of the `hidden` attribute. object-fit: cover; } +.object-fill { + -o-object-fit: fill; + object-fit: fill; +} + .object-center { -o-object-position: center; object-position: center; @@ -3702,6 +3757,10 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 7rem; } +.p-24 { + padding: 6rem; +} + .p-2\.5 { padding: 0.625rem; } @@ -3718,10 +3777,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 3rem; } -.p-24 { - padding: 6rem; -} - .px-4 { padding-left: 1rem; padding-right: 1rem; @@ -3912,6 +3967,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 0.875rem; } +.px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; +} + .pt-20 { padding-top: 5rem; } @@ -4700,6 +4760,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(185 28 28 / var(--tw-text-opacity)); } +.text-purple-900 { + --tw-text-opacity: 1; + color: rgb(88 28 135 / var(--tw-text-opacity)); +} + .text-opacity-50 { --tw-text-opacity: 0.5; } @@ -4904,6 +4969,16 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-shadow: var(--tw-shadow-colored); } +.shadow-white { + --tw-shadow-color: #fff; + --tw-shadow: var(--tw-shadow-colored); +} + +.shadow-emerald-300 { + --tw-shadow-color: #6ee7b7; + --tw-shadow: var(--tw-shadow-colored); +} + .outline-none { outline: 2px solid transparent; outline-offset: 2px; @@ -4964,6 +5039,26 @@ Ensure the default browser behavior of the `hidden` attribute. 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); } +.drop-shadow-sm { + --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05)); + 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); +} + +.drop-shadow-md { + --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); + 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); +} + +.drop-shadow-lg { + --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1)); + 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); +} + +.drop-shadow-xl { + --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08)); + 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); @@ -5164,6 +5259,11 @@ Ensure the default browser behavior of the `hidden` attribute. display: block; } +.before\:hidden::before { + content: var(--tw-content); + display: none; +} + .before\:h-3::before { content: var(--tw-content); height: 0.75rem; @@ -5228,12 +5328,28 @@ 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)); } +.hover\:-translate-y-1:hover { + --tw-translate-y: -0.25rem; + 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)); +} + +.hover\:rotate-12:hover { + --tw-rotate: 12deg; + 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)); +} + .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; 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)); } +.hover\:scale-110:hover { + --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)); +} + .hover\:cursor-pointer:hover { cursor: pointer; } @@ -5292,6 +5408,11 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: transparent; } +.hover\:border-teal-500:hover { + --tw-border-opacity: 1; + border-color: rgb(20 184 166 / var(--tw-border-opacity)); +} + .hover\:border-b-blue-300:hover { --tw-border-opacity: 1; border-bottom-color: rgb(147 197 253 / var(--tw-border-opacity)); @@ -5717,6 +5838,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(126 34 206 / var(--tw-text-opacity)); } +.hover\:text-gray-200:hover { + --tw-text-opacity: 1; + color: rgb(229 231 235 / var(--tw-text-opacity)); +} + .hover\:text-opacity-75:hover { --tw-text-opacity: 0.75; } @@ -5765,6 +5891,11 @@ 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\:outline-none:hover { + outline: 2px solid transparent; + outline-offset: 2px; +} + .hover\:ring: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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -7217,6 +7348,16 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity)); } +.dark .dark\:ring-emerald-300 { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity)); +} + +.dark .dark\:ring-emerald-900 { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(6 78 59 / var(--tw-ring-opacity)); +} + .dark .dark\:placeholder\:text-emerald-300::-moz-placeholder { --tw-text-opacity: 1; color: rgb(110 231 183 / var(--tw-text-opacity)); @@ -7647,6 +7788,10 @@ Ensure the default browser behavior of the `hidden` attribute. grid-column: span 8 / span 8; } + .sm\:-m-4 { + margin: -1rem; + } + .sm\:mx-12 { margin-left: 3rem; margin-right: 3rem; @@ -7707,6 +7852,11 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 1rem; } + .sm\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; + } + .sm\:mr-6 { margin-right: 1.5rem; } @@ -7807,6 +7957,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: auto; } + .sm\:-mt-6 { + margin-top: -1.5rem; + } + .sm\:block { display: block; } @@ -7859,6 +8013,10 @@ Ensure the default browser behavior of the `hidden` attribute. height: 100%; } + .sm\:h-6 { + height: 1.5rem; + } + .sm\:w-10\/12 { width: 83.333333%; } @@ -7951,6 +8109,10 @@ Ensure the default browser behavior of the `hidden` attribute. width: 83.333333%; } + .sm\:w-6 { + width: 1.5rem; + } + .sm\:max-w-full { max-width: 100%; } @@ -8124,6 +8286,10 @@ Ensure the default browser behavior of the `hidden` attribute. border-radius: 0.5rem; } + .sm\:border { + border-width: 1px; + } + .sm\:border-none { border-style: none; } @@ -8235,6 +8401,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 4rem; } + .sm\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; + } + .sm\:py-24 { padding-top: 6rem; padding-bottom: 6rem; @@ -8777,6 +8948,10 @@ Ensure the default browser behavior of the `hidden` attribute. height: 12rem; } + .md\:h-screen { + height: 100vh; + } + .md\:h-36 { height: 9rem; } @@ -9858,6 +10033,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 8rem; } + .lg\:-mt-24 { + margin-top: -6rem; + } + .lg\:block { display: block; } @@ -10215,6 +10394,12 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } + .lg\: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))); + } + .lg\:space-x-reverse > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; } @@ -10227,6 +10412,11 @@ Ensure the default browser behavior of the `hidden` attribute. border-radius: 0.5rem; } + .lg\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; + } + .lg\:border-none { border-style: none; } @@ -10245,6 +10435,10 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } + .lg\:bg-transparent { + background-color: transparent; + } + .lg\:p-10 { padding: 2.5rem; } @@ -10682,6 +10876,10 @@ Ensure the default browser behavior of the `hidden` attribute. height: 6rem; } + .xl\:min-h-0 { + min-height: 0px; + } + .xl\:w-2\/5 { width: 40%; } @@ -10734,6 +10932,10 @@ Ensure the default browser behavior of the `hidden` attribute. width: 6rem; } + .xl\:min-w-0 { + min-width: 0px; + } + .xl\:max-w-screen-xl { max-width: 1280px; } diff --git a/public/componets/contact/8_contact.html b/public/componets/contact/8_contact.html index 94ecedc..a64cb24 100644 --- a/public/componets/contact/8_contact.html +++ b/public/componets/contact/8_contact.html @@ -21,9 +21,9 @@
Contact 8
-
-
-
+
+
+
diff --git a/public/componets/footer/10_footer.html b/public/componets/footer/10_footer.html index 391f6b3..d0a875d 100644 --- a/public/componets/footer/10_footer.html +++ b/public/componets/footer/10_footer.html @@ -16,11 +16,11 @@
Footer 10
-
+ + layout + + + + + + + +
+
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + +
+
+
+
+ +
+
+

Hi, We're Brand name . Nice to meet you.

+

Lorem ipsum dolor, sit amet consectetur adipisicing elit. A aliquam veniam suscipit eaque iure, eligendi harum expedita cupiditate sequi, culpa autem! Quaerat ex fugit iste suscipit reiciendis, accusamus ipsum quae.

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

About Us

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ullamcorper nulla nunc quis molestie volutpat elementum at. Ultrices ipsum, enim cursus lorem ac. Orci maecenas praesent arcu eget orci est orci nullam. Leo purus est pellentesque massa at tortor, est. Aliquet pulvinar a mattis sagittis. Suspendisse porta id elementum, massa.

+
+
+ +
+
+

Latest Posts

+ +
+ +
+

Easy, Free Laravel CI Using GitHub Actions

+ 20 Jan 2020 +
+ + + +
+

Pest: a delightful PHP Testing Framework

+ 29 Oct 2019 +
+ + + +
+

Using inline SVGs in Vue components

+ 15 Oct 2019 +
+ + + +
+

Acceptance Testing Laravel & VueJs Apps with Codeception

+ 3 Oct 2019 +
+ +
+ +
+ + View More + + + + + +
+
+
+ +
+
+

Projects

+ +
+
+
+
+ +
+ + +
+

Lorem ipsum dolor sit amet consectetur adipisicing elit.

+ + tailwindcomponents.com +
+ +
+ +
+
+ +
+ + +
+

Lorem ipsum dolor sit amet consectetur adipisicing elit.

+ + tailwindcomponents +
+ +
+ +
+
+ +
+ + +
+

Lorem ipsum dolor sit amet consectetur adipisicing elit.

+ + tailwindcomponents +
+ +
+
+
+ +
+ + View More On Github + + + + + +
+
+
+ + +
+
+ + + + + + + + + + \ No newline at end of file diff --git a/public/componets/navs_headers/10_header.html b/public/componets/navs_headers/10_header.html index 33430a1..ec0fddd 100644 --- a/public/componets/navs_headers/10_header.html +++ b/public/componets/navs_headers/10_header.html @@ -14,11 +14,8 @@ - - - - + +
@@ -272,8 +269,11 @@ }) toogler.addEventListener('click',()=>{ doc_html_el.className =='' ? doc_html_el.classList.add('dark'):doc_html_el.classList.remove('dark'); - console.log(doc_html_el.className); }) - \ No newline at end of file + + + + + \ No newline at end of file diff --git a/public/componets/navs_headers/11_header.html b/public/componets/navs_headers/11_header.html index 6d83f29..4dfccfe 100644 --- a/public/componets/navs_headers/11_header.html +++ b/public/componets/navs_headers/11_header.html @@ -73,4 +73,6 @@ }) - \ No newline at end of file + + + \ No newline at end of file diff --git a/public/componets/navs_headers/12_header.html b/public/componets/navs_headers/12_header.html index 47bff0f..64c4c04 100644 --- a/public/componets/navs_headers/12_header.html +++ b/public/componets/navs_headers/12_header.html @@ -24,44 +24,45 @@
Header 12
- + + @@ -93,4 +94,6 @@ }) - \ No newline at end of file + + + \ No newline at end of file diff --git a/public/componets/navs_headers/13_header.html b/public/componets/navs_headers/13_header.html index fa5171d..c5345f6 100644 --- a/public/componets/navs_headers/13_header.html +++ b/public/componets/navs_headers/13_header.html @@ -7,7 +7,7 @@ - Header 8 + Header 13 @@ -18,6 +18,52 @@ + + +
+
Header 13
+
+ + + + + @@ -46,4 +92,6 @@ }) - \ No newline at end of file + + + \ No newline at end of file diff --git a/public/componets/navs_headers/14_header.html b/public/componets/navs_headers/14_header.html new file mode 100644 index 0000000..91b2826 --- /dev/null +++ b/public/componets/navs_headers/14_header.html @@ -0,0 +1,103 @@ + + + + + + + + + Header 14 + + + + + + + + + +
+
Header 14
+
+ + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/navs_headers/15_header.html b/public/componets/navs_headers/15_header.html new file mode 100644 index 0000000..5190b7d --- /dev/null +++ b/public/componets/navs_headers/15_header.html @@ -0,0 +1,128 @@ + + + + + + + + + Header 15 + + + + + + + + + +
+
Header 15
+
+ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/navs_headers/16_header.html b/public/componets/navs_headers/16_header.html new file mode 100644 index 0000000..0171c48 --- /dev/null +++ b/public/componets/navs_headers/16_header.html @@ -0,0 +1,144 @@ + + + + + + + + + Header 16 + + + + + + + + + +
+
Header 16
+
+ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/navs_headers/17_header.html b/public/componets/navs_headers/17_header.html new file mode 100644 index 0000000..76065f4 --- /dev/null +++ b/public/componets/navs_headers/17_header.html @@ -0,0 +1,85 @@ + + + + + + + + + Header 17 + + + + + + + + +
+
Header 17
+
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/navs_headers/18_header.html b/public/componets/navs_headers/18_header.html new file mode 100644 index 0000000..64e4a82 --- /dev/null +++ b/public/componets/navs_headers/18_header.html @@ -0,0 +1,98 @@ + + + + + + + + + Header 18 + + + + + + + + + +
+
Header 18
+
+ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/navs_headers/19_header.html b/public/componets/navs_headers/19_header.html new file mode 100644 index 0000000..acd98ed --- /dev/null +++ b/public/componets/navs_headers/19_header.html @@ -0,0 +1,94 @@ + + + + + + + + + Header 19 + + + + + + + + + +
+
Header 19
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/navs_headers/20_header.html b/public/componets/navs_headers/20_header.html new file mode 100644 index 0000000..f494d31 --- /dev/null +++ b/public/componets/navs_headers/20_header.html @@ -0,0 +1,89 @@ + + + + + + + + + Header 20 + + + + + + + + + +
+
Header 20
+
+ +
+ +
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/navs_headers/21_header.html b/public/componets/navs_headers/21_header.html new file mode 100644 index 0000000..b3a8819 --- /dev/null +++ b/public/componets/navs_headers/21_header.html @@ -0,0 +1,92 @@ + + + + + + + + + Header 21 + + + + + + + + + + +
+
Header 21
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/navs_headers/22_header.html b/public/componets/navs_headers/22_header.html new file mode 100644 index 0000000..b6e8dfc --- /dev/null +++ b/public/componets/navs_headers/22_header.html @@ -0,0 +1,97 @@ + + + + + + + + + Header 22 + + + + + + + + + +
+
Header 22
+
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/navs_headers/23_header.html b/public/componets/navs_headers/23_header.html new file mode 100644 index 0000000..d8b2606 --- /dev/null +++ b/public/componets/navs_headers/23_header.html @@ -0,0 +1,120 @@ + + + + + + + + + Header 23 + + + + + + + + + +
+
Header 23
+
+ +
+ + + +
+ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/navs_headers/24_header.html b/public/componets/navs_headers/24_header.html new file mode 100644 index 0000000..e09ac68 --- /dev/null +++ b/public/componets/navs_headers/24_header.html @@ -0,0 +1,52 @@ + + + + + + + + + Header 13 + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/navs_headers/25_header.html b/public/componets/navs_headers/25_header.html new file mode 100644 index 0000000..e09ac68 --- /dev/null +++ b/public/componets/navs_headers/25_header.html @@ -0,0 +1,52 @@ + + + + + + + + + Header 13 + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/navs_headers/9_header.html b/public/componets/navs_headers/9_header.html index 51ea3ef..e0a74c7 100644 --- a/public/componets/navs_headers/9_header.html +++ b/public/componets/navs_headers/9_header.html @@ -87,4 +87,6 @@ }) - \ No newline at end of file + + + \ No newline at end of file diff --git a/public/componets/navs_headers/header.html b/public/componets/navs_headers/header.html index 495c4f5..52417cc 100644 --- a/public/componets/navs_headers/header.html +++ b/public/componets/navs_headers/header.html @@ -364,11 +364,11 @@
Header 7
-
+
-
+
-
+
-
+
@@ -468,7 +469,7 @@ Company -
    + -
    - -
    +
    @@ -508,7 +509,7 @@
    -
    - - -
    -
    - Home - Shop - Contact - About -
    - -
    - - - - - - - -
    -
    -
    + + +
    @@ -905,7 +909,7 @@
    - + +
    Header 14
    -
+ - -
-