v.korobtsev/next-enterprise
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: Slider Fade

Browse source
This commit is contained in:
Dex404 2024-04-02 14:15:36 +00:00
parent 71c97cd281
commit be0a53760a
3 changed files with 36 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

34
app/page.tsx
View file

@ -62,6 +62,40 @@ export default function Web() {
<h2 className="bg-gradient-to-r from-slate-400 via-white to-slate-400 text-transparent bg-clip-text" >Our Mission in Motion</h2>
</div>
<h3 className="mr-90 text-slate-300">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dignissimos, totam culpa officia ad esse</h3>
<div>
<ul className="grid w-1/3 md:grid-cols-1">
<div className="pt-2 mt-5">
<li>
<input type="radio" id="item01" name="items" value="item-01" className="hidden peer" required />
<label htmlFor="item01" className="inline-flex items-center justify-between w-full p-2 text-gray-500 bg-transparent border border-gray-200 rounded-lg cursor-pointer dark:hover:text-gray-300 dark:border-gray-700 dark:peer-checked:text-blue-500 peer-checked:border-blue-600 peer-checked:text-blue-600 hover:text-gray-600 hover:bg-homeBg2 dark:text-gray-400 dark:bg-gray-800 dark:hover:bg-gray-700">
<div className="block">
<div className="w-full">Section 01</div>
</div>
</label>
</li>
</div>
<div className="pt-2">
<li>
<input type="radio" id="item02" name="items" value="item-02" className="hidden peer" required />
<label htmlFor="item02" className="inline-flex items-center justify-between w-full p-2 text-gray-500 bg-transparent border border-gray-200 rounded-lg cursor-pointer dark:hover:text-gray-300 dark:border-gray-700 dark:peer-checked:text-blue-500 peer-checked:border-blue-600 peer-checked:text-blue-600 hover:text-gray-600 hover:bg-homeBg2 dark:text-gray-400 dark:bg-gray-800 dark:hover:bg-gray-700">
<div className="block">
<div className="w-full">Section 02</div>
</div>
</label>
</li>
</div>
<div className="pt-2">
<li>
<input type="radio" id="item03" name="items" value="item-03" className="hidden peer" required />
<label htmlFor="item03" className="inline-flex items-center justify-between w-full p-2 text-gray-500 bg-transparent border border-gray-200 rounded-lg cursor-pointer dark:hover:text-gray-300 dark:border-gray-700 dark:peer-checked:text-blue-500 peer-checked:border-blue-600 peer-checked:text-blue-600 hover:text-gray-600 hover:bg-homeBg2 dark:text-gray-400 dark:bg-gray-800 dark:hover:bg-gray-700">
<div className="block">
<div className="w-full">Section 03</div>
</div>
</label>
</li>
</div>
</ul>
</div>
</div>
</div>
</div>