PresentationPages

Product

Copied
Not just clothes, but a lifestyle

This is the best way to find your favorite stuff. Don't forget all these items are unique pieces hand-crafted by people.
Have you seen us?

The latest accessories

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

(76 customer reviews)
$3,390

Eres daring swimsuit has the fit and coverage of a bikini in a one-piece silhouette. This fuchsia style is crafted from the label's sculpting peau douce fabric and has flattering cutouts through the torso and back. Wear yours with mirrored sunglasses on vacation.
Color
Size
Quantity
See our customers opinion

Join our world

Meet Wingman, a robust suite of styled pages and components, powered by Bootstrap 4. The ideal starting point for product landing pages, stylish web-apps and complete company websites.
"Take up one idea. Make that one idea your life, think of it, dream of it, live on that idea. Let the brain, muscles, nerves, every part ofyour body, be full of that idea, and just leave every other idea alone. This is the way to success. A single rose can be my garden... a single friend, my world."
Andrew Lino

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
Thank you for supporting us!

Let's get in touch on any of these platforms.

<div class="relative w-full ct-docs-disable-nav-fixed">
    <nav class="w-full z-50 flex flex-wrap items-center justify-between px-2 py-3 mb-0 bg-blueGray-800 shadow-md">
       <div class="flex container mx-auto flex flex-wrap items-center justify-between px-0 lg:px-4">
          <a class="text-sm font-bold leading-relaxed inline-flex items-center mr-4 py-2 whitespace-nowrap uppercase text-white" href="#/"><img src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/creative-tim/logo.png" class="rounded-full mr-2" style="width: 30px;"><span>Creative Tim</span></a><button class="ml-auto cursor-pointer text-xl leading-none px-3 py-1 border border-solid border-blueGray-400 rounded bg-transparent block outline-none focus:outline-none text-blueGray-300 lg:hidden" type="button"><i class="fas fa-bars"></i></button>
          <div class="items-center w-full lg:flex lg:w-auto flex-grow duration-300 transition-all ease-in-out hidden">
             <ul class="lg:items-center flex flex-wrap list-none pl-0 mb-0 flex flex-col list-none pl-0 mb-0 lg:flex-row">
                <li><a href="javascript:;" class="hover:opacity-75 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold transition-all duration-150 ease-in-out text-white">Elements</a></li>
                <li><a href="javascript:;" class="hover:opacity-75 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold transition-all duration-150 ease-in-out text-white">Sections</a></li>
                <li class="relative">
                   <a class="hover:opacity-75 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold transition-all duration-150 ease-in-out text-white" href="javascript:;">Demo Pages <i class="ml-1 fas fa-caret-down transition-all duration-200 ease-in-out transform "></i></a>
                   <div class="hidden  z-50">
                      <div class="origin-top-right bg-white text-base float-left p-2 border list-none text-left rounded-lg shadow-lg min-w-48 transition-all duration-100 ease-in-out transform scale-95 opacity-0 absolute "><span class="uppercase font-bold text-xs px-3 pt-4 block w-full whitespace-nowrap bg-transparent text-blueGray-400">Group 1</span><a href="javascript:;" class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100">Demo Page 1</a><a href="javascript:;" class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100">Demo Page 2</a><span class="uppercase font-bold text-xs px-3 pt-4 block w-full whitespace-nowrap bg-transparent text-blueGray-400">Group 2</span><a href="javascript:;" class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100">Demo Page 3</a><a href="javascript:;" class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100">Demo Page 4</a><span class="uppercase font-bold text-xs px-3 pt-4 block w-full whitespace-nowrap bg-transparent text-blueGray-400">Group 3</span><a href="javascript:;" class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100">Demo Page 5</a><a href="javascript:;" class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100">Demo Page 6</a><span class="uppercase font-bold text-xs px-3 pt-4 block w-full whitespace-nowrap bg-transparent text-blueGray-400">Group 4</span><a href="javascript:;" class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100">Demo Page 7</a><a href="javascript:;" class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100">Demo Page 8</a></div>
                   </div>
                </li>
             </ul>
             <ul class="lg:items-center lg:ml-auto flex flex-wrap list-none pl-0 mb-0 flex flex-col list-none pl-0 mb-0 lg:flex-row">
                <li><a class="px-3 py-2 flex items-center text-xs uppercase font-bold leading-snug hover:opacity-75 transition-all duration-150 ease-in-out text-white" href="https://www.facebook.com/CreativeTim" target="_blank"><i class="fab fa-facebook text-lg leading-lg opacity-75 hover:opacity-50 text-white"></i><span class="lg:hidden lg:ml-0 ml-2">Share on Facebook</span></a></li>
                <li><a class="px-3 py-2 flex items-center text-xs uppercase font-bold leading-snug hover:opacity-75 transition-all duration-150 ease-in-out text-white" href="https://www.instagram.com/creativetimofficial/" target="_blank"><i class="fab fa-instagram text-lg leading-lg opacity-75 hover:opacity-50 text-white"></i><span class="lg:hidden lg:ml-0 ml-2">Follow on Instagram</span></a></li>
                <li><a class="px-3 py-2 flex items-center text-xs uppercase font-bold leading-snug hover:opacity-75 transition-all duration-150 ease-in-out text-white" href="https://twitter.com/CreativeTim" target="_blank"><i class="fab fa-twitter text-lg leading-lg opacity-75 hover:opacity-50 text-white"></i><span class="lg:hidden lg:ml-0 ml-2">Tweet on Twitter</span></a></li>
                <li><a class="px-3 py-2 flex items-center text-xs uppercase font-bold leading-snug hover:opacity-75 transition-all duration-150 ease-in-out text-white" href="https://github.com/creativetimofficial" target="_blank"><i class="fab fa-github text-lg leading-lg opacity-75 hover:opacity-50 text-white"></i><span class="lg:hidden lg:ml-0 ml-2">Star on Github</span></a></li>
             </ul>
          </div>
       </div>
    </nav>
    <section class="flex relative items-center p-0 min-h-screen-60 max-h-440-px">
       <div class="absolute w-full h-full block bg-black opacity-75 z-1 left-0 top-0"></div>
       <div class="bg-blueGray-800 w-full h-full absolute bg-cover bg-50 z-0" style="background-image: url('../../assets/img/pages/product-cover.jpg');"></div>
       <div class="relative h-full text-left text-white container mx-auto px-4 z-2">
          <div class="justify-start flex flex-wrap -mx-4">
             <div class="px-12 px-4 relative w-full md:w-8/12">
                <h1 class="text-4xl font-bold leading-tight mt-0">Not just clothes, but a lifestyle</h1>
                <p class="text-xl mt-1 leading-relaxed opacity-75">This is the best way to find your favorite stuff. Don't forget all these items are unique pieces hand-crafted by people.</p>
             </div>
          </div>
       </div>
       <div class="w-full bottom-0 absolute z-2">
          <div class="w-full pointer-events-none overflow-hidden h-70-px" style="transform: translateZ(0px);">
             <svg class="absolute bottom-0 overflow-hidden" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" version="1.1" viewBox="0 0 2560 100" x="0" y="0">
                <polygon class="text-white fill-current" points="2560 0 2560 100 0 100"></polygon>
             </svg>
          </div>
       </div>
    </section>
    <section class="relative">
       <div class="container mx-auto px-4">
          <div class="mb-12 flex flex-wrap -mx-4 justify-end">
             <div class="px-4 relative w-full lg:w-8/12 text-right">
                <h6 class="mb-2 text-lg font-bold uppercase text-red-500">Have you seen us?</h6>
                <h2 class="text-4xl font-bold mt-0 mb-1 text-blueGray-700">The latest accessories</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="mx-auto px-4 relative w-full lg:w-6/12 w-full md:w-full">
                <div class="relative">
                   <div class="relative w-full overflow-hidden">
                      <div class="w-full p-12 transform duration-500 transition-all ease-in-out mx-auto block"><img alt="..." src="https://demos.creative-tim.com/notus-pro-react/static/media/shirt.cab37b31.png" class="w-full h-auto mx-auto"></div>
                      <div class="w-full p-12 transform duration-500 transition-all ease-in-out mx-auto hidden"><img alt="..." src="https://demos.creative-tim.com/notus-pro-react/static/media/shorts.2d9699b3.png" class="w-full h-auto mx-auto"></div>
                      <div class="w-full p-12 transform duration-500 transition-all ease-in-out mx-auto hidden"><img alt="..." src="https://demos.creative-tim.com/notus-pro-react/static/media/tshirt.4b010bd4.png" class="w-full h-auto mx-auto"></div>
                   </div>
                   <a href="javascript:;" class="absolute z-1 top-0 bottom-0 flex items-center justify-center w-1/6 text-white text-center opacity-75 hover:opacity-100 transition-opacity duration-150 ease-linear left-0"><i class="text-sm bg-orange-500 rounded-full fas fa-chevron-left flex items-center justify-center w-8 h-8 p-2"></i><span class="sr-only">Previous</span></a><a href="javascript:;" class="absolute z-1 top-0 bottom-0 flex items-center justify-center w-1/6 text-white text-center opacity-75 hover:opacity-100 transition-opacity duration-150 ease-linear right-0"><i class="text-sm bg-orange-500 rounded-full fas fa-chevron-right flex items-center justify-center w-8 h-8 p-2"></i><span class="sr-only">Next</span></a>
                </div>
             </div>
             <div class="mr-auto px-4 relative w-full lg:w-6/12 w-full md:w-full">
                <h2 class="text-3xl font-bold leading-tight mt-0 mb-0">Givenchy</h2>
                <div class="pt-2">
                   <div class="text-orange-500"><i class="mr-1 fas fa-star"></i><i class="mr-1 fas fa-star"></i><i class="mr-1 fas fa-star"></i><i class="mr-1 fas fa-star"></i><i class="mr-1 fas fa-star-half-alt"></i><a href="https://www.creative-tim.com" class="inline text-sm ml-1 text-blueGray-700 hover:text-blueGray-500">(76 customer reviews)</a></div>
                </div>
                <h2 class="text-3xl font-normal mt-2 mb-2">$3,390</h2>
                <p class="text-blueGray-500">Eres daring swimsuit has the fit and coverage of a bikini in a one-piece silhouette. This fuchsia style is crafted from the label's sculpting peau douce fabric and has flattering cutouts through the torso and back. Wear yours with mirrored sunglasses on vacation.</p>
                <div class="mt-12 mb-6 flex flex-wrap -mx-4">
                   <div class="px-4 relative w-full lg:w-6/12">
                      <label class="inline-block mb-2">Color</label>
                      <div class="relative">
                         <div class="mb-3 pt-0"><input placeholder="Select color" type="text" class="border-blueGray-300 px-3 py-2 text-sm  w-full placeholder-blueGray-200 text-blueGray-700 relative bg-white rounded-md outline-none focus:ring focus:ring-lightBlue-500 focus:ring-1 focus:border-lightBlue-500 border border-solid transition duration-200 " value=""></div>
                         <div class="hidden z-50">
                            <div class=" absolute opacity-0 border bg-white text-base z-50 float-left p-2 text-left rounded-lg shadow-lg min-w-48 transition-all duration-200 ease-in-out transform scale-95 origin-top-left origin-top-right"><a href="javascript:;" class="text-sm px-3 py-2 font-normal block w-full whitespace-nowrap transition-all duration-200 hover:bg-blueGray-100 rounded">Blue</a><a href="javascript:;" class="text-sm px-3 py-2 font-normal block w-full whitespace-nowrap transition-all duration-200 hover:bg-blueGray-100 rounded">Green</a><a href="javascript:;" class="text-sm px-3 py-2 font-normal block w-full whitespace-nowrap transition-all duration-200 hover:bg-blueGray-100 rounded">Teal</a><a href="javascript:;" class="text-sm px-3 py-2 font-normal block w-full whitespace-nowrap transition-all duration-200 hover:bg-blueGray-100 rounded">Red</a><a href="javascript:;" class="text-sm px-3 py-2 font-normal block w-full whitespace-nowrap transition-all duration-200 hover:bg-blueGray-100 rounded">Orange</a><a href="javascript:;" class="text-sm px-3 py-2 font-normal block w-full whitespace-nowrap transition-all duration-200 hover:bg-blueGray-100 rounded">White</a></div>
                         </div>
                      </div>
                   </div>
                   <div class="px-4 relative w-full lg:w-6/12">
                      <label class="inline-block mb-2">Size</label>
                      <div class="relative">
                         <div class="mb-3 pt-0"><input placeholder="Select size" type="text" class="border-blueGray-300 px-3 py-2 text-sm  w-full placeholder-blueGray-200 text-blueGray-700 relative bg-white rounded-md outline-none focus:ring focus:ring-lightBlue-500 focus:ring-1 focus:border-lightBlue-500 border border-solid transition duration-200 " value=""></div>
                         <div class="hidden z-50">
                            <div class=" absolute opacity-0 border bg-white text-base z-50 float-left p-2 text-left rounded-lg shadow-lg min-w-48 transition-all duration-200 ease-in-out transform scale-95 origin-top-left origin-top-right"><a href="javascript:;" class="text-sm px-3 py-2 font-normal block w-full whitespace-nowrap transition-all duration-200 hover:bg-blueGray-100 rounded">XS</a><a href="javascript:;" class="text-sm px-3 py-2 font-normal block w-full whitespace-nowrap transition-all duration-200 hover:bg-blueGray-100 rounded">S</a><a href="javascript:;" class="text-sm px-3 py-2 font-normal block w-full whitespace-nowrap transition-all duration-200 hover:bg-blueGray-100 rounded">M</a><a href="javascript:;" class="text-sm px-3 py-2 font-normal block w-full whitespace-nowrap transition-all duration-200 hover:bg-blueGray-100 rounded">L</a><a href="javascript:;" class="text-sm px-3 py-2 font-normal block w-full whitespace-nowrap transition-all duration-200 hover:bg-blueGray-100 rounded">XL</a><a href="javascript:;" class="text-sm px-3 py-2 font-normal block w-full whitespace-nowrap transition-all duration-200 hover:bg-blueGray-100 rounded">XXL</a></div>
                         </div>
                      </div>
                   </div>
                </div>
                <div class="mb-6 flex flex-wrap -mx-4">
                   <div class="px-4 relative w-full lg:w-5/12">
                      <label class="inline-block mb-2">Quantity</label>
                      <div class="relative inline-flex flex-row w-full items-stretch">
                         <div class="mr-2"><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-orange-500 border-orange-500 active:bg-orange-600 active:border-orange-600 text-sm px-6 py-2 shadow hover:shadow-lg rounded-md"><i class="fas fa-minus"></i></button></div>
                         <div class="mr-2">
                            <div class="mb-3 pt-0"><input type="text" class="border-blueGray-300 px-3 py-2 text-sm  w-full placeholder-blueGray-200 text-blueGray-700 relative bg-white rounded-md outline-none focus:ring focus:ring-lightBlue-500 focus:ring-1 focus:border-lightBlue-500 border border-solid transition duration-200 " value="1"></div>
                         </div>
                         <div><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-orange-500 border-orange-500 active:bg-orange-600 active:border-orange-600 text-sm px-6 py-2 shadow hover:shadow-lg rounded-md"><i class="fas fa-plus"></i></button></div>
                      </div>
                   </div>
                </div>
                <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-orange-500 border-orange-500 active:bg-orange-600 active:border-orange-600 text-sm px-6 py-2 shadow hover:shadow-lg rounded-md">Add to Cart <i class="fas fa-shopping-cart"></i></button>
             </div>
          </div>
       </div>
    </section>

    <section class="relative py-12">
       <div class="flex flex-wrap justify-center items center">
          <div class="px-8 w-full md:w-1/3">
             <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-red-500">See our customers opinion</h6>
                   <h2 class="text-4xl font-bold mt-0 mb-1 text-blueGray-700">Join our world</h2>
                   <p class="mt-2 mb-4 text-xl leading-relaxed text-blueGray-400">Meet Wingman, a robust suite of styled pages and components, powered by Bootstrap 4. The ideal starting point for product landing pages, stylish web-apps and complete company websites.</p>
                </div>
             </div>
             <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-sm px-6 py-2 shadow hover:shadow-lg rounded-md">Contact us</button>
          </div>
          <div class="px-8 w-full md:w-1/3">
             <div class="px-4 relative w-full">
                <div class="mt-12">
                   <div>
                      <div class="border rounded-lg p-6 transform duration-300 transition-all ease-in-out mx-auto block">
                         <div class="text-left">
                            <p class="leading-relaxed text-blueGray-500 mb-4">"Take up one idea. Make that one idea your life, think of it, dream of it, live on that idea. Let the brain, muscles, nerves, every part ofyour body, be full of that idea, and just leave every other idea alone. This is the way to success. A single rose can be my garden... a single friend, my world."</p>
                            <div class="flex items-start">
                               <img src="https://demos.creative-tim.com/notus-pro-react/static/media/team-1.26905a67.jpg" class="rounded-full shadow-lg mt-3 mr-2 w-10 h-10" alt="...">
                               <div class="flex-1">
                                  <div class="justify-between items-center">
                                     <h4 class="font-semibold leading-tight mt-6">Andrew Lino</h4>
                                  </div>
                               </div>
                            </div>
                         </div>
                      </div>
                   </div>
                   <div class="flex justify-center my-12">
                     <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-blueGray-800 bg-white border-white active:bg-blueGray-100 active:border-blueGray-100 text-sm px-6 py-2 shadow hover:shadow-lg rounded-md">
                       <i class="fas fa-chevron-left"></i>
                     </button>
                     <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-blueGray-800 bg-white border-white active:bg-blueGray-100 active:border-blueGray-100 text-sm px-6 py-2 shadow hover:shadow-lg rounded-md">
                       <i class="fas fa-chevron-right"></i>
                     </button>
                   </div>
                </div>
             </div>
          </div>
       </div>
    </section>

   
















