Mirrors/tailShape
1
0
Fork 0
mirror of https://github.com/istiyakaminsanto/tailShape.git synced 2025-12-19 09:07:02 +00:00
Code Issues Projects Releases Wiki Activity

added some client component and blog page

Browse Source
This commit is contained in:
merajjahir
2022-03-12 19:19:24 +06:00
parent 9fd68f660c
commit de7dada84f
9 changed files with 1295 additions and 502 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
public/componets/blog/blog.html
View File

@@ -337,9 +337,38 @@
<section class="section_divider">
<div>Blog 8</div>
</section>
<section class= " dark:bg-gradient-to-b dark:bg-gray-800 pb-5">
<div class="bg-gray-300">
<div class="container flex flex-col items-center px-4 py-16 pb-24 mx-auto text-center lg:pb-56 md:py-32 md:px-10 lg:px-32 dark:text-coolGray-900">
<h1 class="text-5xl font-bold leading-none sm:text-6xl xl:max-w-3xl dark:text-coolGray-900">Provident blanditiis wlk exercitationem</h1>
<p class="mt-6 mb-8 text-lg sm:mb-12 xl:max-w-3xl dark:text-gray-900">Cupiditate minima voluptate temporibus quia? Architecto beatae esse ab amet vero eaque explicabo!</p>
</div>
</div>
<!-- <img src="https://source.unsplash.com/random/480x320" alt="" class="w-5/6 mx-auto mb-12 -mt-20 rounded-lg shadow-md lg:-mt-40 dark:bg-gray-800"> -->
<div class="w-full md:w-3/6 mx-auto mb-12 -mt-20 rounded-lg shadow-md lg:-mt-40 ">
<div class="overflow-hidden rounded-t">
<img src="https://images.unsplash.com/photo-1645119675435-fc5b106eddeb?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=320&ixid=MnwxfDB8MXxyYW5kb218MHx8fHx8fHx8MTY0NTMzODQyMQ&ixlib=rb-1.2.1&q=80&w=480" class=" dark:bg-gray-800 hover:scale-110 w-full transition-all duration-700 rounded-t-lg shadow-lg border-2" alt="">
</div>
<div class=" p-10 dark:bg-white w-full">
<div class="post-header">
<div class="">
<a href="#" class="text-md text-blue-500 before:content-['-'] " rel="category">Teamwork</a>
</div>
<h2 class=" mt-2">
<a class="text-2xl font-semibold text-gray-800 " href="./blog-post.html">Amet Dolor Bibendum Parturient Cursus</a>
</h2>
</div>
<div class="text-md text-gray-600 mt-2 text-justify">
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam quis risus eget urna mollis ornare vel. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur.</p>
</div>
</div>
</div>
</section>
<!-- blog 8 end -->
<!-- start of script section -->