Mirrors/tailShape
1
0
Fork 0
mirror of https://github.com/istiyakaminsanto/tailShape.git synced 2025-12-24 08:37:01 +00:00
Code Issues Projects Releases Wiki Activity

added other tempalte parts

Browse Source
This commit is contained in:
merajjahir
2022-03-09 20:14:06 +06:00
parent 8ce2e56c27
commit 9fd68f660c
37 changed files with 5753 additions and 658 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -194,24 +194,23 @@
<section class="section_divider">
<div>Section 4 (about me template)</div>
</section>
<!-- about -->
<!-- component -->
<div class="container mx-auto">
<div class="grid grid-cols-1 md:grid-cols-2 h-screen">
<div class="max-h-96 md:h-screen">
<img class="w-screen h-screen object-cover object-top" src="https://images.pexels.com/photos/270373/pexels-photo-270373.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="">
</div>
<div class="flex bg-gray-100 p-10">
<div class="mb-auto mt-auto max-w-lg">
<h1 class="text-3xl uppercase">Jun Santilla</h1>
<p class="font-semibold mb-5">Web Developer</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p>
<button class="bg-black rounded-md py-3 px-7 mt-6 text-white">Email Me</button>
<section class="bg-gray-100 dark:bg-gray-800">
<div class="container mx-auto ">
<div class="grid grid-cols-1 md:grid-cols-2 h-screen">
<div class="max-h-96 md:h-screen">
<img class="w-screen h-screen object-cover object-top" src="https://images.pexels.com/photos/270373/pexels-photo-270373.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="">
</div>
</div>
</div>
</div>
<!-- about -->
<div class="flex bg-gray-100 dark:bg-gray-800 p-10">
<div class="mb-auto mt-auto max-w-lg">
<h1 class="text-3xl uppercase dark:text-white dark:font-bold">Brand Name</h1>
<p class="font-semibold mb-5 dark:text-cyan-100">Company Type</p>
<p class="dark:text-cyan-300">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p>
<button class="bg-black rounded-md py-3 px-7 mt-6 text-white dark:hover:bg-emerald-300 dark:hover:text-gray-800 font-bold">Email Me</button>
</div>
</div>
</div>
</div>
</section>
<!-- section 4 end -->