<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>


    <div class="pt-12 pb-4 border-b bg-blueGray-100">
       <div class="container mx-auto px-4">
          <div class="justify-between items-center flex flex-wrap -mx-4">
             <div class="px-4 relative w-full lg:w-6/12">
                <h3 class="text-xl font-bold leading-normal mt-0">Thank you for supporting us!</h3>
                <h4 class="leading-normal mt-1 mb-2 text-blueGray-500">Let's get in touch on any of these platforms.</h4>
             </div>
             <div class="text-right pr-6 px-4 relative w-full lg:w-6/12"><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-blueGray-800 bg-white border-white active:bg-blueGray-100 active:border-blueGray-100 text-xs px-3 py-2 shadow hover:shadow-md rounded-md"><i class="fab fa-twitter"></i></button><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-blueGray-800 bg-white border-white active:bg-blueGray-100 active:border-blueGray-100 text-xs px-3 py-2 shadow hover:shadow-md rounded-md"><i class="fab fa-facebook"></i></button><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-blueGray-800 bg-white border-white active:bg-blueGray-100 active:border-blueGray-100 text-xs px-3 py-2 shadow hover:shadow-md rounded-md"><i class="fab fa-dribbble"></i></button><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-blueGray-800 bg-white border-white active:bg-blueGray-100 active:border-blueGray-100 text-xs px-3 py-2 shadow hover:shadow-md rounded-md"><i class="fab fa-github"></i></button></div>
          </div>
       </div>
    </div>
    <footer class="bg-blueGray-100">
       <div class="container mx-auto px-4">
          <div class="items-center xl:justify-between flex flex-wrap -mx-4">
             <div class="px-4 relative w-full xl:w-6/12 w-full sm:w-full">
                <div class="text-center xl:text-left py-6 text-sm text-blueGray-500">Copyright © 2021<a href="https://www.creative-tim.com" target="_blank" class="font-semibold ml-1">Creative Tim</a>. All rights reserved.</div>
             </div>
             <div class="px-4 relative w-full xl:w-6/12 w-full sm:w-full">
                <ul class="justify-center xl:justify-end mx-auto flex flex-wrap list-none pl-0 mb-0">
                   <li><a href="https://www.creative-tim.com" target="_blank" class="text-sm block px-4 bg-transparent no-underline text-blueGray-500 hover:text-blueGray-700 py-4 md:py-6 mx-auto">Creative Tim</a></li>
                   <li><a href="https://www.creative-tim.com/presentation" target="_blank" class="text-sm block px-4 bg-transparent no-underline text-blueGray-500 hover:text-blueGray-700 py-4 md:py-6 mx-auto">About us</a></li>
                   <li><a href="https://www.creative-tim.com/blog" target="_blank" class="text-sm block px-4 bg-transparent no-underline text-blueGray-500 hover:text-blueGray-700 py-4 md:py-6 mx-auto">Blog</a></li>
                </ul>
             </div>
          </div>
       </div>
    </footer>
 </div>