Mirrors/tailShape
1
0
Fork 0
Code Issues Pull Requests 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

126
public/componets/navs_headers/header.html
View File

@@ -1257,13 +1257,14 @@
<!-- header 18 end -->
<!-- header 19 start -->
<section class="section_divider">
<div>Header 19</div>
</section>
<nav class="flex justify-between px-20 py-10 items-center bg-white dark:bg-gray-800">
<nav class="flex flex-col md:flex-row md:justify-between px-20 py-10 items-center bg-white dark:bg-gray-800">
<h1 class="text-xl text-gray-800 dark:text-red-400 font-bold">HotCoffee</h1>
<div class="flex items-center">
<div class=" md:flex justify-center md:justify-end mt-4 md:mt-0 items-center w-full " >
<div class="flex items-center ">
<span class="absolute flex items-center ">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 pt-0.5 text-red-600 stroke-gray-500 dark:stroke-red-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
@@ -1273,7 +1274,7 @@
<input class="pl-10 py-1 w-full pr-4 outline-none bg-transparent border-b-gray-500 focus:border-b-2 dark:focus:border-b-red-400 font-bold text-gray-500 dark:placeholder:text-red-400" type="text" name="search" id="search" placeholder="Search..." />
</div>
</div>
<ul class="flex items-center space-x-6">
<ul class="flex py-3 px-10 justify-center md:justify-end w-full mt-4 md:mt-0 items-center space-x-6">
<li class="font-semibold text-gray-500 dark:text-cyan-400 dark:hover:text-red-400">Home</li>
<li class="font-semibold text-gray-500 dark:text-cyan-400 dark:hover:text-red-400">Articles</li>
<li>
@@ -1299,6 +1300,8 @@
<!-- header 19 end -->
<!-- header 20 start -->
<section class="section_divider">
<div>Header 20 </div>
@@ -1489,6 +1492,123 @@
<!-- header 23 end -->
<!-- header 24 start -->
<section class="section_divider">
<div>Header 24</div>
</section>
<header class="relative z-50 w-full h-24 overflow-hidden">
<div
class="container flex items-center justify-center h-full max-w-6xl px-8 mx-auto sm:justify-between xl:px-0">
<a href="/" class="relative flex items-center inline-block h-5 h-full font-black leading-none">
<svg class="w-auto h-6 text-indigo-600 fill-current" viewBox="0 0 194 116"
xmlns="http://www.w3.org/2000/svg">
<g fill-rule="evenodd">
<path
d="M96.869 0L30 116h104l-9.88-17.134H59.64l47.109-81.736zM0 116h19.831L77 17.135 67.088 0z" />
<path d="M87 68.732l9.926 17.143 29.893-51.59L174.15 116H194L126.817 0z" />
</g>
</svg>
<span class="ml-3 text-xl text-gray-800">Landmark<span class="text-pink-500">.</span></span>
</a>
<nav id="nav"
class="absolute top-0 left-0 z-50 flex flex-col items-center justify-between hidden w-full h-64 pt-5 mt-24 text-sm text-gray-800 bg-white border-t border-gray-200 md:w-auto md:flex-row md:h-24 lg:text-base md:bg-transparent md:mt-0 md:border-none md:py-0 md:flex md:relative">
<a href="#"
class="ml-0 mr-0 font-bold duration-100 md:ml-12 md:mr-3 lg:mr-8 transition-color hover:text-indigo-600">Home</a>
<a href="#features"
class="mr-0 font-bold duration-100 md:mr-3 lg:mr-8 transition-color hover:text-indigo-600">Features</a>
<a href="#pricing"
class="mr-0 font-bold duration-100 md:mr-3 lg:mr-8 transition-color hover:text-indigo-600">Pricing</a>
<a href="#testimonials"
class="font-bold duration-100 transition-color hover:text-indigo-600">Testimonials</a>
<div class="flex flex-col w-full font-medium border-t border-gray-200 md:hidden">
<a href="#_" class="w-full py-2 font-bold text-center text-pink-500">Login</a>
<a href="#_"
class="relative inline-block w-full px-5 py-3 text-sm leading-none text-center text-white bg-indigo-700 fold-bold">Get
Started</a>
</div>
</nav>
<div
class="absolute left-0 flex-col items-center justify-center hidden w-full pb-8 mt-48 border-b border-gray-200 md:relative md:w-auto md:bg-transparent md:border-none md:mt-0 md:flex-row md:p-0 md:items-end md:flex md:justify-between">
<a href="#_"
class="relative z-40 px-3 py-2 mr-0 text-sm font-bold text-pink-500 md:px-5 lg:text-white sm:mr-3 md:mt-0">Login</a>
<a href="#_"
class="relative z-40 inline-block w-auto h-full px-5 py-3 text-sm font-bold leading-none text-white transition-all transition duration-100 duration-300 bg-indigo-700 rounded shadow-md fold-bold lg:bg-white lg:text-indigo-700 sm:w-full lg:shadow-none hover:shadow-xl">Get
Started</a>
<svg class="absolute top-0 left-0 hidden w-screen max-w-3xl -mt-64 -ml-12 lg:block"
viewBox="0 0 818 815" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient x1="0%" y1="0%" x2="100%" y2="100%" id="c">
<stop stop-color="#E614F2" offset="0%" />
<stop stop-color="#FC3832" offset="100%" />
</linearGradient>
<linearGradient x1="0%" y1="0%" x2="100%" y2="100%" id="f">
<stop stop-color="#657DE9" offset="0%" />
<stop stop-color="#1C0FD7" offset="100%" />
</linearGradient>
<filter x="-4.7%" y="-3.3%" width="109.3%" height="109.3%" filterUnits="objectBoundingBox"
id="a">
<feOffset dy="8" in="SourceAlpha" result="shadowOffsetOuter1" />
<feGaussianBlur stdDeviation="8" in="shadowOffsetOuter1" result="shadowBlurOuter1" />
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" in="shadowBlurOuter1" />
</filter>
<filter x="-4.7%" y="-3.3%" width="109.3%" height="109.3%" filterUnits="objectBoundingBox"
id="d">
<feOffset dy="8" in="SourceAlpha" result="shadowOffsetOuter1" />
<feGaussianBlur stdDeviation="8" in="shadowOffsetOuter1" result="shadowBlurOuter1" />
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" in="shadowBlurOuter1" />
</filter>
<path
d="M160.52 108.243h497.445c17.83 0 24.296 1.856 30.814 5.342 6.519 3.486 11.635 8.602 15.12 15.12 3.487 6.52 5.344 12.985 5.344 30.815v497.445c0 17.83-1.857 24.296-5.343 30.814-3.486 6.519-8.602 11.635-15.12 15.12-6.52 3.487-12.985 5.344-30.815 5.344H160.52c-17.83 0-24.296-1.857-30.814-5.343-6.519-3.486-11.635-8.602-15.12-15.12-3.487-6.52-5.343-12.985-5.343-30.815V159.52c0-17.83 1.856-24.296 5.342-30.814 3.486-6.519 8.602-11.635 15.12-15.12 6.52-3.487 12.985-5.343 30.815-5.343z"
id="b" />
<path
d="M159.107 107.829H656.55c17.83 0 24.296 1.856 30.815 5.342 6.518 3.487 11.634 8.602 15.12 15.12 3.486 6.52 5.343 12.985 5.343 30.816V656.55c0 17.83-1.857 24.296-5.343 30.815-3.486 6.518-8.602 11.634-15.12 15.12-6.519 3.486-12.985 5.343-30.815 5.343H159.107c-17.83 0-24.297-1.857-30.815-5.343-6.519-3.486-11.634-8.602-15.12-15.12-3.487-6.519-5.343-12.985-5.343-30.815V159.107c0-17.83 1.856-24.297 5.342-30.815 3.487-6.519 8.602-11.634 15.12-15.12 6.52-3.487 12.985-5.343 30.816-5.343z"
id="e" />
</defs>
<g fill="none" fill-rule="evenodd" opacity=".9">
<g transform="rotate(65 416.452 409.167)">
<use fill="#000" filter="url(#a)" xlink:href="#b" />
<use fill="url(#c)" xlink:href="#b" />
</g>
<g transform="rotate(29 421.929 414.496)">
<use fill="#000" filter="url(#d)" xlink:href="#e" />
<use fill="url(#f)" xlink:href="#e" />
</g>
</g>
</svg>
</div>
<div id="nav-mobile-btn"
class="absolute top-0 right-0 z-50 block w-6 mt-8 mr-10 cursor-pointer select-none md:hidden sm:mt-10">
<span class="block w-full h-1 mt-2 duration-200 transform bg-gray-800 rounded-full sm:mt-1"></span>
<span class="block w-full h-1 mt-1 duration-200 transform bg-gray-800 rounded-full"></span>
</div>
</div>
</header>
<script>
if (document.getElementById('nav-mobile-btn')) {
document.getElementById('nav-mobile-btn').addEventListener('click', function () {
if (this.classList.contains('close')) {
document.getElementById('nav').classList.add('hidden');
this.classList.remove('close');
} else {
document.getElementById('nav').classList.remove('hidden');
this.classList.add('close');
}
});
}
</script>
<!-- header 24 end -->
<!-- start of script section -->
<script type="text/javascript">
let toogler = document.getElementById("dark_mood_toogler");