PresentationSections

Hero

Hero 1

Copied

Have you seen us?

Our recent products

The time is now for it to be okay to be great. People in this world shun people for being great.

Gucci Blazer

This Gucci blazer has been crafted in Italy from hard-wearing black textured-leather

€1,990

Balmain

Balmains mid-rise skinny jeans are cut with stretch to ensure they retain their second-skin fit but move comfortably.

€459

Balenciaga

Balenciaga black textured-leather wallet is finished with the labels iconic Giant studs. This is where you can...

€559

D G

Dolce Gabbanas Greta tote has been crafted in Italy from hard-wearing red textured-leather.

€ 1,359

<div class="w-full">
    <section class="relative pb-12 mt-12 bg-blueGray-100 pt-20">
       <div class="container mx-auto px-4">
          <div class="mb-12 flex flex-wrap -mx-4 justify-start">
             <div class="px-4 relative w-full lg:w-8/12 text-left">
                <h6 class="mb-2 text-lg font-bold uppercase text-orange-500">Have you seen us?</h6>
                <h2 class="text-4xl font-bold mt-0 mb-1 text-blueGray-700">Our recent products</h2>
                <p class="mt-2 mb-4 text-xl leading-relaxed text-blueGray-400">The time is now for it to be okay to be great. People in this world shun people for being great.</p>
             </div>
          </div>
          <div class="flex flex-wrap -mx-4">
             <div class="px-4 relative w-full lg:w-3/12">
                <div class="relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded-lg">
                   <div class="px-6"><img alt="..." src="https://demos.creative-tim.com/notus-pro-react/static/media/ecommerce-2.366b1564.jpg" class="w-full"></div>
                   <div class="px-6 py-6 flex-auto">
                      <h6 class="text-sm font-bold uppercase mt-0 mb-1 text-pink-500">Trending</h6>
                      <h5 class="text-2xl font-semibold mt-0 mb-2">Gucci Blazer</h5>
                      <p class="text-blueGray-500 leading-relaxed">This Gucci blazer has been crafted in Italy from hard-wearing black textured-leather</p>
                      <div class="flex justify-between mt-2"><span class="text-blueGray-700 text-xl mt-1">€1,990</span><button class="inline-block outline-none focus:outline-none align-middle transition-all duration-150 ease-in-out uppercase border border-solid font-bold last:mr-0 mr-2  text-white bg-pink-500 border-pink-500 active:bg-pink-600 active:border-pink-600 text-xs px-3 py-2 shadow hover:shadow-md rounded-md"><i class="fas fa-heart"></i></button></div>
                   </div>
                </div>
             </div>
             <div class="px-4 relative w-full lg:w-3/12">
                <div class="relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded-lg">
                   <div class="px-6"><img alt="..." src="../../assets/img/pages/shorts.png" class="w-full"></div>
                   <div class="px-6 py-6 flex-auto">
                      <h6 class="text-sm font-bold uppercase mt-0 mb-1 text-pink-500">Popular</h6>
                      <h5 class="text-2xl font-semibold mt-0 mb-2">Balmain</h5>
                      <p class="text-blueGray-500 leading-relaxed">Balmains mid-rise skinny jeans are cut with stretch to ensure they retain their second-skin fit but move comfortably.</p>
                      <div class="flex justify-between mt-2"><span class="text-blueGray-700 text-xl mt-1">€459</span><button class="inline-block outline-none focus:outline-none align-middle transition-all duration-150 ease-in-out uppercase border border-solid font-bold last:mr-0 mr-2  text-white bg-red-500 border-red-500 active:bg-red-600 active:border-red-600 text-xs px-3 py-2 shadow hover:shadow-md rounded-md"><i class="fas fa-heart"></i></button></div>
                   </div>
                </div>
             </div>
             <div class="px-4 relative w-full lg:w-3/12">
                <div class="relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded-lg">
                   <div class="px-6"><img alt="..." src="../../assets/img/pages/shirt.png" class="w-full"></div>
                   <div class="px-6 py-6 flex-auto">
                      <h6 class="text-sm font-bold uppercase mt-0 mb-1 text-pink-500">Popular</h6>
                      <h5 class="text-2xl font-semibold mt-0 mb-2">Balenciaga</h5>
                      <p class="text-blueGray-500 leading-relaxed">Balenciaga black textured-leather wallet is finished with the labels iconic Giant studs. This is where you can...</p>
                      <div class="flex justify-between mt-2"><span class="text-blueGray-700 text-xl mt-1">€559</span><button class="inline-block outline-none focus:outline-none align-middle transition-all duration-150 ease-in-out uppercase border border-solid font-bold last:mr-0 mr-2  text-white bg-red-500 border-red-500 active:bg-red-600 active:border-red-600 text-xs px-3 py-2 shadow hover:shadow-md rounded-md"><i class="fas fa-heart"></i></button></div>
                   </div>
                </div>
             </div>
             <div class="px-4 relative w-full lg:w-3/12">
                <div class="relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded-lg">
                   <div class="px-6"><img alt="..." src="../../assets/img/pages/jeans.png" class="w-full"></div>
                   <div class="px-6 py-6 flex-auto">
                      <h6 class="text-sm font-bold uppercase mt-0 mb-1 text-pink-500">Trending</h6>
                      <h5 class="text-2xl font-semibold mt-0 mb-2">D G</h5>
                      <p class="text-blueGray-500 leading-relaxed">Dolce Gabbanas Greta tote has been crafted in Italy from hard-wearing red textured-leather.</p>
                      <div class="flex justify-between mt-2"><span class="text-blueGray-700 text-xl mt-1">€ 1,359</span><button class="inline-block outline-none focus:outline-none align-middle transition-all duration-150 ease-in-out uppercase border border-solid font-bold last:mr-0 mr-2  text-white bg-red-500 border-red-500 active:bg-red-600 active:border-red-600 text-xs px-3 py-2 shadow hover:shadow-md rounded-md"><i class="fas fa-heart"></i></button></div>
                   </div>
                </div>
             </div>
          </div>
       </div>
    </section>
 </div>

