| Use to <style> .banner-id-606 .dis_cell { padding: 0 !important;} .wrap_au { color: #000; font-size: 14px; line-height: 21px; max-width: 100vw; padding: 0; margin: 0; position: relative; } .timeline-wrap { position: relative; padding: 20px 0; } .timeline { scrollbar-color: #1c0061; overflow-x: auto; -webkit-overflow-scrolling: touch; background-repeat: repeat-x; background-size: 10px 2px; background-position: center top 30%; background-image: linear-gradient( 180deg, rgba(0, 0, 0, 0) calc(50% - 1px), rgb(29 2 98) calc(50%), rgba(0, 0, 0, 0) calc(50% + 1px)); padding: 0 0 20px 0; display: flex; flex: 1 1 100%; flex-flow: row nowrap; height: auto; flex-direction: column; overflow-y: hidden; } .row_au { display: flex; flex-direction: row; gap: 100px !important; margin-top: 20px !important; } .img-holder_au { display: flex; justify-content: center; flex-grow: 0; flex-shrink: 0; margin-bottom: 20px; } .img-holder_au img { max-width: 270px!important; height: auto; border-radius: 50%; object-fit: cover; border: #1c0061 1.5px solid; } .card_au { min-width: 380px!important; height: auto; opacity: 1; transition: transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1), opacity 0.3s 0.25s ease-out; will-change: transform, opacity; display: flex; flex-direction: column; align-items: center; } .card_au:nth-child(-n + 3) { opacity: 1; } .card_au.is-visible { opacity: 1; } .card_au .title_au, .card_au .text_au { text-align: center; } .card_au .title_au { color: #1c0061; font-weight: 900; font-size: 26px; } .card_au .text_au { font-size: 14px; line-height: 22px; text-transform: none; padding: 0 40px; } .timeline::-webkit-scrollbar { height: 8px; } .timeline::-webkit-scrollbar-track { box-shadow: inset 0 0 5px lightgrey; border-radius: 10px; } .timeline::-webkit-scrollbar-thumb { background: #1c0061; ; border-radius: 10px; } </style> <div class="wrap_au" id="timeline"> <div class="timeline-wrap"> <ul class="timeline"> <div class="row_au" style="margin-top: 0; gap: 200px"> <div class="card_au"> <div class="img-holder_au"> <img src="https://www.salsajeans.com/images/block1_683.jpg" /> </div> <h3 class="title_au">1994</h3> <p class="text_au"> • brand creation <br /> • launch of the first jeans “elegant” </p> </div> <div class="card_au"> <div class="img-holder_au"> <img src="https://www.salsajeans.com/images/block2_683.jpg" /> </div> <h3 class="title_au">1998</h3> <p class="text_au"> • opening of the first store in norteshopping, porto, portugal </p> </div> <div class="card_au"> <div class="img-holder_au"> <img src="https://www.salsajeans.com/images/block1_684.jpg" /> </div> <h3 class="title_au">2002</h3> <p class="text_au"> • opening of the first international store in spain </p> </div> <div class="card_au"> <div class="img-holder_au"> <img src="https://www.salsajeans.com/images/block2_684.jpg" /> </div> <h3 class="title_au">2004</h3> <p class="text_au"> • opening of the first store in the middle east - qatar </p> </div> <div class="card_au"> <div class="img-holder_au"> <img src="https://www.salsajeans.com/images/block1_685.jpg" /> </div> <h3 class="title_au">2007</h3> <p class="text_au"> • launching of the jeans ‘wonder’ push up </p> </div> <div class="card_au"> <div class="img-holder_au"> <img src="https://www.salsajeans.com/images/block2_685.jpg" /> </div> <h3 class="title_au">2008</h3> <p class="text_au"> • launching of the jeans ‘secret’ push in </p> </div> <div class="card_au"> <div class="img-holder_au"> <img src="https://www.salsajeans.com/images/block1_686.jpg" /> </div> <h3 class="title_au">2010</h3> <p class="text_au"> • launching of the online store </p> </div> <div class="card_au"> <div class="img-holder_au"> <img src="https://www.salsajeans.com/images/block2_686.jpg" /> </div> <h3 class="title_au">2012</h3> <p class="text_au"> • opening of the first store in france </p> </div> <div class="card_au"> <div class="img-holder_au"> <img src="https://www.salsajeans.com/images/block1_687.jpg" /> </div> <h3 class="title_au">2013</h3> <p class="text_au"> • launching of the first shop-in-shop concept </p> </div> <div class="card_au"> <div class="img-holder_au"> <img src="https://www.salsajeans.com/images/block2_687.jpg" /> </div> <h3 class="title_au">2015</h3> <p class="text_au"> • 1 million members in the salsa star loyalty program </p> </div> <div class="card_au"> <div class="img-holder_au"> <img src="https://www.salsajeans.com/images/block1_688.jpg" /> </div> <h3 class="title_au">2017</h3> <p class="text_au"> • launching of the jeans ‘faith’ push in (at the time ‘secret glamour’) </p> </div> <div class="card_au"> <div class="img-holder_au"> <img src="https://www.salsajeans.com/images/block2_688.jpg" /> </div> <h3 class="title_au">2020</h3> <p class="text_au"> • opening of the flagship store at gran vía, madrid, spain </p> </div> <div class="card_au"> <div class="img-holder_au"> <img src="https://www.salsajeans.com/images/block1_689.jpg" /> </div> <h3 class="title_au">2022</h3> <p class="text_au"> • launching of the jeans ‘destiny’ push up <br /> • opening of the flagship store at rua augusta, lisbon, portugal <br /> • launching of the infinity (repair and take back program) <br /> • launching of the salsa jeans app </p> </div> <div class="card_au"> <div class="img-holder_au"> <img src="https://www.salsajeans.com/images/block2_689.jpg" /> </div> <h3 class="title_au">2023</h3> <p class="text_au"> • opening of the flagship store at paseig de gracìa, in barcelona, spain <br /> • opening of the brand’s first stores in ireland </p> </div> </div> </ul> </div> </div> <script> var elementstoshow = document.queryselectorall(".card"); function loop() { array.prototype.foreach.call(elementstoshow, function(element) { if (iselementinviewport(element)) { element.classlist.add("is-visible"); } else { element.classlist.remove("is-visible"); } }); } setinterval(loop, 500); // helper function from: http://stackoverflow.com/a/7557433/274826 function iselementinviewport(el) { var rect = el.getboundingclientrect(); if (window.innerwidth < 768) { return rect.left < window.innerwidth / 2 - 100; } else { return rect.left < window.innerwidth - 300; } } </script> |
|---|
 1994 • Brand Creation  1998• Opening of the First Store in Norteshopping, Porto, Portugal  2002• Opening of the First International Store in Spain  2004• Opening of the First Store in the Middle East - Qatar  2007• Launching of the Jeans ‘Wonder’ Push Up  2008• Launching of the Jeans ‘Secret’ Push In  2010• Launching of the Online Store  2012• Opening of the First Store in France  2013• Launching of the First Shop-in-Shop concept  2015• 1 million members in the Salsa Star loyalty program  2017• Launching of the Jeans ‘Faith’ Push In (at the time ‘Secret Glamour’)  2020• Opening of the Flagship Store at Gran Vía, Madrid, Spain  2022 • Launching of the Jeans ‘Destiny’ Push Up  2023 • Opening of the Flagship Store at Paseig de Gracìa, in Barcelona, Spain |
| Use to each pair of our jeans is designed with a purpose, cut to the millimeter for the perfect fit, finished to match a personality. there is a pair of salsa jeans for every body type and every moment of your life: there's a pair of salsa jeans that will turn every moment of doubt into your everyday confidence.<br /> <br /> <b style="sans-serif; color: #1c0061;"><a href="index.php?id=341">learn more</a></b> |
|---|
  PERFECT FIT FOR EVERYBODYEach pair of our jeans is designed with a purpose, cut to the millimeter for the perfect fit, finished to match a personality. There is a pair of Salsa Jeans for every body type and every moment of your life: there's a pair of Salsa Jeans that will turn every moment of doubt into your everyday confidence. Learn more |
| Use to we are inspired by the beauty around us. we create from our music, our architecture, our breathtaking landscapes, our traditional materials… we create inspired by our people, with detail, precision, and heart.<br /> <br /> <b style="sans-serif; color: #1c0061;"><a href="index.php?id=343">learn more</a></b> |
|---|
 PROUDTUGUESEWe are inspired by the beauty around us. We create from our music, our architecture, our breathtaking landscapes, our traditional materials… we create inspired by our people, with detail, precision, and heart. Learn more |
| Use to the magic starts in the pattern, built carefully to make the perfect fit to each person. dozens of prototypes and fitting sessions later, our raw jeans are born. they’re finished in our industrial facilities by our experts, who master the techniques and the processes to give it the perfect look.<br /> <br /> <b style="sans-serif; color: #1c0061;"><a href="index.php?id=344">learn more</a></b> |
|---|
 CRAFTSMANSHIPThe magic starts in the pattern, built carefully to make the perfect fit to each person. Dozens of prototypes and fitting sessions later, our raw jeans are born. They’re finished in our industrial facilities by our experts, who master the techniques and the processes to give it the perfect look. Learn more |
| Use to being an increasingly more sustainable brand is more than a commitment, it’s an intricate part of how we operate, and that is why we have ambitious goals to achieve until 2040. get to know our social and environmental responsibility program, <b><a href="index.php?id=314">become</a></b>, and projects like <b><a href="index.php?id=349">betterwash</a></b> – water saving in our washes, in an average of 58% - and <b><a href="index.php?id=313">infinity</a></b>, so you can give you jeans a second life.<br /> <br /> <b style="sans-serif; color: #1c0061;"><a href="index.php?id=348">learn more</a></b> |
|---|
 PEOPLE & PLANETBeing an increasingly more sustainable brand is more than a commitment, it’s an intricate part of how we operate, and that is why we have ambitious goals to achieve until 2040. Get to know our social and environmental responsibility program, Become, and projects like Betterwash – water saving in our washes, in an average of 58% - and Infinity, so you can give you jeans a second life. Learn more |