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

added 27 templates

Browse Source
This commit is contained in:
merajjahir
2022-03-07 21:04:30 +06:00
parent ba79e30d75
commit 8ce2e56c27
19 changed files with 6578 additions and 269 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/componets/accordion/accordion.html
View File

@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" class="">
<html lang="en" class="dark">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -122,8 +122,8 @@
</section>
<div class="flex items-center justify-center py-20 transition-height duration-300 from-purple-100 via-red-300 to-indigo-500 bg-gradient-to-br">
<div class='w-full max-w-lg px-10 py-8 mx-auto bg-white rounded-lg shadow-xl'>
<div class="flex items-center justify-center py-20 transition duration-80 dark:bg-gray-800 ">
<div class='w-full max-w-lg px-10 py-8 mx-auto bg-white dark:bg-gray-800 rounded-lg shadow-xl'>
<h1 class="text-xl mb-10 text-center">TAILWINDCSS ACCORDION WITH <code>&lt;details&gt; &lt;summary&gt;</code> HTML Tag</h1>
<details class="w-full bg-white border border-blue-500 cursor-pointer mb-3 transition-all duration-700 ">

2
public/componets/footer/6_footer.html
View File

@@ -143,5 +143,7 @@
</div>
</footer>
<!--footer 6 end -->
</body>
</html>

72
public/componets/service/service.html
View File

File diff suppressed because one or more lines are too long

59
public/componets/skill/2_skill.html
View File

@@ -18,6 +18,65 @@
<!-- skill 2 start -->
<section class="section_divider">
<div>Skill 2</div>
</section>
<div class=" w-full text-blue-800 bg-white h-auto py-20">
<div class=" text-center ">
<h1 class=" md:text-4xl sm:text-2xl text-xl mb-4"> Titre h1 SKILLS </h1>
<hr class="W-1/4 mx-auto mb-10 shadow-4xl">
</div>
<div class="sm:flex content-center justify-center">
<div class=" sm:w-2/4 w-3/4 mx-auto h-auto my-6 lg:mx-8 md:mx-4">
<h3 class="text-center text-xl my-2"> <i class=" fas fa-user-astronaut text-4xl"></i> </h3>
<p class=" text-sm text-justify mx-4">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Maxime
vitae,
nesciunt
ipsa
deleniti asperiores
provident velit similique officiis ab reiciendis cupiditate illo incidunt aspernatur magnam dolorem
quae. Facere, ex voluptatum.</p>
</div>
<div class=" sm:w-2/4 w-3/4 mx-auto h-auto my-6 lg:mx-8 md:mx-4">
<h3 class="text-center text-xl my-2"> <i class=" fas fa-user-astronaut text-4xl"></i> </h3>
<p class=" text-sm text-justify mx-4">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Maxime
vitae,
nesciunt
ipsa
deleniti asperiores
provident velit similique officiis ab reiciendis cupiditate illo incidunt aspernatur magnam dolorem
quae. Facere, ex voluptatum.</p>
</div>
<div class=" sm:w-2/4 w-3/4 mx-auto h-auto my-6 lg:mx-8 md:mx-4">
<h3 class="text-center text-xl my-2"> <i class=" fas fa-user-astronaut text-4xl"></i><br> </h3>
<p class=" text-sm text-justify mx-4">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Maxime
vitae,
nesciunt
ipsa
deleniti asperiores
provident velit similique officiis ab reiciendis cupiditate illo incidunt aspernatur magnam dolorem
quae. Facere, ex voluptatum.</p>
</div>
</div>
</div>
<!-- skill 2 end -->
<!-- start of script section -->
<script type="text/javascript">
let toogler = document.getElementById("dark_mood_toogler");