A commitment to innovation and sustainability
Études is a pioneering firm that seamlessly merges creativity and functionality to redefine architectural excellence.
Preview
Lorem ipsum dolor, sit amet consecteturadipisicing elit. Consecteturiure eius, corporis adipisci libero aperiam eos obcaecati. Officia, adipisci? Quidem tempora odio incidunt accusantium!!
Show Code
<div class="overflow-hidden bg-black max-w-full relative text-white py-24">
<svg aria-hidden="true" class="absolute inset-x-0 h-[1000px] w-full fill-[#171717] stroke-neutral-950/5 [mask-image:linear-gradient(to_bottom_left,white_40%,transparent_50%)]">
<rect width="100%" height="100%" fill="url(#:R1lda:)" stroke-width="0"></rect>
<svg x="50%" y="-96" stroke-width="0" class="overflow-visible">
<path transform="translate(64 160)" d="M45.119 4.5a11.5 11.5 0 0 0-11.277 9.245l-25.6 128C6.82 148.861 12.262 155.5 19.52 155.5h63.366a11.5 11.5 0 0 0 11.277-9.245l25.6-128c1.423-7.116-4.02-13.755-11.277-13.755H45.119Z"></path>
<path transform="translate(128 320)" d="M45.119 4.5a11.5 11.5 0 0 0-11.277 9.245l-25.6 128C6.82 148.861 12.262 155.5 19.52 155.5h63.366a11.5 11.5 0 0 0 11.277-9.245l25.6-128c1.423-7.116-4.02-13.755-11.277-13.755H45.119Z"></path>
<path transform="translate(288 480)" d="M45.119 4.5a11.5 11.5 0 0 0-11.277 9.245l-25.6 128C6.82 148.861 12.262 155.5 19.52 155.5h63.366a11.5 11.5 0 0 0 11.277-9.245l25.6-128c1.423-7.116-4.02-13.755-11.277-13.755H45.119Z"></path>
<path transform="translate(512 320)" d="M45.119 4.5a11.5 11.5 0 0 0-11.277 9.245l-25.6 128C6.82 148.861 12.262 155.5 19.52 155.5h63.366a11.5 11.5 0 0 0 11.277-9.245l25.6-128c1.423-7.116-4.02-13.755-11.277-13.755H45.119Z"></path>
<path transform="translate(544 640)" d="M45.119 4.5a11.5 11.5 0 0 0-11.277 9.245l-25.6 128C6.82 148.861 12.262 155.5 19.52 155.5h63.366a11.5 11.5 0 0 0 11.277-9.245l25.6-128c1.423-7.116-4.02-13.755-11.277-13.755H45.119Z"></path>
<path transform="translate(320 800)" d="M45.119 4.5a11.5 11.5 0 0 0-11.277 9.245l-25.6 128C6.82 148.861 12.262 155.5 19.52 155.5h63.366a11.5 11.5 0 0 0 11.277-9.245l25.6-128c1.423-7.116-4.02-13.755-11.277-13.755H45.119Z"></path>
<path
transform="translate(-672 0)"
d="M45.119 4.5a11.5 11.5 0 0 0-11.277 9.245l-25.6 128C6.82 148.861 12.262 155.5 19.52 155.5h63.366a11.5 11.5 0 0 0 11.277-9.245l25.6-128c1.423-7.116-4.02-13.755-11.277-13.755H45.119Z"
opacity="0.9982756840472575"
></path>
</svg>
<defs>
<pattern id=":R1lda:" width="96" height="480" x="50%" patternUnits="userSpaceOnUse" patternTransform="translate(0 -96)" fill="none">
<path
d="M128 0 98.572 147.138A16 16 0 0 1 82.883 160H13.117a16 16 0 0 0-15.69 12.862l-26.855 134.276A16 16 0 0 1-45.117 320H-116M64-160 34.572-12.862A16 16 0 0 1 18.883 0h-69.766a16 16 0 0 0-15.69 12.862l-26.855 134.276A16 16 0 0 1-109.117 160H-180M192 160l-29.428 147.138A15.999 15.999 0 0 1 146.883 320H77.117a16 16 0 0 0-15.69 12.862L34.573 467.138A16 16 0 0 1 18.883 480H-52M-136 480h58.883a16 16 0 0 0 15.69-12.862l26.855-134.276A16 16 0 0 1-18.883 320h69.766a16 16 0 0 0 15.69-12.862l26.855-134.276A16 16 0 0 1 109.117 160H192M-72 640h58.883a16 16 0 0 0 15.69-12.862l26.855-134.276A16 16 0 0 1 45.117 480h69.766a15.999 15.999 0 0 0 15.689-12.862l26.856-134.276A15.999 15.999 0 0 1 173.117 320H256M-200 320h58.883a15.999 15.999 0 0 0 15.689-12.862l26.856-134.276A16 16 0 0 1-82.883 160h69.766a16 16 0 0 0 15.69-12.862L29.427 12.862A16 16 0 0 1 45.117 0H128"
></path>
</pattern>
</defs>
</svg>
<div class="mx-auto relative px-6 w-full max-w-7xl lg:px-8">
<p class="leading-loose text-2xl max-w-3xl mx-auto text-center font-light">
Lorem ipsum dolor, sit amet consectetur
<span class="inline-flex h-12 w-24 align-middle mx-2 rounded-full overflow-hidden">
<img
class="object-cover"
alt="img-1"
src="https://optimise2.assets-servd.host/squalid-loris/production/uploads/images/This-is-digital-LOW-RES-21.jpg?w=800&h=185&q=80&fm=webp&fit=crop&fp-x=0.5&fp-y=0.5&dm=1631004627&s=1388a5581dfc75705c376be3a29e7e30"
/>
</span>
adipisicing elit. Consectetur
<span class="inline-flex h-12 w-24 align-middle mx-2 rounded-full overflow-hidden">
<img
class="object-cover"
alt="img-2"
src="https://optimise2.assets-servd.host/squalid-loris/production/uploads/images/This-is-digital-LOW-RES-21.jpg?w=800&h=185&q=80&fm=webp&fit=crop&fp-x=0.5&fp-y=0.5&dm=1631004627&s=1388a5581dfc75705c376be3a29e7e30"
/>
</span>
iure eius, corporis adipisci libero aperiam eos obcaecati. Officia, adipisci? Quidem tempora odio
<span class="inline-flex h-12 w-24 align-middle mx-2 rounded-full overflow-hidden">
<img
class="object-cover"
alt="img-3"
src="https://optimise2.assets-servd.host/squalid-loris/production/uploads/images/This-is-digital-LOW-RES-21.jpg?w=800&h=185&q=80&fm=webp&fit=crop&fp-x=0.5&fp-y=0.5&dm=1631004627&s=1388a5581dfc75705c376be3a29e7e30"
/>
</span>
incidunt accusantium!!
</p>
</div>
</div>
900+ Modern Components Design
Stay in the loop with everything you need to know.