opdavies/lab
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Move Inviqa example from play.tailwindcss.com

Browse source
This commit is contained in:
Oliver Davies 2025-08-05 17:39:54 +01:00
parent 217b9111ba
commit 73bf053c8e
8 changed files with 265 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

29
tailwindcss/inviqa/index.html Normal file
View file

@ -0,0 +1,29 @@
<link href="/tailwind.css" rel="stylesheet" />
<div class="min-h-screen flex flex-col p-24 justify-center bg-white">
<!-- Themes: blue, purple and teal -->
<div data-theme="teal" class="mx-auto max-w-6xl">
<h2 class="sr-only">Featured case study</h2>
<section class="font-sans text-black">
<div class="[ lg:flex lg:items-center ] [ fancy-corners fancy-corners--large fancy-corners--top-left fancy-corners--bottom-right ]">
<div class="flex-shrink-0 self-stretch sm:flex-basis-40 md:flex-basis-50 xl:flex-basis-60">
<div class="h-full">
<article class="h-full">
<div class="h-full">
<img class="h-full object-cover" src="/XD-1.jpeg" width="733" height="412" alt='""' typeof="foaf:Image" />
</div>
</article>
</div>
</div>
<div class="p-6 bg-grey">
<div class="leading-relaxed">
<h2 class="leading-tight text-4xl font-bold">CXcon: Experience Transformation</h2>
<p class="mt-4">Our second CXcon in October was dedicated to experience transformation. The free one-day virtual event&nbsp;brought together 230+ heads of digital, thought leaders, and UX practitioners to discuss all aspects of experience design..</p>
<p class="mt-4">In a jam-packed day filled with keynote sessions, panels, and virtual networking we explored topics including design leadership, UX ethics, designing for emotion and innovation at scale.</p>
<p><a class="mt-4 button button--secondary" href="https://inviqa.com/cxcon-experience-transformation">Explore this event</a></p>
</div>
</div>
</div>
</section>
</div>
</div>