| layout | title |
|---|---|
default |
hello |
<div class="content-wrapper mx-auto mt-12 prose lg:prose-2xl ">
<h1 class="text-3xl text-center text-primary">Design Links</h1>
<section class="center text-center">
<button class="btn btn-primary btn-circle btn-xs md:btn-sm lg:btn-md xl:btn-lg">
<span class="text-3xl" >+</span>
</button>
</section>
<div class="divider my-16">OR</div>
</div>
<section class="tabs-wrapper mx-10 my-16">
<div class="tabs tabs-boxed mb-10 mx-auto sm:w-full lg:w-1/2">
<a class="tab tab-lg tab-active">Frameworks</a>
<a class="tab tab-lg">Tools</a>
<a class="tab tab-lg">Typography</a>
<a class="tab tab-lg">CheatSheets</a>
<a class="tab tab-lg">Deign Collections</a>
</div>
<div class="tabs-content" >
<ul class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
<li class="card">
<figure>
<img src="https://api.lorem.space/image/movie?w=400&h=250">
</figure>
<div class="card-body">
<h2 class="card-title">Top image
<div class="badge mx-2 badge-secondary">NEW</div>
</h2>
<p>Rerum reiciendis beatae tenetur excepturi aut pariatur est eos. Sit sit necessitatibus veritatis sed molestiae voluptates incidunt iure sapiente.</p>
<div class="justify-end card-actions">
<button class="btn btn-secondary">More info</button>
</div>
</div>
</li>
<li class="card">
<figure>
<img src="https://api.lorem.space/image/movie?w=400&h=250">
</figure>
<div class="card-body">
<h2 class="card-title">Top image
<div class="badge mx-2 badge-secondary">NEW</div>
</h2>
<p>Rerum reiciendis beatae tenetur excepturi aut pariatur est eos. Sit sit necessitatibus veritatis sed molestiae voluptates incidunt iure sapiente.</p>
<div class="justify-end card-actions">
<button class="btn btn-secondary">More info</button>
</div>
</div>
</li>
<li class="card">
<figure>
<img src="https://api.lorem.space/image/movie?w=400&h=250">
</figure>
<div class="card-body">
<h2 class="card-title">Top image
<div class="badge mx-2 badge-secondary">NEW</div>
</h2>
<p>Rerum reiciendis beatae tenetur excepturi aut pariatur est eos. Sit sit necessitatibus veritatis sed molestiae voluptates incidunt iure sapiente.</p>
<div class="justify-end card-actions">
<button class="btn btn-secondary">More info</button>
</div>
</div>
</li>
<li class="card">
<figure>
<img src="https://api.lorem.space/image/movie?w=400&h=250">
</figure>
<div class="card-body">
<h2 class="card-title">Top image
<div class="badge mx-2 badge-secondary">NEW</div>
</h2>
<p>Rerum reiciendis beatae tenetur excepturi aut pariatur est eos. Sit sit necessitatibus veritatis sed molestiae voluptates incidunt iure sapiente.</p>
<div class="justify-end card-actions">
<button class="btn btn-secondary">More info</button>
</div>
</div>
</li>
<li class="card">
<figure>
<img src="https://api.lorem.space/image/movie?w=400&h=250">
</figure>
<div class="card-body">
<h2 class="card-title">Top image
<div class="badge mx-2 badge-secondary">NEW</div>
</h2>
<p>Rerum reiciendis beatae tenetur excepturi aut pariatur est eos. Sit sit necessitatibus veritatis sed molestiae voluptates incidunt iure sapiente.</p>
<div class="justify-end card-actions">
<button class="btn btn-secondary">More info</button>
</div>
</div>
</li>
<li class="card">
<figure>
<img src="https://api.lorem.space/image/movie?w=400&h=250">
</figure>
<div class="card-body">
<h2 class="card-title">Top image
<div class="badge mx-2 badge-secondary">NEW</div>
</h2>
<p>Rerum reiciendis beatae tenetur excepturi aut pariatur est eos. Sit sit necessitatibus veritatis sed molestiae voluptates incidunt iure sapiente.</p>
<div class="justify-end card-actions">
<button class="btn btn-secondary">More info</button>
</div>
</div>
</li>
<li class="card">
<figure>
<img src="https://api.lorem.space/image/movie?w=400&h=250">
</figure>
<div class="card-body">
<h2 class="card-title">Top image
<div class="badge mx-2 badge-secondary">NEW</div>
</h2>
<p>Rerum reiciendis beatae tenetur excepturi aut pariatur est eos. Sit sit necessitatibus veritatis sed molestiae voluptates incidunt iure sapiente.</p>
<div class="justify-end card-actions">
<button class="btn btn-secondary">More info</button>
</div>
</div>
</li>
<li class="card">
<figure>
<img src="https://api.lorem.space/image/movie?w=400&h=250">
</figure>
<div class="card-body">
<h2 class="card-title">Top image
<div class="badge mx-2 badge-secondary">NEW</div>
</h2>
<p>Rerum reiciendis beatae tenetur excepturi aut pariatur est eos. Sit sit necessitatibus veritatis sed molestiae voluptates incidunt iure sapiente.</p>
<div class="justify-end card-actions">
<button class="btn btn-secondary">More info</button>
</div>
</div>
</li>
<li class="card">
<figure>
<img src="https://api.lorem.space/image/movie?w=400&h=250">
</figure>
<div class="card-body">
<h2 class="card-title">Top image
<div class="badge mx-2 badge-secondary">NEW</div>
</h2>
<p>Rerum reiciendis beatae tenetur excepturi aut pariatur est eos. Sit sit necessitatibus veritatis sed molestiae voluptates incidunt iure sapiente.</p>
<div class="justify-end card-actions">
<button class="btn btn-secondary">More info</button>
</div>
</div>
</li>
</ul>
</div>
</section>