<div class="d-flex align-items-center justify-content-between gap-3 "> <a href="https://compactslab.lamitech.co" class="d-flex align-items-center shrink min-w-0 py-2 md:py-3"> <img class="h-auto w-auto max-h-10 sm:max-h-12 md:max-h-14 lg:max-h-16 max-w-[130px] sm:max-w-[180px] lg:max-w-none" src="https://compactslab.lamitech.co/img/png/logoCompact.png"> </a> <div class="d-none d-lg-flex flex-grow-1 px-4 xl:px-8" style="min-width: 0;"> <ul class="list-unstyled mb-0 w-100" style="display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: center;"> <li class="nav-item text-center"> <a class="nav-link font-normal text-lg xl:text-2xl" href="https://compactslab.lamitech.co#colecciones">Colección</a> </li> <li class="nav-item text-center"> <a class="nav-link font-normal text-lg xl:text-2xl" href="https://compactslab.lamitech.co/recursos">Recursos</a> </li> <li class="nav-item text-center"> <a class="nav-link font-normal text-lg xl:text-2xl" href="https://compactslab.lamitech.co/galeria">Galeria</a> </li> <li class="nav-item text-center"> <a class="nav-link font-normal text-lg xl:text-2xl" href="https://compactslab.lamitech.co/contacto">Contáctenos</a> </li> </ul> </div> <div class="d-flex align-items-center gap-2 sm:gap-3 shrink-0"> <form class="form-inline my-0"> <div class="d-flex align-items-center text-white"> <span class="d-none d-sm-inline-flex h-7 w-7 items-center justify-center mr-2" aria-hidden="true"> <svg class="h-6 w-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="9"></circle> <path d="M3 12h18"></path> <path d="M12 3c-3 3.2-3 14.8 0 18"></path> <path d="M12 3c3 3.2 3 14.8 0 18"></path> </svg> </span> <a href="https://compactslab.lamitech.co/lang/es" class="text-sm sm:text-base lg:text-lg font-semibold">Esp</a> <span class="mx-1 sm:mx-2 text-sm sm:text-base lg:text-lg opacity-80">|</span> <a href="https://compactslab.lamitech.co/lang/en" class="text-sm sm:text-base lg:text-lg font-light opacity-80 hover:opacity-100">Eng</a> </div> </form> <button id="mobileMenuButton" type="button" class="d-inline-flex d-lg-none items-center justify-center text-white shrink-0 p-1" aria-label="Abrir menú" aria-controls="navbarSupportedContent" aria-expanded="false"> <svg class="h-7 w-7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" xmlns="http://www.w3.org/2000/svg"> <path d="M3 6h18"></path> <path d="M3 12h18"></path> <path d="M3 18h18"></path> </svg> </button> <a href="#" class="ml-2 d-none d-lg-inline-flex"><img src="https://compactslab.lamitech.co/img/png/search.png"></a> </div> </div> <div class="d-none d-lg-none text-white" id="navbarSupportedContent"> <ul class="list-unstyled d-flex flex-column py-3 mb-0"> <li class="nav-item py-1"> <a class="nav-link font-normal text-lg" href="https://compactslab.lamitech.co#colecciones">Colección</a> </li> <li class="nav-item py-1"> <a class="nav-link font-normal text-lg" href="https://compactslab.lamitech.co/recursos">Recursos</a> </li> <li class="nav-item py-1"> <a class="nav-link font-normal text-lg" href="https://compactslab.lamitech.co/galeria">Galeria</a> </li> <li class="nav-item py-1"> <a class="nav-link font-normal text-lg" href="https://compactslab.lamitech.co/contacto">Contáctenos</a> </li> </ul> </div> </nav> </header> <main> <section class="grid grid-cols-2 gap-6 py-6 px-12 border-t border-white"> <div> <div class="text-5xl"> <h1> Tunisia <b> 3184 </b> </h1> <div class="ref"> </div> </div> <div class="mt-6 rounded-xl overflow-clip border border-white"> <div class="badge-new-ref badge-new-ref--producto">Nueva Ref</div> <img id="imagena" class="mx-auto d-block img-fluid w-100" src="https://d392np3iddl7g5.cloudfront.net/productos/hd/955_1068.png" data-magnify-finalwidth='100%' data-magnify-src="https://d392np3iddl7g5.cloudfront.net/hd/portal/955_1068.png" /> <div class="flex m-6 justify-between"> <button class="border border-white rounded-lg px-6 py-2" type="button" onclick="window.open('https://lamitech-productos.s3-us-west-2.amazonaws.com/full/958_6849.png')"> <i class="fa fa-arrows-alt"></i> Ver Descargar Layout</button> <button class="border border-white rounded-lg px-6 py-2" type="button" onclick="window.open('https://lamitech-productos.s3-us-west-2.amazonaws.com/hd/cs3184.jpg')"> <i class="fa fa-arrows-alt"></i> Ver Descargar Muestra HD</button> <button class="border border-white rounded-lg px-6 py-2" type="button"> <i class="fa fa-arrows-alt"></i> Solicitar Muestra</button> </div> </div> </div> <div> <div class="flex flex-col gap-6"> <div class="flex gap-3"> <div class="w-full"> <h4 class="text-2xl">Espesor:</h4> <div class="flex mt-3"> <div class="w-7/12 bg-white esp_12"> </div> <div class="w-5/12 ml-3" <p>12.5 mm</p> </div> </div> </div> <div class="w-full"> <h4 class="text-2xl">Tamaños:</h4> <div class="w-min mt-3 p-3 text-center text-xl"> <div class="size_3"> 1,53 x 3,66m <br /> <div class="my-3 border-t border-white h-0"> </div> 5 x 12 ft </div> </div> </div> </div> <div> <h4 class="text-2xl">Acabados sugeridos:</h4> <div class="flex mt-3"> <div class="text-2xl font-bold rounded-full bg-neutral-500 text-white mr-2 p-3"> <p>CA</p> </div> </div> </div> <div class="flex gap-6"> <button type="button" class="rounded-lg bg-white text-black text-2xl py-2 px-6">Dónde comprar</button> <button type="button" onclick="window.location.replace('https://compactslab.lamitech.co/contacto')" class="rounded-lg bg-white text-black text-2xl py-2 px-6" dataid='958' style="cursor: pointer;">Contactar un ejecutivo</button> </div> </div> </div> </section> </main> <footer class="max-w-[1920px] text-white flex flex-col pb-10 lg:pb-0 bg-black w-full mx-auto"> <section class="mt-15 block w-full"><div class="mx-4 flex flex-col lg:flex-row justify-center border-t fill-white px-3 pt-5 pb-1 xl:px-7 mb-5"> <div class="w-full lg:w-auto text-xl lg:text-2xl 2xl:text-3xl 3xl:text-4xl flex items-center justify-center text-center gap-2 xl:gap-3.5 border-b lg:border-b-0 lg:border-r py-2 pb-4 lg:pb-2 pr-0 lg:pr-6 xl:pr-20"> <h3 class="mr-6 font-light text-center">Síguenos en redes sociales</h3> <button class="bg-primary h-8 w-8 lg:h-10 lg:h-10 xl:h-14 xl:w-14 rounded-full cursor-pointer" type="button" aria-label="Botón de acceso a instagram" onclick="window.open('https://www.instagram.com/lamitech/', '_blank')"> <svg class="mx-auto w-4 lg:w-5 xl:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path> </svg> </button> <button class="bg-primary h-8 w-8 lg:h-10 lg:h-10 xl:h-14 xl:w-14 rounded-full cursor-pointer" type="button" aria-label="Botón de acceso a linkedin" onclick="window.open('https://www.linkedin.com/company/grupo-sanford---lamitech-s.a./?originalSubdomain=co', '_blank')"> <svg class="mx-auto w-4 lg:w-5 xl:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z"></path> </svg> </button> <button class="bg-primary h-8 w-8 lg:h-10 lg:h-10 xl:h-14 xl:w-14 rounded-full cursor-pointer" type="button" aria-label="Botón de acceso a facebook" onclick="window.open('https://facebook.com/ilaminar/', '_blank')"> <svg class="mx-auto w-3 lg:w-4 xl:w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"> <path d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"></path> </svg> </button> <button class="bg-primary h-8 w-8 lg:h-10 lg:h-10 xl:h-14 xl:w-14 rounded-full cursor-pointer" type="button" onclick="window.open('https://www.youtube.com/watch?v=2kSmdAyCwaY','_blank')" aria-label="Botón de acceso a youtube"> <svg class="mx-auto w-4 lg:w-5 xl:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"> <path d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"></path> </svg> </button> </div> <div class="w-full lg:w-auto flex items-center justify-center text-center pt-4 lg:pt-0 pl-0 lg:pl-6 xl:pl-20 text-xl lg:text-2xl xl:text-2xl 3xl:text-4xl"> <h3 class="font-light text-center"> Comparte tus proyectos #LAMITECH con el mundo </h3> </div> </div> <div class="w-full block py-5 border-t relative px-5"> <div class="absolute top-[-12px] w-full flex justify-center"> <span class="text-white text-sm bg-black px-4 py-1">Nuestras soluciones</span> </div> <div class="grid grid-cols-2 sm:grid-cols-3 lg:flex lg:flex-wrap justify-center items-center gap-y-4"> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <img src="https://www.lamitech.co/img/footer/logo-lamitech.svg" alt="Logo Lamitech" class="h-5 xl:h-6"> </div> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <a href="https://www.panelexsolutions.com" target="_blank" title="Ir a la página de Panelex"> <img src="https://www.lamitech.co/img/footer/logo-panelex.svg" alt="Logo Panelex" class="h-4 xl:h-5"> </a> </div> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <a href="https://compactslab.lamitech.co" target="_blank" title="Ir a la página de Compactslab"> <img src="https://www.lamitech.co/img/footer/logo-compactslab.svg" alt="Logo Compactslab" class="h-5 xl:h-6"> </a> </div> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <a href="https://www.lamitech.co/specials/26-taktart" target="_blank" title="Ir a la página de TaktArt"> <img src="https://www.lamitech.co/img/footer/logo-taktart.svg" alt="Logo TaktArt" class="h-5 xl:h-6"> </a> </div> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <a href="https://innova.lamitech.co/" target="_blank" title="Ir a la página de Innova"> <img src="https://www.lamitech.co/img/footer/logo-innova.svg" alt="Logo Innova" class="h-5 xl:h-6"> </a> </div> <div class="px-4 lg:px-6 flex justify-center items-center"> <a href="https://www.acquafloor.com/" target="_blank" title="Ir a la página de Acquafloor"> <img src="https://www.lamitech.co/img/footer/logo-acquafloor.svg" alt="Logo Acquafloor" class="h-4 xl:h-5"> </a> </div> </div> </div> <div class="w-full block py-5 border-t"> <div class="grid grid-cols-2 sm:grid-cols-3 lg:flex lg:flex-wrap justify-center items-center gap-y-4"> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <a href="https://www.lamitech.co/specials/7-ex2-compacto" target="_blank" title="Ir a la página de Ex2"> <img src="https://compactslab.lamitech.co/img/footer/logo-ex2.svg" alt="Logo Ex2" class="h-4 xl:h-5" > </a> </div> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <a href="https://www.lamitech.co/specials/8-chemlam" target="_blank" title="Ir a la página de ChemLam"> <img src="https://compactslab.lamitech.co/img/footer/logo-chemlam.svg" alt="Logo ChemLam" class="h-5 xl:h-6" > </a> </div> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <a href="https://www.lamitech.co/specials/9-opak" target="_blank" title="Ir a la página de Opak"> <img src="https://compactslab.lamitech.co/img/footer/logo-opak.svg" alt="Logo Opak" class="h-5 xl:h-6" > </a> </div> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <a href="https://www.lamitech.co/specials/5-youlab" target="_blank" title="Ir a la página de YouLab"> <img src="https://compactslab.lamitech.co/img/footer/logo-youlab.svg" alt="Logo YouLab" class="h-6 xl:h-7" > </a> </div> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <img src="https://compactslab.lamitech.co/img/footer/logo-blindado.svg" alt="Logo Blindado" class="h-5 xl:h-6" > </div> <div class="px-4 lg:px-6 flex justify-center items-center"> <img src="https://compactslab.lamitech.co/img/footer/logo-duraopak.svg" alt="Logo DuraOpak" class="h-4 xl:h-5" > </div> </div> </div> </section> <div class="mx-2 xl:mx-16 flex w-full text-center justify-center border-t border-white px-7 py-6 text-xs xl:py-4 xl:text-sm" > <span class="border-r border-white pr-4 xl:pr-16"> Lamitech S.A.S Todos los derechos reservados </span> <a class="border-r border-white px-4 xl:px-16" href=""> Política de Privacidad </a> <a class="border-r border-white px-4 xl:px-16" href="https://lamitech.zohocreatorportal.com" target="_blank" title="Accede al portal del cliente" rel="tooltip"> Accede al portal del cliente </a> <a class="pl-4 xl:pl-16" href="https://sales.lamitech.co/" target="_blank" title="Acceso Comercial" rel="tooltip"> Acceso Comercial </a> </div> </footer> <script> var newRefLabel = 'Nueva Ref'; function seeProductos(seccion,linea,divId){ $("#"+divId).html("<img src='images/giphy.gif'>"); $.ajax( { url : 'https://admin.dssolucionesinteligentes.com/api/ajaxext/especial', data : {'seccion':seccion,'linea':linea,'divId':divId,'lang':'es','id_portal':'5'}, dataType : 'json', type : 'POST', error : function(xhr, ajaxOptions, thrownError) { swal("Problemas al publicar, recargue e intente nuevamente.") console.log(thrownError) }, success : function(rta) { if(rta.error == true){ swal(rta.desc); }else{ var cadena=""; for(i=0;i<rta.productos.length;i++){ cadena+='<div class="col-sm-5 col-md-3 col-lg-2 col-xs-6">'; cadena+='<div class="mt-2 card entry-media cms-blog-media cms-media overlay-wrap rounded-2xl bg-black" style="cursor:pointer;position:relative" onclick="document.location=\'ref/'+rta.productos[i].codigo+'-'+rta.productos[i].referencia+'\'">'; cadena+='<img src="https://d392np3iddl7g5.cloudfront.net/productos/portal/'+rta.productos[i].image_portal+'" alt="entry-media cms-blog-media cms-media overlay-wrap Image 1" class="card-img rounded-2xl">'; cadena+='<div id="p-'+rta.productos[i].codigo+'" class="d-none card-img-overlay" style="background-color:rgba(20, 20, 20, .5)!important"><h6 style="color: white">Anchos disponibles:</h6><p>'; for(j=0;j<rta.productos[i].anchos.length;j++){ cadena+=' '+rta.productos[i].anchos[j].tamano+','; } cadena+='<br></p><a class="added_to_cart" href="https://www.lamitech.co/contact">CONTÁCTENOS</a></div></div><div class="caption"><p class="text-sm">'+rta.productos[i].referencia+'</p><p>'+rta.productos[i].codigo.substr(-4,4)+'</p></div></div>'; } $("#"+divId).html(cadena); } } }); } function seeProductosEn(seccion,linea,divId){ $("#"+divId).html("<img src='images/giphy.gif'>"); $.ajax( { url : 'https://admin.dssolucionesinteligentes.com/api/ajaxext/especial', data : {'seccion':seccion,'linea':linea,'divId':divId,'lang':en,'id_portal':'5'}, dataType : 'json', type : 'POST', error : function(xhr, ajaxOptions, thrownError) { swal("Problemas al publicar, recargue e intente nuevamente.") console.log(thrownError) }, success : function(rta) { if(rta.error == true){ swal(rta.desc); }else{ var cadena=""; for(i=0;i<rta.productos.length;i++){ cadena+='<div class="product-view col-sm-4 col-md-4 col-lg-4 col-xs-6"><div class="entry-media cms-blog-media cms-media overlay-wrap " style="position:relative"> <img src="https://www.lamitech.com.co/resources/productos/hd/'+rta.productos[i].codigo+'.jpg" alt="entry-media cms-blog-media cms-media overlay-wrap Image 1" class="img-responsive">'; if(rta.productos[i].nuevo === 't'){ cadena+='<div class="badge-new-ref">'+newRefLabel+'</div>'; } cadena+='<div class="overlay"><div class="overlay-content"><h6 style="color: white">Available widths:</h6><p>'; for(j=0;j<rta.productos[i].anchos.length;j++){ cadena+=' '+rta.productos[i].anchos[j].tamano_en+','; } cadena+='<br></p><a class="added_to_cart" href="https://www.lamitech.co/contact">CONTACT US</a></div></div><div class="caption"><p style="text-transform:uppercase">'+rta.productos[i].referencia+' '+rta.productos[i].codigo.substr(-4,4)+'</p></div></div></div>'; } $("#"+divId).html(cadena); } } }); } document.addEventListener('DOMContentLoaded', function () { var button = document.getElementById('mobileMenuButton'); var menu = document.getElementById('navbarSupportedContent'); if (!button || !menu) { return; } var isDesktop = function () { return window.matchMedia('(min-width: 992px)').matches; }; button.addEventListener('click', function () { var isOpen = !menu.classList.contains('d-none'); menu.classList.toggle('d-none'); button.setAttribute('aria-expanded', isOpen ? 'false' : 'true'); }); menu.querySelectorAll('a').forEach(function (link) { link.addEventListener('click', function () { if (!isDesktop()) { menu.classList.add('d-none'); button.setAttribute('aria-expanded', 'false'); } }); }); if (isDesktop()) { menu.classList.remove('d-none'); } else { menu.classList.add('d-none'); } window.addEventListener('resize', function () { if (isDesktop()) { menu.classList.remove('d-none'); button.setAttribute('aria-expanded', 'false'); } else { menu.classList.add('d-none'); button.setAttribute('aria-expanded', 'false'); } }); }); </script> </body> <script type="text/javascript"> _linkedin_partner_id = "6639250"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=6639250&fmt=gif" /> </noscript> </html>