Hero 2

Copied

Have you seen us?

Our recent products

The time is now for it to be okay to be great. People in this world shun people for being great.

Wearing

Check our latest collection

Yesterday, this was an essential fabric and its news reader app Paper. It is design-focused wool called out...

Fashion

Wardrobe essentials

Argon is a great free UI package based on Bootstrap 4 that includes the most important components and features.

Fashion

Wardrobe essentials

Trends may come and go, but wardrobe essentials are here to stay. Basic pieces tend to be universal across.

<div class="w-full">
    <section class="relative py-12">
       <div class="container mx-auto px-4">
          <div class="mb-12 flex flex-wrap -mx-4 justify-start">
             <div class="px-4 relative w-full lg:w-8/12 text-left">
                <span class="text-pink-500 bg-pink-200 text-xs font-bold inline-block py-1 uppercase uppercase last:mr-0 mr-1 leading-tight rounded px-2">Have you seen us?</span>
                <h3 class="text-3xl font-bold mt-3 mb-1 text-blueGray-700">Our recent products</h3>
                <p class="mt-2 mb-4 text-xl leading-relaxed text-blueGray-500">The time is now for it to be okay to be great. People in this world shun people for being great.</p>
             </div>
          </div>
          <div class="flex flex-wrap -mx-4">
             <div class="px-4 relative w-full md:w-4/12">
                <div class="shadow-lg rounded-lg overflow-hidden relative flex flex-col min-w-0 break-words bg-white w-full mb-6">
                   <div class="p-6"><img alt="..." src="../../assets/img/ecommerce-1.jpg" class="w-full"></div>
                   <div class="px-6 pb-6 flex-auto">
                      <h6 class="text-red-500 font-bold uppercase text-sm mb-2"><i class="fas fa-calendar-check mr-1 opacity-75"></i> Wearing</h6>
                      <h4 class="text-2xl font-semibold leading-tight mt-0 mb-2 my-4"><a href="javascript:;" class="">Check our latest collection</a></h4>
                      <p class="text-blueGray-500 leading-relaxed">Yesterday, this was an essential fabric and its news reader app Paper. It is design-focused wool called out...</p>
                   </div>
                </div>
             </div>
             <div class="px-4 relative w-full md:w-4/12">
                <div class="shadow-lg rounded-lg overflow-hidden relative flex flex-col min-w-0 break-words bg-white w-full mb-6">
                   <div class="p-6"><img alt="..." src="../../assets/img/p2.png" class="w-full"></div>
                   <div class="px-6 pb-6 flex-auto">
                      <h6 class="text-red-500 font-bold uppercase text-sm mb-2"><i class="fas fa-calendar-check mr-1 opacity-75"></i> Fashion</h6>
                      <h4 class="text-2xl font-semibold leading-tight mt-0 mb-2 my-4"><a href="javascript:;" class="">Wardrobe essentials</a></h4>
                      <p class="text-blueGray-500 leading-relaxed">Argon is a great free UI package based on Bootstrap 4 that includes the most important components and features.</p>
                   </div>
                </div>
             </div>
             <div class="px-4 relative w-full md:w-4/12">
                <div class="shadow-lg rounded-lg overflow-hidden relative flex flex-col min-w-0 break-words bg-white w-full mb-6">
                   <div class="p-6"><img alt="..." src="https://demos.creative-tim.com/notus-pro-react/static/media/linth3.41699b02.svg" class="w-full"></div>
                   <div class="px-6 pb-6 flex-auto">
                      <h6 class="text-red-500 font-bold uppercase text-sm mb-2"><i class="fas fa-calendar-check mr-1 opacity-75"></i> Fashion</h6>
                      <h4 class="text-2xl font-semibold leading-tight mt-0 mb-2 my-4"><a href="javascript:;" class="">Wardrobe essentials</a></h4>
                      <p class="text-blueGray-500 leading-relaxed">Trends may come and go, but wardrobe essentials are here to stay. Basic pieces tend to be universal across.</p>
                   </div>
                </div>
             </div>
          </div>
       </div>
    </section>
 </div>