BASIC-LIBRARY / SECTION / ECOMMERCE
Ecommerce Two
STUDIO RIVERA
Modular Bamboo Desk System
Crafted from renewable bamboo and engineered for modular flexibility, this workstation is perfect for home offices or creative studios. Each panel is designed to adjust easily, accommodating your evolving workflow with sustainability and style.
Color
Size
$58.00
@import url("/template/basic-library/section/ecommerce/ecommerce-two/raw/styles.css");
<section class="body-font overflow-hidden text-gray-600">
<div
class="container pl-5 pr-5 px-5 pt-24 pb-24 py-24 ml-auto mr-auto mx-auto max-w-screen-2xl"
>
<div class="ml-auto mr-auto mx-auto flex flex-wrap lg:w-4/5">
<img
alt="ecommerce"
class="w-full h-64 object-cover object-center rounded lg:w-1/2 lg:h-auto"
src="https://media.istockphoto.com/id/1169410811/photo/simple-home-office.jpg?s=2048x2048&w=is&k=20&c=_x763Eqr85IsWtiAk697NT63zr9D046z6I6sSpfMfUc="
/>
<div
class="w-full mt-6 lg:w-1/2 lg:pl-10 lg:pt-6 lg:pb-6 lg:py-6 lg:mt-0"
>
<h2 class="title-font tracking-widest text-sm text-gray-500">
STUDIO RIVERA
</h2>
<h1 class="title-font text-gray-900 text-3xl font-medium mb-1">
Modular Bamboo Desk System
</h1>
<div class="flex mb-4">
<span class="flex items-center">
<svg
fill="currentColor"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
class="w-4 h-4 text-indigo-500"
viewBox="0 0 24 24"
>
<path
d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"
></path></svg
><svg
fill="currentColor"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
class="w-4 h-4 text-indigo-500"
viewBox="0 0 24 24"
>
<path
d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"
></path></svg
><svg
fill="currentColor"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
class="w-4 h-4 text-indigo-500"
viewBox="0 0 24 24"
>
<path
d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"
></path></svg
><svg
fill="currentColor"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
class="w-4 h-4 text-indigo-500"
viewBox="0 0 24 24"
>
<path
d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"
></path></svg
><svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
class="w-4 h-4 text-indigo-500"
viewBox="0 0 24 24"
>
<path
d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"
></path>
</svg>
<span class="text-gray-600 ml-3">4 Reviews</span>
</span>
<span
class="space-x-2s flex ml-3 pl-3 pt-2 pb-2 py-2 border-l-2 border-gray-200"
>
<a class="text-gray-500">
<svg
fill="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
class="w-5 h-5"
viewBox="0 0 24 24"
>
<path
d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"
></path>
</svg>
</a>
<a class="text-gray-500">
<svg
fill="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
class="w-5 h-5"
viewBox="0 0 24 24"
>
<path
d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"
></path>
</svg>
</a>
<a class="text-gray-500">
<svg
fill="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
class="w-5 h-5"
viewBox="0 0 24 24"
>
<path
d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"
></path>
</svg>
</a>
</span>
</div>
<p class="leading-relaxed">
Crafted from renewable bamboo and engineered for modular flexibility,
this workstation is perfect for home offices or creative studios. Each
panel is designed to adjust easily, accommodating your evolving
workflow with sustainability and style.
</p>
<div
class="flex mt-6 items-center pb-5 border-b-2 border-gray-100 mb-5"
>
<div class="flex">
<span class="mr-3">Color</span>
<button
class="border-2 border-gray-300 rounded-full w-6 h-6 focus:outline-none"
></button>
<button
class="border-2 border-gray-300 ml-1 bg-gray-700 rounded-full w-6 h-6 focus:outline-none"
></button>
<button
class="border-2 border-gray-300 ml-1 bg-indigo-500 rounded-full w-6 h-6 focus:outline-none"
></button>
</div>
<div class="flex ml-6 items-center">
<span class="mr-3">Size</span>
<div class="relative">
<select
class="appearance-none rounded border border-gray-300 pt-2 pb-2 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-200 focus:border-indigo-500 text-base pl-3 pr-10"
>
<option class>SM</option>
<option class>M</option>
<option class>L</option>
<option class>XL</option>
</select>
<span
class="right-0 top-0 pointer-events-none absolute h-full w-10 text-center text-gray-600 flex items-center justify-center"
>
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
class="w-4 h-4"
viewBox="0 0 24 24"
>
<path d="M6 9l6 6 6-6"></path>
</svg>
</span>
</div>
</div>
</div>
<div class="flex">
<span class="title-font font-medium text-2xl text-gray-900">
$58.00
</span>
<button
class="flex ml-auto text-white bg-indigo-500 border-0 pt-2 pb-2 py-2 pl-6 pr-6 px-6 focus:outline-none rounded hover:bg-indigo-600"
>
Add to Cart
</button>
<button
class="inline-flex rounded-full w-10 h-10 bg-gray-200 pt-0 pr-0 pb-0 pl-0 border-0 items-center justify-center text-gray-500 ml-4"
>
<svg
fill="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
class="w-5 h-5"
viewBox="0 0 24 24"
>
<path
d="M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z"
></path>
</svg>
</button>
</div>
</div>
</div>
</div>
</section>
© 2025 tailsections.com. All rights reserved