tgrosinger/pines
1
0
Fork 0
Code

Fixing broken images

Browse Source
This commit is contained in:
Tony Lea 2023-08-15 09:27:12 -04:00
parent 266a1da9fa
commit f71ef5e914
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
elements/card-examples/example-02.html
View File

@ -1,8 +1,8 @@
<div class="relative max-w-sm overflow-hidden bg-white border rounded-lg shadow-sm border-neutral-200/60"> <div class="relative max-w-sm overflow-hidden bg-white border rounded-lg shadow-sm border-neutral-200/60">
<img src="https://pbs.twimg.com/profile_banners/716933677/1472653714/1500x500" class="relative z-20 object-cover w-full h-32" /> <img src="https://cdn.devdojo.com/images/august2023/wallpaper.jpeg" class="relative z-20 object-cover w-full h-32" />
<div class="absolute top-0 z-50 flex items-center w-full mt-2 translate-y-24 px-7 -translate-x-0"> <div class="absolute top-0 z-50 flex items-center w-full mt-2 translate-y-24 px-7 -translate-x-0">
<div class="w-20 h-20 p-1 bg-white rounded-full"> <div class="w-20 h-20 p-1 bg-white rounded-full">
<img src="https://pbs.twimg.com/profile_images/1362367807887974401/kuJ1OFT1_400x400.jpg" class="w-full h-full rounded-full" /> <img src="https://cdn.devdojo.com/images/august2023/adam.jpeg" class="w-full h-full rounded-full" />
</div> </div>
<a href="https://twitter.com/adamwathan" target="_blank" class="block mt-6 ml-2"> <a href="https://twitter.com/adamwathan" target="_blank" class="block mt-6 ml-2">
<h5 class="text-lg font-bold leading-none tracking-tight text-neutral-900">Adam Wathan</h5> <h5 class="text-lg font-bold leading-none tracking-tight text-neutral-900">Adam Wathan</h5>
@ -16,9 +16,9 @@
<p class="mt-12 mb-6 text-neutral-500 text-">Creator of @tailwindcss. Listener of Slayer. Austin 3:16. BTW, Pines UI is super cool!</p> <p class="mt-12 mb-6 text-neutral-500 text-">Creator of @tailwindcss. Listener of Slayer. Austin 3:16. BTW, Pines UI is super cool!</p>
<div class="flex items-center justify-between pr-2 text-neutral-500"> <div class="flex items-center justify-between pr-2 text-neutral-500">
<div class="relative flex w-16"> <div class="relative flex w-16">
<img src="https://pbs.twimg.com/profile_images/1373699471213797385/D4Hbnx09_400x400.jpg" class="relative z-30 w-8 h-8 border-2 border-white rounded-full" /> <img src="https://cdn.devdojo.com/images/august2023/caleb.jpeg" class="relative z-30 w-8 h-8 border-2 border-white rounded-full" />
<img src="https://pbs.twimg.com/profile_images/1609760305763975170/Tx2TVkPI_400x400.jpg" class="z-20 w-8 h-8 -translate-x-4 border-2 border-white rounded-full" /> <img src="https://cdn.devdojo.com/images/august2023/taylor.jpeg" class="z-20 w-8 h-8 -translate-x-4 border-2 border-white rounded-full" />
<img src="https://pbs.twimg.com/profile_images/1637790574768971777/5qS4AOl0_400x400.jpg" class="z-10 w-8 h-8 border-2 border-white rounded-full -translate-x-7" /> <img src="https://cdn.devdojo.com/images/august2023/adam.jpeg" class="z-10 w-8 h-8 border-2 border-white rounded-full -translate-x-7" />
</div> </div>
<a href="https://twitter.com/adamwathan/following" target="_blank" class="text-sm hover:underline"><strong class="text-neutral-800">673</strong> Following</a> <a href="https://twitter.com/adamwathan/following" target="_blank" class="text-sm hover:underline"><strong class="text-neutral-800">673</strong> Following</a>
<a href="https://twitter.com/adamwathan/followers" target="_blank" class="text-sm hover:underline"><strong class="text-neutral-800">168.6K</strong> Followers</a> <a href="https://twitter.com/adamwathan/followers" target="_blank" class="text-sm hover:underline"><strong class="text-neutral-800">168.6K</strong> Followers</a>