astro-tailwind-mambaui-temp.../dist/index.html

<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><meta name="viewport" content="width=device-width"><meta name="generator" content="Astro v3.6.2"><title>Astro</title><link rel="stylesheet" href="/astro-tailwind-mambaui-template/astro/business_layout2.f4befd13.css" /><script type="module" src="/astro-tailwind-mambaui-template/astro/page.7730416e.js"></script></head> <body> <div class="space-y-8 md:space-y-16 bg-gray-800 text-gray-100"> <header class="p-4 bg-gray-800 text-gray-100"> <div class="container flex justify-between h-16 mx-auto md:justify-center md:space-x-8"> <ul class="items-stretch hidden space-x-3 md:flex"> <li class="flex"> <a rel="noopener noreferrer" href="/" class="flex items-center px-4 -mb-1 border-b-2 border-transparent">Business Layout 1</a> </li> <li class="flex"> <a rel="noopener noreferrer" href="/business_layout2" class="flex items-center px-4 -mb-1 border-b-2 border-transparent">Business Layout 2</a> </li> <li class="flex"> <a rel="noopener noreferrer" href="/portfolio_layout1" class="flex items-center px-4 -mb-1 border-b-2 border-transparent text-violet-400 border-violet-400">Portfolio Layout 1</a> </li> </ul> <a rel="noopener noreferrer" href="#" aria-label="Back to homepage" class="flex items-center p-2"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 32" class="w-8 h-8 text-violet-400"> <path d="M27.912 7.289l-10.324-5.961c-0.455-0.268-1.002-0.425-1.588-0.425s-1.133 0.158-1.604 0.433l0.015-0.008-10.324 5.961c-0.955 0.561-1.586 1.582-1.588 2.75v11.922c0.002 1.168 0.635 2.189 1.574 2.742l0.016 0.008 10.322 5.961c0.455 0.267 1.004 0.425 1.59 0.425 0.584 0 1.131-0.158 1.602-0.433l-0.014 0.008 10.322-5.961c0.955-0.561 1.586-1.582 1.588-2.75v-11.922c-0.002-1.168-0.633-2.189-1.573-2.742zM27.383 21.961c0 0.389-0.211 0.73-0.526 0.914l-0.004 0.002-10.324 5.961c-0.152 0.088-0.334 0.142-0.53 0.142s-0.377-0.053-0.535-0.145l0.005 0.002-10.324-5.961c-0.319-0.186-0.529-0.527-0.529-0.916v-11.922c0-0.389 0.211-0.73 0.526-0.914l0.004-0.002 10.324-5.961c0.152-0.090 0.334-0.143 0.53-0.143s0.377 0.053 0.535 0.144l-0.006-0.002 10.324 5.961c0.319 0.185 0.529 0.527 0.529 0.916z"></path> <path d="M22.094 19.451h-0.758c-0.188 0-0.363 0.049-0.515 0.135l0.006-0.004-4.574 2.512-5.282-3.049v-6.082l5.282-3.051 4.576 2.504c0.146 0.082 0.323 0.131 0.508 0.131h0.758c0.293 0 0.529-0.239 0.529-0.531v-0.716c0-0.2-0.11-0.373-0.271-0.463l-0.004-0.002-5.078-2.777c-0.293-0.164-0.645-0.26-1.015-0.26-0.39 0-0.756 0.106-1.070 0.289l0.010-0.006-5.281 3.049c-0.636 0.375-1.056 1.055-1.059 1.834v6.082c0 0.779 0.422 1.461 1.049 1.828l0.009 0.006 5.281 3.049c0.305 0.178 0.67 0.284 1.061 0.284 0.373 0 0.723-0.098 1.027-0.265l-0.012 0.006 5.080-2.787c0.166-0.091 0.276-0.265 0.276-0.465v-0.716c0-0.293-0.238-0.529-0.529-0.529z"></path> </svg> </a> <ul class="items-stretch hidden space-x-3 md:flex"> <li class="flex"> <a rel="noopener noreferrer" href="/portfolio_layout2" class="flex items-center px-4 -mb-1 border-b-2 border-transparent">Portfolio Layout 2</a> </li> <li class="flex"> <a rel="noopener noreferrer" href="https://mambaui.com/components" class="flex items-center px-4 -mb-1 border-b-2 border-transparent">Components</a> </li> <li class="flex"> <a href="https://mambaui.com/" class="flex items-center px-4 -mb-1 border-b-2 border-transparent">MAMBA UI</a> </li> </ul> <button class="p-4 md:hidden"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6 text-gray-100"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> </button> </div> </header> <section class="bg-gray-800 text-gray-100"> <div class="container flex flex-col justify-center p-6 mx-auto sm:py-12 lg:py-24 lg:flex-row lg:justify-between"> <div class="flex flex-col justify-center p-6 text-center rounded-sm lg:max-w-md xl:max-w-lg lg:text-left"> <h1 class="text-5xl font-bold leadi sm:text-6xl">
A Component Library from MAMBA UI for Tailwind
</h1> <p class="mt-6 mb-8 text-lg sm:mb-12">With example Astro implementation, featuring open source copy/paste html and minimal js
</p> <div class="flex flex-col space-y-4 sm:items-center sm:justify-center sm:flex-row sm:space-y-0 sm:space-x-4 lg:justify-start"> <a rel="noopener noreferrer" href="#" class="px-8 py-3 text-lg font-semibold rounded bg-violet-400 text-gray-900">Suspendisse</a> <a rel="noopener noreferrer" href="#" class="px-8 py-3 text-lg font-semibold border rounded border-gray-100">Malesuada</a> </div> </div> <div class="flex items-center justify-center p-6 mt-8 lg:mt-0 h-72 sm:h-80 lg:h-96 xl:h-112 2xl:h-128"> <img src="assets/svg/Business_SVG.svg" alt="" class="object-contain h-72 sm:h-80 lg:h-96 xl:h-112 2xl:h-128 bg-gray-500"> </div> </div> </section> <section class="bg-gray-800 text-gray-100"> <div class="container max-w-xl p-6 py-12 mx-auto space-y-24 lg:px-8 lg:max-w-7xl"> <div> <h2 class="text-3xl font-bold tracki text-center sm:text-5xl text-gray-50">Aliquip definiebas ad est</h2> <p class="max-w-3xl mx-auto mt-4 text-xl text-center text-gray-400">Quando cetero his ne, eum admodum sapientem ut.</p> </div> <div class="grid lg:gap-8 lg:grid-cols-2 lg:items-center"> <div> <h3 class="text-2xl font-bold tracki sm:text-3xl text-gray-50">Ad vix debet docendi</h3> <p class="mt-3 text-lg text-gray-400">Ne dicta praesent ocurreret has, diam theophrastus at pro. Eos etiam regione ut, persius eripuit quo id. Sit te euismod tacimates.</p> <div class="mt-12 space-y-12"> <div class="flex"> <div class="flex-shrink-0"> <div class="flex items-center justify-center w-12 h-12 rounded-md bg-violet-400 text-gray-900"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-7 h-7"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </div> </div> <div class="ml-4"> <h4 class="text-lg font-medium leadi text-gray-50">Per ei quaeque sensibus</h4> <p class="mt-2 text-gray-400">Ex usu illum iudico molestie. Pro ne agam facete mediocritatem, ridens labore facete mea ei. Pro id apeirian dignissim.</p> </div> </div> <div class="flex"> <div class="flex-shrink-0"> <div class="flex items-center justify-center w-12 h-12 rounded-md bg-violet-400 text-gray-900"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-7 h-7"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </div> </div> <div class="ml-4"> <h4 class="text-lg font-medium leadi text-gray-50">Cu imperdiet posidonium sed</h4> <p class="mt-2 text-gray-400">Amet utinam aliquando ut mea, malis admodum ocurreret nec et, elit tibique cu nec. Nec ex maluisset inciderint, ex quis.</p> </div> </div> <div class="flex"> <div class="flex-shrink-0"> <div class="flex items-center justify-center w-12 h-12 rounded-md bg-violet-400 text-gray-900"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-7 h-7"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </div> </div> <div class="ml-4"> <h4 class="text-lg font-medium leadi text-gray-50">Nulla omittam sadipscing mel ne</h4> <p class="mt-2 text-gray-400">At sed possim oporteat probatus, justo graece ne nec, minim commodo legimus ut vix. Ut eos iudico quando soleat, nam modus.</p> </div> </div> </div> </div> <div aria-hidden="true" class="mt-10 lg:mt-0"> <img src="https://source.unsplash.com/random/360x480" alt="" class="mx-auto rounded-lg shadow-lg bg-gray-500"> </div> </div> <div> <div class="grid lg:gap-8 lg:grid-cols-2 lg:items-center"> <div class="lg:col-start-2"> <h3 class="text-2xl font-bold tracki sm:text-3xl text-gray-50">Eam nibh gloriatur ex</h3> <p class="mt-3 text-lg text-gray-400">Per odio fabellas consulatu cu. Utroque detracto mel ea, quo te latine theophrastus. Ea his tale nibh dissentias, mei exerci tamquam euripidis cu.</p> <div class="mt-12 space-y-12"> <div class="flex"> <div class="flex-shrink-0"> <div class="flex items-center justify-center w-12 h-12 rounded-md bg-violet-400 text-gray-900"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" vi
fix build again 2023-11-28 17:17:23 -05:00			<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><meta name="viewport" content="width=device-width"><meta name="generator" content="Astro v3.6.2"><title>Astro</title><link rel="stylesheet" href="/astro-tailwind-mambaui-template/astro/business_layout2.f4befd13.css" /><script type="module" src="/astro-tailwind-mambaui-template/astro/page.7730416e.js"></script></head> <body> <div class="space-y-8 md:space-y-16 bg-gray-800 text-gray-100"> <header class="p-4 bg-gray-800 text-gray-100"> <div class="container flex justify-between h-16 mx-auto md:justify-center md:space-x-8"> <ul class="items-stretch hidden space-x-3 md:flex"> <li class="flex"> <a rel="noopener noreferrer" href="/" class="flex items-center px-4 -mb-1 border-b-2 border-transparent">Business Layout 1</a> </li> <li class="flex"> <a rel="noopener noreferrer" href="/business_layout2" class="flex items-center px-4 -mb-1 border-b-2 border-transparent">Business Layout 2</a> </li> <li class="flex"> <a rel="noopener noreferrer" href="/portfolio_layout1" class="flex items-center px-4 -mb-1 border-b-2 border-transparent text-violet-400 border-violet-400">Portfolio Layout 1</a> </li> </ul> <a rel="noopener noreferrer" href="#" aria-label="Back to homepage" class="flex items-center p-2"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 32" class="w-8 h-8 text-violet-400"> <path d="M27.912 7.289l-10.324-5.961c-0.455-0.268-1.002-0.425-1.588-0.425s-1.133 0.158-1.604 0.433l0.015-0.008-10.324 5.961c-0.955 0.561-1.586 1.582-1.588 2.75v11.922c0.002 1.168 0.635 2.189 1.574 2.742l0.016 0.008 10.322 5.961c0.455 0.267 1.004 0.425 1.59 0.425 0.584 0 1.131-0.158 1.602-0.433l-0.014 0.008 10.322-5.961c0.955-0.561 1.586-1.582 1.588-2.75v-11.922c-0.002-1.168-0.633-2.189-1.573-2.742zM27.383 21.961c0 0.389-0.211 0.73-0.526 0.914l-0.004 0.002-10.324 5.961c-0.152 0.088-0.334 0.142-0.53 0.142s-0.377-0.053-0.535-0.145l0.005 0.002-10.324-5.961c-0.319-0.186-0.529-0.527-0.529-0.916v-11.922c0-0.389 0.211-0.73 0.526-0.914l0.004-0.002 10.324-5.961c0.152-0.090 0.334-0.143 0.53-0.143s0.377 0.053 0.535 0.144l-0.006-0.002 10.324 5.961c0.319 0.185 0.529 0.527 0.529 0.916z"></path> <path d="M22.094 19.451h-0.758c-0.188 0-0.363 0.049-0.515 0.135l0.006-0.004-4.574 2.512-5.282-3.049v-6.082l5.282-3.051 4.576 2.504c0.146 0.082 0.323 0.131 0.508 0.131h0.758c0.293 0 0.529-0.239 0.529-0.531v-0.716c0-0.2-0.11-0.373-0.271-0.463l-0.004-0.002-5.078-2.777c-0.293-0.164-0.645-0.26-1.015-0.26-0.39 0-0.756 0.106-1.070 0.289l0.010-0.006-5.281 3.049c-0.636 0.375-1.056 1.055-1.059 1.834v6.082c0 0.779 0.422 1.461 1.049 1.828l0.009 0.006 5.281 3.049c0.305 0.178 0.67 0.284 1.061 0.284 0.373 0 0.723-0.098 1.027-0.265l-0.012 0.006 5.080-2.787c0.166-0.091 0.276-0.265 0.276-0.465v-0.716c0-0.293-0.238-0.529-0.529-0.529z"></path> </svg> </a> <ul class="items-stretch hidden space-x-3 md:flex"> <li class="flex"> <a rel="noopener noreferrer" href="/portfolio_layout2" class="flex items-center px-4 -mb-1 border-b-2 border-transparent">Portfolio Layout 2</a> </li> <li class="flex"> <a rel="noopener noreferrer" href="https://mambaui.com/components" class="flex items-center px-4 -mb-1 border-b-2 border-transparent">Components</a> </li> <li class="flex"> <a href="https://mambaui.com/" class="flex items-center px-4 -mb-1 border-b-2 border-transparent">MAMBA UI</a> </li> </ul> <button class="p-4 md:hidden"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6 text-gray-100"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> </button> </div> </header> <section class="bg-gray-800 text-gray-100"> <div class="container flex flex-col justify-center p-6 mx-auto sm:py-12 lg:py-24 lg:flex-row lg:justify-between"> <div class="flex flex-col justify-center p-6 text-center rounded-sm lg:max-w-md xl:max-w-lg lg:text-left"> <h1 class="text-5xl font-bold leadi sm:text-6xl">
init 2023-11-28 16:35:40 -05:00			`A Component Library from MAMBA UI for Tailwind`
			`</h1> <p class="mt-6 mb-8 text-lg sm:mb-12">With example Astro implementation, featuring open source copy/paste html and minimal js`
			</p> <div class="flex flex-col space-y-4 sm:items-center sm:justify-center sm:flex-row sm:space-y-0 sm:space-x-4 lg:justify-start"> <a rel="noopener noreferrer" href="#" class="px-8 py-3 text-lg font-semibold rounded bg-violet-400 text-gray-900">Suspendisse</a> <a rel="noopener noreferrer" href="#" class="px-8 py-3 text-lg font-semibold border rounded border-gray-100">Malesuada</a> </div> </div> <div class="flex items-center justify-center p-6 mt-8 lg:mt-0 h-72 sm:h-80 lg:h-96 xl:h-112 2xl:h-128"> <img src="assets/svg/Business_SVG.svg" alt="" class="object-contain h-72 sm:h-80 lg:h-96 xl:h-112 2xl:h-128 bg-gray-500"> </div> </div> </section> <section class="bg-gray-800 text-gray-100"> <div class="container max-w-xl p-6 py-12 mx-auto space-y-24 lg:px-8 lg:max-w-7xl"> <div> <h2 class="text-3xl font-bold tracki text-center sm:text-5xl text-gray-50">Aliquip definiebas ad est</h2> <p class="max-w-3xl mx-auto mt-4 text-xl text-center text-gray-400">Quando cetero his ne, eum admodum sapientem ut.</p> </div> <div class="grid lg:gap-8 lg:grid-cols-2 lg:items-center"> <div> <h3 class="text-2xl font-bold tracki sm:text-3xl text-gray-50">Ad vix debet docendi</h3> <p class="mt-3 text-lg text-gray-400">Ne dicta praesent ocurreret has, diam theophrastus at pro. Eos etiam regione ut, persius eripuit quo id. Sit te euismod tacimates.</p> <div class="mt-12 space-y-12"> <div class="flex"> <div class="flex-shrink-0"> <div class="flex items-center justify-center w-12 h-12 rounded-md bg-violet-400 text-gray-900"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-7 h-7"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </div> </div> <div class="ml-4"> <h4 class="text-lg font-medium leadi text-gray-50">Per ei quaeque sensibus</h4> <p class="mt-2 text-gray-400">Ex usu illum iudico molestie. Pro ne agam facete mediocritatem, ridens labore facete mea ei. Pro id apeirian dignissim.</p> </div> </div> <div class="flex"> <div class="flex-shrink-0"> <div class="flex items-center justify-center w-12 h-12 rounded-md bg-violet-400 text-gray-900"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-7 h-7"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </div> </div> <div class="ml-4"> <h4 class="text-lg font-medium leadi text-gray-50">Cu imperdiet posidonium sed</h4> <p class="mt-2 text-gray-400">Amet utinam aliquando ut mea, malis admodum ocurreret nec et, elit tibique cu nec. Nec ex maluisset inciderint, ex quis.</p> </div> </div> <div class="flex"> <div class="flex-shrink-0"> <div class="flex items-center justify-center w-12 h-12 rounded-md bg-violet-400 text-gray-900"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-7 h-7"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </div> </div> <div class="ml-4"> <h4 class="text-lg font-medium leadi text-gray-50">Nulla omittam sadipscing mel ne</h4> <p class="mt-2 text-gray-400">At sed possim oporteat probatus, justo graece ne nec, minim commodo legimus ut vix. Ut eos iudico quando soleat, nam modus.</p> </div> </div> </div> </div> <div aria-hidden="true" class="mt-10 lg:mt-0"> <img src="https://source.unsplash.com/random/360x480" alt="" class="mx-auto rounded-lg shadow-lg bg-gray-500"> </div> </div> <div> <div class="grid lg:gap-8 lg:grid-cols-2 lg:items-center"> <div class="lg:col-start-2"> <h3 class="text-2xl font-bold tracki sm:text-3xl text-gray-50">Eam nibh gloriatur ex</h3> <p class="mt-3 text-lg text-gray-400">Per odio fabellas consulatu cu. Utroque detracto mel ea, quo te latine theophrastus. Ea his tale nibh dissentias, mei exerci tamquam euripidis cu.</p> <div class="mt-12 space-y-12"> <div class="flex"> <div class="flex-shrink-0"> <div class="flex items-center justify-center w-12 h-12 rounded-md bg-violet-400 text-gray-900"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" vi