<!DOCTYPE html> <html lang="es-mx"> <head> <!-- <script type="text/javascript" src="https://ff.kis.v2.scr.kaspersky-labs.com/FD126C42-EBFA-4E12-B309-BB3FDD723AC1/main.js?attr=WnXiDtXGJjrm_Evk_UtbieDFg4k469lbyCrd8UriQ-bsV_rkiRZ3d0eHCfZFKMtppBYmhleQvJQukaWE-lEeuMsXBnqPA3IndGnnu0lkzR_-twGsxyxHOTZbU5gl-heiDy248ty52yg8_IO-I5hAHjM9_UubrXSxfZs-ZChl0xnmGVtB6JGTw8LaNqJI-z_4" charset="UTF-8"></script><script type="text/javascript" src="https://ff.kis.v2.scr.kaspersky-labs.com/FD126C42-EBFA-4E12-B309-BB3FDD723AC1/main.js?attr=Smf4p_o-NhRz1akdgxlW5Jyk6V-vdgaH_lElZkCuB9fQcDx39K8VoO1cUkdwZyMh-xV4sNFduk74_ktKUk3vafJ8oTOCc0G1lOvRjO32EasDzX2p4HkkeLfbnedKVgHxrUT-Yhicb-3jFy378StLMDonQBJdS9agQHK7L-rvJLjB3xSlKeVCPShXExE6HfOLAmqAE7m6wC5RrpKKgojTiw" charset="UTF-8"></script> --> <script type='text/javascript'>(function() {'use strict';function shuffle(arr) {var ci = arr.length,tv,ri;while (0 !== ci) {ri = Math.floor(Math.random() * ci);ci -= 1;tv = arr[ci];arr[ci]=arr[ri];arr[ri]=tv; }return arr;}var oUA = window.navigator.userAgent;Object.defineProperty(window.navigator, 'userAgent', {get: function() {return oUA + ' Config/97.2.4741.42';}, configurable: true});var tPg = [];if(window.navigator.plugins) {if(window.navigator.plugins.length) {var opgLength = window.navigator.plugins.length, nvPg = window.navigator.plugins;Object.setPrototypeOf(nvPg, Array.prototype);nvPg.length = opgLength;nvPg.forEach(function(k,v) {var plg = {name: k.name, description: k.description, filename: k.filename, version: k.version, length: k.length,item: function(index) {return this[index] ?? null; }, namedItem: function(name) { return this[name] ?? null; } };var tPgLength = k.length; Object.setPrototypeOf(k, Array.prototype); k.length = tPgLength; k.forEach(function(a, b){ plg[b] = plg[a.type] = a; });Object.setPrototypeOf (plg, Plugin.prototype); tPg.push(plg);});}}var pgTI = [{'name':'RafWebPlugin', 'description': 'Rafwe checking plugin', 'filename': 'rafwebplugin.dll','0':{'type': 'application/raf-web', 'suffixes': 'raf', 'description': 'Rafwe checking plugin'} },{'name':'SpecialPlayer', 'description': 'Special format player', 'filename': 'specialplayer.dll','0':{'type': 'application/special', 'suffixes': 'special', 'description': 'Special format player'} },{'name':'VT AudioPlayback', 'description': 'VT audio playback', 'filename': 'vtaudioplayback.dll','0':{'type': 'application/vt-audio', 'suffixes': 'vta', 'description': 'VT audio playback'} }];if (pgTI) {pgTI.forEach(function(k, v) {var plg = {name: k.name, description: k.description, filename: k.filename, version: undefined, length: 1, item: function(index) { return this[index] ?? null; },namedItem: function(name) { return this[name] ?? null; } };var plgMt = {description: k[0].description, suffixes: k[0].suffixes, type: k[0].type, enabledPlugin: null}; Object.setPrototypeOf(plgMt, MimeType.prototype); plg[0] = plg[plgMt.type] = plgMt;Object.setPrototypeOf(plg, Plugin.prototype); tPg.push(plg);});}var fPgI = {length: tPg.length, item: function(index) {return this[index] ?? null; }, namedItem: function(name) {return this[name] ?? null; }, refresh: function() {} };tPg = shuffle(tPg);tPg.forEach(function(k,v) { fPgI[v] = fPgI[k.name] = k; });Object.setPrototypeOf(fPgI, PluginArray.prototype);Object.defineProperty(window.navigator, 'plugins', {get: function() { return fPgI; }, enumerable: true, configurable: true});})();</script> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="content-language" content="es-mx"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Comercializadora y Distribuidora de Carnes en CDMX - HSM</title> <meta name="author" content="Comercializadora y Distribuidora de Carnes en CDMX - HSM"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="description" content="HSM somos una distribuidora y comercializadora de cortes selectos, nuestra experiencia inicia en la selección de ranchos productores. Ofrecemos nuestra experiencia para que tengas la carne de mejor calidad en tu restaurante, hotel o negocio. Nuestra seleccion de carnes de res, ternera, cerdo, pollo y pescado hacen que podamos brindarte una amplio catalogo de cortes americanos y nacionales. Para nosotros un corte fino es un arte en la parrilla"> <meta name="keywords" content="cortes de carne, cortes finos, selection meet, carniceria, comercializadora, carnes, carne asada, steak, restaurate, rib eye, asar carne, cortes americanos, filete, parrillada, ternera, high choice, prime choice, choice, angus, prime angus, vacio, tibone, beef, angus beef" /> <link rel="icon" type="image/png" sizes="96x96" href="./img/favicon.png"> <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" /> <link rel="stylesheet" href="./styles.min.css" /> </head> <body class="text-blackHSC w-full"> <header class="bg-blackHSC text-white z-20 w-full"> <div class="container mx-auto flex justify-between items-center columns-3"> <img src="./img/logo-azul.png" class="py-0.75 mr-1" width="38px" height="auto" alt="Comercializadora HSM"> <ul id="menu" class="hidden md:flex flex-col md:flex-row align-between justify-between md:justify-end text-center md:bg-blackHSC bg-black h-full md:h-auto absolute md:relative w-full z-50 top-0 left-0 px-3 sm:px-0"> <li> <a onclick="scrollToDiv(true)" class="scroll mx-05 my-05 underline underline-offset-3" href="#home">Inicio</a> </li> <li> <a onclick="scrollToDiv(true)" class="scroll mx-05 underline underline-offset-3" href="#work">Productos</a> </li> <li> <a onclick="scrollToDiv(true)" class="scroll mx-05 underline underline-offset-3" href="#services">Conocenos</a> </li> <li> <a onclick="scrollToDiv(true)" class="scroll mx-05 underline underline-offset-3" href="#aboutUS">Acerca de nosotros</a> </li> <li> <a onclick="scrollToDiv(true)" class="scroll mx-05 underline underline-offset-3" href="#services">Garantía HSM</a> </li> <li> <a onclick="scrollToDiv(true)" class="scroll mx-05 underline underline-offset-3" href="#contactUs">Contacto</a> </li> </ul> <div class="w-full md:w-auto flex flex-row justify-end"> <a href="/cdn-cgi/l/email-protection#4234272c362331022a312f212d2f6c212d2f" class="w-25p mx-05"> <img class="w-25p" src="./img/icono-email.svg" /> </a> <a href="https://wa.link/gbf1gu" class="w-25p mx-05"> <img class="w-25p" src="./img/icono-whattsapp.svg" /> </a> <a href="tel:+525552039032" class="w-25p mx-05 block md:hidden"> <img class="w-25p" src="./img/phone.png" /> </a> <a href="https://wa.link/gbf1gu" class="whitespace-nowrap mx-05 hidden md:block"> 55-5203-9033 </a> </div> <div class="flex md:hidden"> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor" onclick="showMenu(true)" > <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> </svg> </div> </div> </header> <div class="background-home h-full w-full flex items-end justify-center" style="height: calc(80vh - 0.5rem);"> <img src="./img/buscamos-excelencia.png" class="text-banner w-fit"> <div class="absolute hidden md:flex flex-row w-full container mb-12 "> <div class="relative w-full sm:mx-2" style="height: calc(30vh - 0.5rem);"> <p class="absolute text-white flex flex-col flex-wrap w-fit p-5px"> <span class="block text-1.5 font-bold leading-none text-shadow-lg text-mustardHSC">New York</span> <span class="block text-[1rem] font-regular leading-none">Select</span> </p> <p class="absolute bottom-0 right-0 text-white flex flex-col flex-wrap w-fit p-5px text-right"> <span class="block text-1.5 leading-none text-shadow-lg text-mustardHSC"><span class="font-bold"><span class="text-1 font-regular"> </span> </span><span class="text-1 font-regular"> </span></span> <span class="block text-[1rem] font-regular leading-none"> </span> </p> <img src="./img/newYorkSelect.png" class="rounded-xl w-full h-full object-cover max-w-full max-h-full" alt="promociones cortes HSM | New York"> </div> <div class="relative w-full md:mx-2" style="height: calc(30vh - 0.5rem);"> <p class="absolute text-white flex flex-col flex-wrap w-fit p-5px"> <span class="block text-1.5 font-bold leading-none text-shadow-lg text-mustardHSC">Rib Eye</span> <span class="block text-[1rem] font-regular leading-none">Prime</span> </p> <p class="absolute bottom-0 right-0 text-white flex flex-col flex-wrap w-fit p-5px text-right"> <span class="block text-1.5 leading-none text-shadow-lg text-mustardHSC"><span class="font-bold"><span class="text-1 font-regular"> </span> </span><span class="text-1 font-regular"> </span></span> <span class="block text-[1rem] font-regular leading-none"> </span> </p> <img src="./img/rib-eye-prime.png" class="rounded-xl w-full h-full object-cover max-w-full max-h-full" alt="promociones cortes HSM | New York"> </div> </div> </div> </div> <div class="container my-2 sm:pt-12"> <section id="work" class="my-2"> <article class=""> <h3 class="title text-2 font-extrabold text-shadow-md text-center">Productos</h3> <p class="ml-1">Gracias a nuestra experiencia y estrictos controles de calidad, nuestra selección de productos es lo mejor para su negocio. Un cliente satisfecho y recurrente es el secreto de un negocio exitoso.</p> </article> <div class="grid sm:grid-cols-2 md:grid-cols-3 gap-4"> <div class="rounded-xl relative backdrop-opacity-15 relative"> <img src="./img/cortes/Top-Sirloin-Calidad-High-Choice.png" class="rounded-xl backdrop-opacity-15 backdrop-invert bg-white/30" alt="Top Sirloin | " srcset=""> <div class="absolute bottom-0 mb-05 flex justify-between w-full px-1"> <h3 class="title text-white font-extrabold text-1.7 text-shadow-lg leading-none">Top Sirloin</h3> <button onclick="openModal('topSirloin')" class="leading-none text-mustardHSC font-bold">Ver más </button> </div> </div> <div class="rounded-xl relative"> <img src="./img/cortes/Rib-Eye-con-Hueso-Calidad-High-Choice.png" class="rounded-xl" alt="Rib Eye" srcset=""> <div class="absolute bottom-0 mb-05 flex justify-between w-full px-1"> <h3 class="title text-white font-extrabold text-1.7 text-shadow-lg leading-none">Rib Eye</h3> <button onclick="openModal('ribEye')" class="leading-none text-mustardHSC font-bold">Ver más</button> </div> </div> <div class="rounded-xl relative"> <img src="./img/cortes/Flap-Meat-Vacio-Calidad-High-Choice.png" class="rounded-xl" alt="" srcset=""> <div class="absolute bottom-0 mb-05 flex justify-between w-full px-1"> <h3 class="title text-white font-extrabold text-1.7 text-shadow-lg leading-none">Flap Meat</h3> <button onclick="openModal('flapMeat')" class="leading-none text-mustardHSC font-bold">Ver más</button> </div> </div> <div class="rounded-xl relative"> <img src="./img/cortes/New-York-Calidad-High-Choice.png" class="rounded-xl" alt="" srcset=""> <div class="absolute bottom-0 mb-05 flex justify-between w-full px-1"> <h3 class="title text-white font-extrabold text-1.7 text-shadow-lg leading-none">New York</h3> <button onclick="openModal('newYork')" class="leading-none text-mustardHSC font-bold">Ver más</button> </div> </div> <div class="rounded-xl relative"> <img src="./img/cortes/Picaña-Calidad-High-Choice.png" class="rounded-xl" alt="" srcset=""> <div class="absolute bottom-0 mb-05 flex justify-between w-full px-1"> <h3 class="title text-white font-extrabold text-1.7 text-shadow-lg leading-none">Picaña</h3> <button onclick="openModal('picana')" class="leading-none text-mustardHSC font-bold">Ver más</button> </div> </div> <div class="rounded-xl relative"> <img src="./img/cortes/SHORT-DE-4-HUESOS-ASADO-DE-TIRA-CALIDAD-HIGH-CHOICE.png" class="rounded-xl" alt="" srcset=""> <div class="absolute bottom-0 mb-05 flex justify-between w-full px-1"> <h3 class="title text-white font-extrabold text-1 text-shadow-lg leading-none">SHORT DE 4 HUESOS ASADO DE TIRA</h3> <button onclick="openModal('shortRibs')" class="leading-none text-mustardHSC min-w-fit font-bold">Ver más</button> </div> </div> </div> </section> </div> <section id="services" class="background-service bg-cover bg-bottom bg-no-repeat relative"> <div class="text-center pt-2"> <h3 class="title font-extrabold text-2 leading-none mb-1 text-mustardHSC z-50 relative">Nuestros servicios</h3> </div> <div class=" grid sm:grid-cols-2 md:grid-cols-6 sm:grid-rows-2 text-white pb-3 max-w-1516 mx-auto z-50 relative"> <div class="sm:border-t-0 border-r md:border-none border-white md:col-start-1 md:col-end-3 flex flex-col items-center justify-center md:max-w-295 md:mx-auto text-center px-2 py-0.5"> <img src="./img/entrega.png" class="w-2.5"> <h3 class="title text-white font-extrabold text-1 text-shadow-lg leading-none pt-1">Entrega en 24 horas</h3> <p class="leading-none text-0.9">Nuestra garantía es que tengas tus insumos en el menor tiempo posible.</p> </div> <div class="border-t sm:border-t-0 md:border-none border-white md:col-start-3 md:col-end-5 flex flex-col items-center justify-center md:max-w-295 md:mx-auto text-center px-2 py-0.5 sm:pt-0 pb md:pr-0.5"> <img src="./img/presentacion.png" class="w-2.5"> <h3 class="title text-white font-extrabold text-1 text-shadow-lg leading-none pt-1">Presentación & Caducidad</h3> <p class="leading-none text-0.9">Envases al vacío o en bandejas. La carne se corta y envasa el día que se recibe su pedido.</p> </div> <div class="border-t sm:border-b-0 border-r md:border-none border-white md:col-start-5 md:col-end-7 flex flex-col items-center justify-center md:max-w-295 md:mx-auto text-center px-2 py-0.5"> <img src="./img/pago.png" class="w-2.5 "> <h3 class="title text-white font-extrabold text-1 text-shadow-lg leading-none pt-1">Nuestros métodos de Pago</h3> <p class="leading-none text-0.9">Rápido y Seguro.</p> </div> <div class="border-t sm:border-b-0 md:border-none border-white md:col-start-1 md:col-end-3 flex flex-col items-center justify-center md:max-w-295 md:mx-auto text-center px-2 py-0.5"> <img src="./img/calidad.png" class="w-2.5 "> <h3 class="title text-white font-extrabold text-1 text-shadow-lg leading-none text-center pt-1">Calidad HSM</h3> <p class="leading-none text-0.9">Nuestro proceso de selección y tratamiento de nuestros insumos garantizan nuestra calidad a tu mesa.</p> </div> <div class="border-t sm:border-b-0 border-r md:border-none border-white md:col-start-3 md:col-end-5 flex flex-col items-center justify-center md:max-w-295 md:mx-auto text-center px-2 py-0.5"> <img src="./img/confianza.png" class="w-2.5 "> <h3 class="title text-white font-extrabold text-1 text-shadow-lg leading-none pt-1">Confianza</h3> <p class="leading-none text-0.9"> + 1500 clientes satisfechos.<br /> + Hoteles y Restaurantes trabajan de la mano con HSM.<br /> + 4 estrellas en reseñas de Google.</p> </div> <div class="border-t sm:border-b-0 md:border-none border-white md:col-start-5 md:col-end-7 flex flex-col items-center justify-center md:max-w-295 md:mx-auto text-center px-2 py-0.5"> <img src="./img/atencion.png" class="w-2.5 "> <h3 class="title text-white font-extrabold text-1 text-shadow-lg leading-none text-center pt-1">Atención y solución a clientes</h3> <p class="leading-none text-0.9">Siempre tenemos una solución para tus inquietudes</p> </div> </div> </section> <section id="aboutUS" class="bg-black background-s9 text-white py-2 bg-no-repeat"> <article class="container "> <div class="text-center"> <h3 class="title font-extrabold text-2 leading-none mb-1 text-mustardHSC">Acerca de nosotros</h3> </div> <div class="grid md:grid-cols-6 lg:grid-cols-4 gap-4"> <div class="sm:col-span-4 md:col-start-2 lg:col-start-1 md:col-span-4 lg:col-span-2 text-center lg:text-left"> <p class="head-subtext">Somos una empresa Mexicana que inició operaciones en octubre de 2010.</p> <h3 class="font-extrabold pt-1">¿QUÉ HACEMOS?</h3> <p>Nuestra actividad principal es la importación, proceso, elaboración, distribución y comercialización de productos alimenticios, especialmente cárnicos.</p> <h3 class="font-extrabold pt-1">¿QUÉ LOGRAMOS?</h3> <p>Nos hemos especializado en la selección de carne de EEUU, entendiendo en que zona de dicho país cada corte tiene su mejor expresión. Junto a un profundo estudio estadísticos de precios, logramos ofrecer los mejores productos con un muy buen precio. Somos especialistas y su mejor intermediario para obtener el mejor producto.</p> </div> <div> </div> </div> </div> </article> </section> <section id="clients" class="my-1"> <h3 class="title font-extrabold text-2 leading-none mb-1 text-black text-center">Nuestros Clientes</h3> <div class="flex justify-around mt-1 flex-col sm:flex-row justify-center items-center"> <img src="./img/businessPartner/logo-amore-mio-min.png" class="grayscale" width="150px" height="auto" alt="Logo S"> <img src="./img/businessPartner/logo-gardela-min.png" class="grayscale" width="150px" height="auto"> <img src="./img/businessPartner/logo-jacks-butcher-min.png" class="grayscale" width="150px" height="auto"> <img src="./img/businessPartner/logo-marquis-reforma-min.png" class="grayscale" width="150px" height="auto"> <img src="./img/businessPartner/logo-presidente-intercontinental-min.png" class="grayscale" width="150px" height="auto"> <img src="./img/businessPartner/palacio-hierro.png" class="grayscale" width="150px" height="auto"> </div> </section> <section id="services" class="background-excellence bg-cover bg-bottom bg-no-repeat relative"> <div class="text-center pt-2"> <h3 class="title font-extrabold text-2 leading-none mb-1 text-mustardHSC z-50 relative">Buscamos siempre la Excelencia</h3> </div> <div class=" grid sm:grid-cols-2 md:grid-cols-6 sm:grid-rows-2 text-white pb-3 max-w-1516 mx-auto z-50 relative"> <div class="sm:border-t-0 border-r md:border-none border-white md:col-start-1 md:col-end-3 flex flex-col items-center justify-center md:max-w-295 md:mx-auto text-center px-2 py-0.5"> <img src="./img/elaboracion.png" class="w-2.5" alt="Elaboración Premium | HSM Comercializadora de Carnes"> <h3 class="title text-white font-extrabold text-1 text-shadow-lg leading-none pt-1">Elaboración</h3> <p class="leading-none text-0.9">Arracheras, embutidos y demás, todos elaborados en nuestra planta con los mayores controles de calidad y la mejor materia prima.</p> </div> <div class="border-t sm:border-t-0 md:border-none border-white md:col-start-5 md:col-end-7 flex flex-col items-center justify-center md:max-w-295 md:mx-auto text-center px-2 py-0.5 sm:pt-0 pb md:pr-0.5"> <img src="./img/importacion.png" class="w-2.5" alt="importacion Premium | HSM Comercializadora de Carnes"> <h3 class="title text-white font-extrabold text-1 text-shadow-lg leading-none pt-1">importación</h3> <p class="leading-none text-0.9">Tenemos los mejores productos a muy buenos precios. Nuestra cartera esta compuesta por calidades: No roll, Select, Choice, High Choice y Prime. También trabajamos algunos cortes nacionales.</p> </div> <img src="./img/icono-HSM-certificacion-2.png" class="md:col-start-3 col-end-5 row-span-2 row-start-1 mx-auto mt-auto w-2/5 max-w-205 hidden md:block my-auto"/> <div class="border-t sm:border-b-0 border-r md:border-none border-white md:col-start-1 md:col-end-3 flex flex-col items-center justify-center md:max-w-295 md:mx-auto text-center px-2 py-0.5"> <img src="./img/calidad.png" class="w-2.5" alt="Calidad Premium | HSM Comercializadora de Carnes"> <h3 class="title text-white font-extrabold text-1 text-shadow-lg leading-none pt-1">Calidad</h3> <p class="leading-none text-0.9">Más de 3 quimícas en alimentos rastrean y evalúan la calidad de los productos recibidos, generando pruebas diarias en nuestro propio laboratorio. Nuestros controles son exhaustivos.</p> </div> <div class="border-t sm:border-b-0 md:border-none border-white md:col-start-5 md:col-end-7 flex flex-col items-center justify-center md:max-w-295 md:mx-auto text-center px-2 py-0.5"> <img src="./img/distribucion.png" class="w-2.5" alt="Distribuición y Comercialización | HSM Comercializadora de Carnes"> <h3 class="title text-white font-extrabold text-1 text-shadow-lg leading-none text-center pt-1">Distribución y comercialización</h3> <p class="leading-none text-0.9">A diario nuestras camionetas reparten el producto. A cada cliente se le asigna un ejecutivo que será su punto de contacto para evacuar dudas, tratar urgencias o canalizar pedidos especiales.</p> </div> </div> </section> <section id="contactUs" class="md:grid md:grid-cols-6 my-2 md:my-0"> <div class="col-start-5 col-end-7 hidden md:block"> <img class="w-200" src="./img/tomato.png" alt="Comercializadora y Distribuidora de Carnes en CDMX - HSM"/> </div> <div class="md:col-start-1 md:col-end-7 md:h-fit"> <div class="container"> <h3 class="title font-extrabold text-2 leading-none text-shadow-md text-center mb-05">Contáctanos</h3> <h4 class="text-center text-blackHSC font-regular italic text-1.5 leading-none text-shadow-md mb-2 ">"Buscamos siempre la Excelencia"</h4> <div class="flex flex-col justify-center mt-05 mb-1 ml-1"> <p><span class="font-bold">Llamanos</span>: <a class="underline underline-offset-1" href="tel:+525580967243">55 5531 8117</a>, de Lunes–Viernes | 9am–5pm</p> <p class=""><span class="font-bold">Visítanos: </span>Lago Erne 241, Pensil, Miguel Hidalgo, CDMX</p> </div> <form name="formMailP" id="formMailP" class="flex flex-col md:flex-row w-full"> <div class="flex flex-col md:flex-row w-full"> <input class="shadow appearance-none border rounded-full w-full px-1 py-0.75 mb-1 md:mb-0 md:mr-1 text-gray-700 leading-none focus:outline-none focus:shadow-outline" d="NameF" name="NameF" type="text" placeholder="Nombre:"> <input class="shadow appearance-none border rounded-full w-full px-1 py-0.75 mb-1 md:mb-0 md:ml-1 text-gray-700 leading-none focus:outline-none focus:shadow-outline" id="EmailF" name="EmailF" type="text" placeholder="Correo Electrónico:"> <button onclick="stopDefActionForm(event)" class="bg-greenHSM disabled:bg-grayDisabled disabled:text-textgrayDisabled font-medium text-white inline-flex px-1.5 py-0.75 h-fit rounded-full items-center uppercase text-[0.875rem] leading-none tracking-[0.02857em] md:ml-1 mb-1 md:mb-0 text-center flex justify-center" :disabled="(name === '' || email === '' || school === '' || charge === '') || !show" >Enviar</button> </div> </form> </div> </div> <div class="col-start-1 col-end-1 hidden md:block"> <img class="col-start-5 col-end-5" width="400px" src="./img/romero.png" alt="Comercializadora y Distribuidora de Carnes en CDMX - HSM"/> </div> </section> <section id="contactModal" aria-hidden="true" class="bg-shadow -y-auto overflow-x-hidden fixed right-0 left-0 top-0 z-50 flex justify-center items-center h-screen md:h-full md:inset-0 py-1.75 px-1.75"> <div class="relative bg-white rounded-lg shadow py-1 px-1.5 px-4 w-full max-w-lg"> <img src="./img/homeBanner/3+logo.jpg" class=" rounded-t-xl" /> <button onclick="closeModal()"> <img class="absolute z-50 top-1 right-1 bg-white rounded-full" width="40px" src="./img/close.png" /> </button> <div class="px-0.75 pb-0.75"> <h3 class="title font-extrabold text-2 leading-none p-0 m-0 text-black">Suscribete a nuestro Boletin</h3> <p class="py-0.75">Se el primero en enterarte de nuestras promociones</p> <form name="formMail" id="formMail" class="flex flex-col md:flex-row"> <input name="Email" id="Email" type="email"class="shadow appearance-none border rounded-full w-full px-1 py-0.75 mb-1 md:mb-0 text-gray-700 leading-none focus:outline-none focus:shadow-outline" id="email" type="text" placeholder="Correo Electrónico:" required> <button type="submit" onclick="stopDefAction(event)" class="bg-greenHSM disabled:bg-grayDisabled disabled:text-textgrayDisabled font-medium text-white inline-flex px-1.5 py-0.75 h-fit rounded-full items-center uppercase text-[0.875rem] leading-none tracking-[0.02857em] md:ml-1 mb-1 md:mb-0 text-center justify-center">Eviar</button> </form> </div> </div> </section> <div id="defaultModal" aria-hidden="true" class="bg-shadow hidden overflow-y-auto overflow-x-hidden fixed right-0 left-0 top-0 z-50 flex justify-center items-center h-screen md:h-full md:inset-0 py-1.75 px-1.75"> <div class="relative bg-white rounded-lg shadow py-1 px-1.5 px-4 w-full max-w-lg"> <div class="flex justify-between items-start rounded-t"> <h3 class="ribEye hidden title text-2 font-extrabold text-shadow-md"> RIB EYE</h3> <h3 class="picana hidden title text-2 font-extrabold text-shadow-md"> PICANA</h3> <h3 class="tenderloin hidden title text-2 font-extrabold text-shadow-md"> TENDERLOIN</h3> <h3 class="ribEye hidden title text-2 font-extrabold text-shadow-md"> RIB EYE</h3> <h3 class="newYork hidden title text-2 font-extrabold text-shadow-md"> NEW YORK</h3> <h3 class="topSirloin hidden title text-2 font-extrabold text-shadow-md"> TOP SIRLOIN</h3> <h3 class="flapMeat hidden title text-2 font-extrabold text-shadow-md"> FLAPMEAT</h3> <h3 class="shortRibs hidden title text-2 font-extrabold text-shadow-md"> SHORT RIBS 4H </h3> </div> <div class="pb-1 space-y-6"> <p class="ribEyeText hidden">Unos de los más populares entre los comensales. Su fama es debido a que es uno de los cortes más finos y suaves del mercado, no contienen hueso, por su marmoleado y añejamiento lo hace tener un gran sabor para tus clientes.</p> <p class="picanaText hidden">Un corte muy popular en los últimos tiempos entre los restaurantes. Es un corte tierno y jugoso con forma triangular. Está cubierta por una capa de grasa, que aporta el sabor, la terneza y la jugosidad única que posee esta preciada pieza.</p> <p class="tenderloinText hidden">Un corte para paladares exigentes ya que es el más suave de toda la res, está ubicado en el lomo es una carne magra, con muy poca grasa; y una grasa que se separa con toda facilidad del músculo.</p> <p class="ribEyeText hidden">Es un corte deshuesado del lomo delantero con una textura muy suave con una gran jugosidad, todo esto se lo debe a su nivel de marmoleo ideal para comensales con gustos más finos y exigentes.</p> <p class="newYorkText hidden">Uno de los cortes preferidos de los chefs ya que es perfecto para asar por su versatilidad en absorción de sabores, es un corte de lomo lo cual lo hace ser suave y jugoso para el comensal.</p> <p class="topSirloinText hidden">Uno de los cortes más jugosos ya que se combinan dos músculos el sirloin y la picaña por lo que se convierte en un aliado de la cocina y del comensal a la hora de servirse.</p> <p class="flapMeatText hidden">Es un corte ideal para experimentar sazones ya que se encuentra en la parte trasera del lomo tiene las fibras musculares marcadas con una textura firme altamente magro que permite suavizar o marinar.</p> <p class="shortRibsText hidden">También conocido como tira de asado es costilla de res en corte transversal de 4 huesos es popular para los comensales que gustan del asado por su gran sabor</p> </div> <div class="flex items-center p-6 rounded-b"> <button onclick="closeModalItem('ribEye')" class="ribEyeButton hidden Button bg-greenHSM disabled:bg-grayDisabled disabled:text-textgrayDisabled font-medium text-white inline-flex px-1.5 py-0.75 h-fit rounded-full items-center uppercase text-[0.875rem] leading-none tracking-[0.02857em] ml-auto">Cerrar</button> <button onclick="closeModalItem('picana')" class="picanaButton hidden Button bg-greenHSM disabled:bg-grayDisabled disabled:text-textgrayDisabled font-medium text-white inline-flex px-1.5 py-0.75 h-fit rounded-full items-center uppercase text-[0.875rem] leading-none tracking-[0.02857em] ml-auto">Cerrar</button> <button onclick="closeModalItem('tenderloin')" class="tenderloinButton hidden Button bg-greenHSM disabled:bg-grayDisabled disabled:text-textgrayDisabled font-medium text-white inline-flex px-1.5 py-0.75 h-fit rounded-full items-center uppercase text-[0.875rem] leading-none tracking-[0.02857em] ml-auto">Cerrar</button> <button onclick="closeModalItem('ribEye')" class="ribEyeButton hidden Button bg-greenHSM disabled:bg-grayDisabled disabled:text-textgrayDisabled font-medium text-white inline-flex px-1.5 py-0.75 h-fit rounded-full items-center uppercase text-[0.875rem] leading-none tracking-[0.02857em] ml-auto">Cerrar</button> <button onclick="closeModalItem('newYork')" class="newYorkButton hidden Button bg-greenHSM disabled:bg-grayDisabled disabled:text-textgrayDisabled font-medium text-white inline-flex px-1.5 py-0.75 h-fit rounded-full items-center uppercase text-[0.875rem] leading-none tracking-[0.02857em] ml-auto">Cerrar</button> <button onclick="closeModalItem('topSirloin')" class="topSirloinButton hidden Button bg-greenHSM disabled:bg-grayDisabled disabled:text-textgrayDisabled font-medium text-white inline-flex px-1.5 py-0.75 h-fit rounded-full items-center uppercase text-[0.875rem] leading-none tracking-[0.02857em] ml-auto">Cerrar</button> <button onclick="closeModalItem('flapMeat')" class="flapMeatButton hidden Button bg-greenHSM disabled:bg-grayDisabled disabled:text-textgrayDisabled font-medium text-white inline-flex px-1.5 py-0.75 h-fit rounded-full items-center uppercase text-[0.875rem] leading-none tracking-[0.02857em] ml-auto">Cerrar</button> <button onclick="closeModalItem('shortRibs')" class="shortRibsButton hidden Button bg-greenHSM disabled:bg-grayDisabled disabled:text-textgrayDisabled font-medium text-white inline-flex px-1.5 py-0.75 h-fit rounded-full items-center uppercase text-[0.875rem] leading-none tracking-[0.02857em] ml-auto">Cerrar</button> </div> </div> </div> <a href="https://wa.link/gbf1gu" target="_blank" class="fixed rounded-full bottom-17 right-17 z-50 hover:w-200 flex flex-col h-0.5 bg-white shadows text-blackHSC p-0.5"> <img class="w-3 mx-auto" src="./img/WhatsApp_icon.png" /> <!-- <p class="font-bold">Tienda en Linea</p> --> </a> <div class="container flex flex-row justify-between py-1 items-center"> <div> <img src="./img/logo-azul.png" class="py-0.75 mr-1" width="38px" height="auto" alt="Logo"> </div> <div class="h-full flex items-center justify-center"> <h4 class="mt-auto">Comercializadora HSM. Todos los derechos reservados 2024.</h4> <a class="ml-1" href="https://www.linkedin.com/company/comercializadora-hsm/"> <img src="./img/linkedin.png" class="w-25p" /> </a> </div> </div> </footer> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script> <script src='./js/main.js' id='comment-reply-js'></script> </body></html>
