framex/framexEngine-pro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Firts up

Browse Source
This commit is contained in:
webclubz
2026-05-13 21:17:36 +03:00
parent e43b94ba20
commit 3a6ab777c9
49 changed files with 9247 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
app/views/blocks/blog-list/blog-list-2.php Normal file
View File

@@ -0,0 +1,67 @@
<section>
<!-- Container -->
<div class="mx-auto w-full max-w-7xl px-5 py-16 md:px-10 md:py-20">
<!-- Component -->
<div class="flex flex-col items-center">
<h2 class="text-center text-3xl font-bold md:text-5xl">
The latest and greatest news
</h2>
<p class="mb-8 mt-4 text-center text-sm text-gray-500 sm:text-base md:mb-12 lg:mb-16">
Lorem ipsum dolor sit amet elit ut aliquam
</p>
<!-- Content -->
<div class="mb-8 grid gap-5 sm:grid-cols-2 sm:justify-items-stretch md:mb-12 md:grid-cols-3 lg:mb-16 lg:gap-6">
<!-- Item -->
<a href="javascript:void(0);" class="flex flex-col gap-4 bg-white rounded-md shadow px-4 py-8 md:p-0">
<img src="<?= image() ?>" alt="" class="rounded-t-lg object-cover" />
<div class="flex flex-col items-start pb-5 px-4">
<p class="mb-4 text-xl font-bold md:text-2xl">
The latest news with Flowspark
</p>
<div class="flex flex-col items-start text-sm text-gray-500 lg:flex-row lg:items-center">
<p>Laila Bahar</p>
<p class="mx-2 hidden lg:block">-</p>
<p>6 mins read</p>
</div>
</div>
</a>
<!-- Item -->
<a href="javascript:void(0);" class="flex flex-col gap-4 bg-white rounded-md shadow px-4 py-8 md:p-0">
<img src="<?= image() ?>" alt="" class="rounded-t-lg object-cover" />
<div class="flex flex-col items-start pb-5 px-4">
<p class="mb-4 text-xl font-bold md:text-2xl">
The latest news with Flowspark
</p>
<div class="flex flex-col items-start text-sm text-gray-500 lg:flex-row lg:items-center">
<p>Laila Bahar</p>
<p class="mx-2 hidden lg:block">-</p>
<p>6 mins read</p>
</div>
</div>
</a>
<!-- Item -->
<a href="javascript:void(0);" class="flex flex-col gap-4 bg-white rounded-md shadow px-4 py-8 md:p-0">
<img src="<?= image() ?>" alt="" class="rounded-t-lg object-cover" />
<div class="flex flex-col items-start pb-5 px-4">
<p class="mb-4 text-xl font-bold md:text-2xl">
The latest news with Flowspark
</p>
<div class="flex flex-col items-start text-sm text-gray-500 lg:flex-row lg:items-center">
<p>Laila Bahar</p>
<p class="mx-2 hidden lg:block">-</p>
<p>6 mins read</p>
</div>
</div>
</a>
</div>
<!-- Button -->
<a href="javascript:void(0);" class="rounded-md bg-black px-6 py-3 text-center font-semibold text-white">
View More
</a>
</div>
</div>
</section>