Landing Page Builder | Magvilldigital

GRID SYSTEM
HTML Editor

<div class="container-fluid p-0">
 
  <div class="container">
 
    <!--============================================
    NAV
    ==============================================-->
 
    <div class="container-fluid p-0">
 
      <nav class="navbar navbar-expand-sm bg-transparent">
 
        <div class="container-fluid">
 
          <a class="navbar-brand bg-transparent shadow-none" href="/">
            <img src="https://res.cloudinary.com/dv7wctcfp/image/upload/v1721882536/La%20Pizzata/nrvzghpnvcfdbuadqls4.png" class="img-fluid" style="width:200px">
          </a>
 
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mynavbar">
 
            <span class="navbar-toggler-icon">
 
            </span>
 
          </button>
 
          <div class="collapse navbar-collapse" id="mynavbar">
 
            <ul class="navbar-nav ms-auto">
 
              <li class="nav-item">
 
                <a class="nav-link staatliches-regular px-3" style="font-size:25px !important" href="#menu">MENÚ</a>
 
              </li>
 
              <li class="nav-item">
 
                <a class="nav-link staatliches-regular px-3" style="font-size:25px !important" href="#cupon">CUPÓN</a>
 
              </li>
 
              <li class="nav-item">
 
                <a class="nav-link staatliches-regular px-3" style="font-size:25px !important" href="#reserva">RESERVAS</a>
 
              </li>
 
              <li class="nav-item">
 
                <a class="nav-link staatliches-regular px-3" style="font-size:25px !important" href="#testimonios">TESTIMONIOS</a>
 
              </li>
 
            </ul>
 
          </div>
 
        </div>
 
      </nav>
 
    </div>
 
    <!--============================================
    HERO
    ==============================================-->
 
    <div class="row" style="background-image: url('https://res.cloudinary.com/dv7wctcfp/image/upload/v1721882567/La%20Pizzata/ndzijjmrfclrnwylqfzm.png'); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachtment:fixed; height: 75vh">
 
      <div class="col-12 col-lg-12 p-0">
 
        <div class="row">
 
          <div class="col-12 col-lg-7 d-none d-lg-block">
 
            <div class="text-start">
 
              <p class="display-3 staatliches-regular text-white px-4 pt-4 mb-0" style="font-size:140px !important">La Pizzata</p>
 
            </div>
 
            <div class="text-start">
 
              <p class="h3 staatliches-regular text-white px-4" style="font-size:45px !important; margin-top:-26px">Tu escape a Italia en cada bocado</p>
 
            </div>
 
            <div class="text-start">
 
              <p class="text-white px-4">Auténtico sabor italiano, ingredientes frescos y un ambiente acogedor.</p>
 
            </div>
 
          </div>
 
          <div class="col-12 col-lg-5 d-none d-lg-block">
 
            <div class="text-start">
 
              <figure class="text-end pe-5 pt-4">
 
                <img src="https://res.cloudinary.com/dv7wctcfp/image/upload/v1721924239/La%20Pizzata/xerhdcscilmoub2ihs0f.png" class="rounded-circle" style="width:200px">
 
              </figure>
 
            </div>
 
          </div>
 
        </div>
 
      </div>
 
      <svg class="p-0 d-none d-lg-block" style="transform:rotate(0deg); transition: 0.3s; position: relative; bottom: -11%;" viewBox="0 0 1440 260" version="1.1" xmlns="http://www.w3.org/2000/svg"><path style="transform:translate(0, 0px); opacity:1" fill="#FFF" d="M0,130L48,143C96,156,192,182,288,186.3C384,191,480,173,576,160.3C672,147,768,139,864,147.3C960,156,1056,182,1152,182C1248,182,1344,156,1440,156C1536,156,1632,182,1728,169C1824,156,1920,104,2016,104C2112,104,2208,156,2304,160.3C2400,165,2496,121,2592,95.3C2688,69,2784,61,2880,86.7C2976,113,3072,173,3168,173.3C3264,173,3360,113,3456,108.3C3552,104,3648,156,3744,169C3840,182,3936,156,4032,130C4128,104,4224,78,4320,69.3C4416,61,4512,69,4608,82.3C4704,95,4800,113,4896,134.3C4992,156,5088,182,5184,199.3C5280,217,5376,225,5472,190.7C5568,156,5664,78,5760,60.7C5856,43,5952,87,6048,108.3C6144,130,6240,130,6336,147.3C6432,165,6528,199,6624,199.3C6720,199,6816,165,6864,147.3L6912,130L6912,260L6864,260C6816,260,6720,260,6624,260C6528,260,6432,260,6336,260C6240,260,6144,260,6048,260C5952,260,5856,260,5760,260C5664,260,5568,260,5472,260C5376,260,5280,260,5184,260C5088,260,4992,260,4896,260C4800,260,4704,260,4608,260C4512,260,4416,260,4320,260C4224,260,4128,260,4032,260C3936,260,3840,260,3744,260C3648,260,3552,260,3456,260C3360,260,3264,260,3168,260C3072,260,2976,260,2880,260C2784,260,2688,260,2592,260C2496,260,2400,260,2304,260C2208,260,2112,260,2016,260C1920,260,1824,260,1728,260C1632,260,1536,260,1440,260C1344,260,1248,260,1152,260C1056,260,960,260,864,260C768,260,672,260,576,260C480,260,384,260,288,260C192,260,96,260,48,260L0,260Z"></path></svg>
 
       <svg class="p-0 d-block d-lg-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 140 1440 180" style="position:relative; bottom:-165px"><path fill="#ffffff" fill-opacity="1" d="M0,224L48,224C96,224,192,224,288,234.7C384,245,480,267,576,277.3C672,288,768,288,864,272C960,256,1056,224,1152,202.7C1248,181,1344,171,1392,165.3L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>
 
 
    </div>
 
    <!--============================================
    MENÚ
    ==============================================-->
 
    <div class="row py-3" id="menu">
 
      <div class="col-12 col-lg-4 mt-5 mt-lg-0">
 
        <div class="text-start">
 
          <p class="h1 staatliches-regular">Nuestro Menú: Un viaje a través de los sabores italianos</p>
 
        </div>
 
        <div class="text-start mt-5">
 
          <p class="h3 staatliches-regular">Pizzas Clásicas</p>
          <p>Disfruta de las pizzas tradicionales italianas, desde la Margherita hasta la Quattro Formaggi, elaboradas con ingredientes de la más alta calidad.</p>
 
        </div>
 
        <div class="text-start my-3">
 
          <p class="h3 staatliches-regular">Especialidades de la Casa</p>
          <p>Explora nuestras pizzas únicas, creadas con combinaciones originales de sabores que deleitarán tu paladar.</p>
 
        </div>
 
        <div class="text-start mb-5">
 
          <p class="h3 staatliches-regular">Opciones Vegetarianas</p>
          <p>Te ofrecemos una selección de pizzas vegetarianas deliciosas y llenas de sabor, para que disfrutes de la auténtica cocina italiana sin carne.</p>
 
        </div>
 
      </div>
 
      <div class="col-12 col-lg-4 pe-lg-5">
 
        <div class="row">
 
          <div class="col-12 col-lg-7">
 
            <div class="text-start mt-2">
 
              <p class="h2 staatliches-regular">Pizza Pepperoni</p>
 
            </div>
 
            <div class="text-start">
 
              <p class="h6">Pepperoni, mozzarella, salsa de tomate</p>
              <p class="h4 staatliches-regular">$12.00</p>
 
            </div>
 
          </div>
 
          <div class="col-12 col-lg-5">
 
            <div class="text-start">
 
              <figure>
 
                <img src="https://res.cloudinary.com/dv7wctcfp/image/upload/v1721923483/La%20Pizzata/eyqkycnukmxaloznsqf6.png" class="img-fluid w-100 rounded-circle">
 
              </figure>
 
            </div>
 
          </div>
 
        </div>
 
        <div class="row">
 
          <div class="col-12 col-lg-7">
 
            <div class="text-start mt-2">
 
              <p class="h2 staatliches-regular">Pizza Vegetariana</p>
 
            </div>
 
            <div class="text-start">
 
              <p class="h6">Pimientos, champiñones, cebolla, aceitunas</p>
              <p class="h4 staatliches-regular">$11.00</p>
 
            </div>
 
          </div>
 
          <div class="col-12 col-lg-5">
 
            <div class="text-start">
 
              <figure>
 
                <img src="https://res.cloudinary.com/dv7wctcfp/image/upload/v1721923485/La%20Pizzata/huoddo4vdzskmj0ndxg8.png" class="img-fluid w-100 rounded-circle">
 
              </figure>
 
            </div>
 
          </div>
 
        </div>
 
        <div class="row">
 
          <div class="col-12 col-lg-7">
 
            <div class="text-start mt-2">
 
              <p class="h2 staatliches-regular">Pizza Hawaiana</p>
 
            </div>
 
            <div class="text-start">
 
              <p class="h6">Jamón, piña, cebolla,  mozzarella</p>
              <p class="h4 staatliches-regular">$10.00</p>
 
            </div>
 
          </div>
 
          <div class="col-12 col-lg-5">
 
            <div class="text-start">
 
              <figure>
 
                <img src="https://res.cloudinary.com/dv7wctcfp/image/upload/v1721923489/La%20Pizzata/rmr4o2y4ealyoowjlrc3.png" class="img-fluid w-100 rounded-circle">
 
              </figure>
 
            </div>
 
          </div>
 
        </div>
 
      </div>
 
      <div class="col-12 col-lg-4 ps-lg-5">
 
        <div class="row">
 
          <div class="col-12 col-lg-7">
 
            <div class="text-start mt-2">
 
              <p class="h2 staatliches-regular">Pizza Mixta</p>
 
            </div>
 
            <div class="text-start">
 
              <p class="h6">Vegetales y Carnes, mozzarella y salsa pesto</p>
              <p class="h4 staatliches-regular">$12.00</p>
 
            </div>
 
          </div>
 
          <div class="col-12 col-lg-5">
 
            <div class="text-start">
 
              <figure>
 
                <img src="https://res.cloudinary.com/dv7wctcfp/image/upload/v1721923481/La%20Pizzata/estrlfmi5klx4chntud9.png" class="img-fluid w-100 rounded-circle">
 
              </figure>
 
            </div>
 
          </div>
 
        </div>
 
        <div class="row">
 
          <div class="col-12 col-lg-7">
 
            <div class="text-start mt-2">
 
              <p class="h2 staatliches-regular">Pizza Pollo</p>
 
            </div>
 
            <div class="text-start">
 
              <p class="h6">Pollo, Pimientos, cebolla, albahaca</p>
              <p class="h4 staatliches-regular">$11.00</p>
 
            </div>
 
          </div>
 
          <div class="col-12 col-lg-5">
 
            <div class="text-start">
 
              <figure>
 
                <img src="https://res.cloudinary.com/dv7wctcfp/image/upload/v1721923484/La%20Pizzata/s0nreiej2ymxefu0rf7l.png" class="img-fluid w-100 rounded-circle">
 
              </figure>
 
            </div>
 
          </div>
 
        </div>
 
        <div class="row">
 
          <div class="col-12 col-lg-7">
 
            <div class="text-start mt-2">
 
              <p class="h2 staatliches-regular">Pizza 4 Quesos</p>
 
            </div>
 
            <div class="text-start">
 
              <p class="h6">Queso mozzarella, queso bufala, queso parmesano, queso azul</p>
              <p class="h4 staatliches-regular">$10.00</p>
 
            </div>
 
          </div>
 
          <div class="col-12 col-lg-5">
 
            <div class="text-start">
 
              <figure>
 
                <img src="https://res.cloudinary.com/dv7wctcfp/image/upload/v1721923485/La%20Pizzata/enuzlgfihyfgymahsnte.png" class="img-fluid w-100 rounded-circle">
 
              </figure>
 
            </div>
 
          </div>
 
        </div>
 
      </div>
    </div>
 
     <!--============================================
    PROMO
    ==============================================-->
 
    <div  class="row" style="background-image: url('https://res.cloudinary.com/dv7wctcfp/image/upload/v1721882587/La%20Pizzata/wzutgtacnuogafqnze50.png'); background-position: center center; background-repeat: no-repeat; background-size: cover;">
 
           <svg class="p-0" style="transform:rotate(180deg); transition: 0.3s; position: relative; top: -10px;" viewBox="0 0 1440 140" version="1.1" xmlns="http://www.w3.org/2000/svg"><path style="transform:translate(0, 0px); opacity:1" fill="#FFF" d="M0,42L34.3,42C68.6,42,137,42,206,35C274.3,28,343,14,411,16.3C480,19,549,37,617,58.3C685.7,79,754,103,823,102.7C891.4,103,960,79,1029,72.3C1097.1,65,1166,75,1234,77C1302.9,79,1371,75,1440,67.7C1508.6,61,1577,51,1646,53.7C1714.3,56,1783,70,1851,77C1920,84,1989,84,2057,70C2125.7,56,2194,28,2263,30.3C2331.4,33,2400,65,2469,67.7C2537.1,70,2606,42,2674,28C2742.9,14,2811,14,2880,23.3C2948.6,33,3017,51,3086,53.7C3154.3,56,3223,42,3291,30.3C3360,19,3429,9,3497,23.3C3565.7,37,3634,75,3703,79.3C3771.4,84,3840,56,3909,44.3C3977.1,33,4046,37,4114,39.7C4182.9,42,4251,42,4320,37.3C4388.6,33,4457,23,4526,32.7C4594.3,42,4663,70,4731,88.7C4800,107,4869,117,4903,121.3L4937.1,126L4937.1,140L4902.9,140C4868.6,140,4800,140,4731,140C4662.9,140,4594,140,4526,140C4457.1,140,4389,140,4320,140C4251.4,140,4183,140,4114,140C4045.7,140,3977,140,3909,140C3840,140,3771,140,3703,140C3634.3,140,3566,140,3497,140C3428.6,140,3360,140,3291,140C3222.9,140,3154,140,3086,140C3017.1,140,2949,140,2880,140C2811.4,140,2743,140,2674,140C2605.7,140,2537,140,2469,140C2400,140,2331,140,2263,140C2194.3,140,2126,140,2057,140C1988.6,140,1920,140,1851,140C1782.9,140,1714,140,1646,140C1577.1,140,1509,140,1440,140C1371.4,140,1303,140,1234,140C1165.7,140,1097,140,1029,140C960,140,891,140,823,140C754.3,140,686,140,617,140C548.6,140,480,140,411,140C342.9,140,274,140,206,140C137.1,140,69,140,34,140L0,140Z"></path></svg>
 
 
      <div class="col-12 col-lg-12">
 
        <div class="d-flex flex-wrap justify-content-start align-content-start" style="height: 55vh">
 
          <div class="m-0 d-none d-lg-block">
 
            <p class="display-3 staatliches-regular text-white px-5 mb-0" style="font-size:60px !important">Ofertas Especiales:<br> ¡Aprovecha nuestras<br> promociones!</p>
 
          </div>
 
        </div>
 
      </div>
 
      <svg class="p-0" style="transform:rotate(0deg); transition: 0.3s; position: relative; bottom: -1px;" viewBox="0 0 1440 260" version="1.1" xmlns="http://www.w3.org/2000/svg"><path style="transform:translate(0, 0px); opacity:1" fill="#FFF" d="M0,130L48,143C96,156,192,182,288,186.3C384,191,480,173,576,160.3C672,147,768,139,864,147.3C960,156,1056,182,1152,182C1248,182,1344,156,1440,156C1536,156,1632,182,1728,169C1824,156,1920,104,2016,104C2112,104,2208,156,2304,160.3C2400,165,2496,121,2592,95.3C2688,69,2784,61,2880,86.7C2976,113,3072,173,3168,173.3C3264,173,3360,113,3456,108.3C3552,104,3648,156,3744,169C3840,182,3936,156,4032,130C4128,104,4224,78,4320,69.3C4416,61,4512,69,4608,82.3C4704,95,4800,113,4896,134.3C4992,156,5088,182,5184,199.3C5280,217,5376,225,5472,190.7C5568,156,5664,78,5760,60.7C5856,43,5952,87,6048,108.3C6144,130,6240,130,6336,147.3C6432,165,6528,199,6624,199.3C6720,199,6816,165,6864,147.3L6912,130L6912,260L6864,260C6816,260,6720,260,6624,260C6528,260,6432,260,6336,260C6240,260,6144,260,6048,260C5952,260,5856,260,5760,260C5664,260,5568,260,5472,260C5376,260,5280,260,5184,260C5088,260,4992,260,4896,260C4800,260,4704,260,4608,260C4512,260,4416,260,4320,260C4224,260,4128,260,4032,260C3936,260,3840,260,3744,260C3648,260,3552,260,3456,260C3360,260,3264,260,3168,260C3072,260,2976,260,2880,260C2784,260,2688,260,2592,260C2496,260,2400,260,2304,260C2208,260,2112,260,2016,260C1920,260,1824,260,1728,260C1632,260,1536,260,1440,260C1344,260,1248,260,1152,260C1056,260,960,260,864,260C768,260,672,260,576,260C480,260,384,260,288,260C192,260,96,260,48,260L0,260Z"></path></svg>
 
    </div>
 
     <!--============================================
    DESCUENTO
    ==============================================-->
 
    <section id="cupon">
   
      <div class="row">
 
        <div class="col-12 col-lg-12">
 
          <div class="text-center">
 
            <p class="display-3 staatliches-regular px-5 mb-0" style="font-size:50px !important">¡Obtén un 20% de descuento en tu primera visita!</p>
 
          </div>
 
          <div class="text-center">
 
            <p>Usa el código <strong>BIENVENIDO20</strong> al hacer tu pedido.</p>
 
          </div>
 
        </div>
 
      </div>
 
      <div class="row my-5">    
 
        <div class="col-12 col-lg-3">
 
          <figure>
            <img src="https://res.cloudinary.com/dv7wctcfp/image/upload/v1721886062/La%20Pizzata/dlptzefmwpxgv9hgv6lj.jpg" class="img-fluid w-100 rounded" style="border-radius:20px !important">
          </figure>
 
        </div>
 
        <div class="col-12 col-lg-3">
 
          <figure>
            <img src="https://res.cloudinary.com/dv7wctcfp/image/upload/v1721886266/La%20Pizzata/ghg5rwtzvr7003ggzr1z.jpg" class="img-fluid w-100 rounded" style="border-radius:20px !important">
          </figure>
 
        </div>
 
        <div class="col-12 col-lg-3">
 
          <figure>
            <img src="https://res.cloudinary.com/dv7wctcfp/image/upload/v1721886214/La%20Pizzata/s402qxf8brsfkcfiac7y.jpg" class="img-fluid w-100 rounded" style="border-radius:20px !important">
          </figure>
 
        </div>
 
        <div class="col-12 col-lg-3">
 
          <figure>
            <img src="https://res.cloudinary.com/dv7wctcfp/image/upload/v1721886407/La%20Pizzata/yek83wfbhzhkkv8jaws1.jpg" class="img-fluid w-100 rounded" style="border-radius:20px !important">
          </figure>
 
 
        </div>
 
      </div>
 
      <div class="row mt-3">
 
        <div class="col-12 col-lg-12">
 
          <div class="text-center">
 
            <button type="button" class="btn btn-dark p-3 rounded-pill">Reserva tu mesa ahora</button>
 
          </div>
 
        </div>
 
        <svg class="p-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 140 1440 180" style="position:relative; bottom:-1px"><path fill="#000000" fill-opacity="1" d="M0,224L48,224C96,224,192,224,288,234.7C384,245,480,267,576,277.3C672,288,768,288,864,272C960,256,1056,224,1152,202.7C1248,181,1344,171,1392,165.3L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>
 
      </div>
 
    </section>
 
    <!--============================================
    RESERVAS Y HORARIOS
    ==============================================-->
    
    <div id="reserva" class="row bg-dark pt-5" style="background: #000 !important;">
 
 
      <div class="col-12 col-lg-4">
 
        <section class="text-white">
          <div class="container">
            <h2 class="text-start mb-4 staatliches-regular">Ubicación y Horarios</h2>
            <p class="text-start">Encuéntranos en Calle Falsa 123, Ciudad de Ejemplo</p>
            <div class="d-flex justify-content-center">
              <iframe class="rounded" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d243647.08403287962!2d-74.11808415825342!3d40.70531047020285!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c250b0dba1c249%3A0x48f377d7e0e21bc9!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2s!4v1553148554908" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
            </div>
            <p class="text-start mt-3">Abierto de Lunes a Domingo: 12:00 PM - 11:00 PM</p>
          </div>
        </section>
 
        <div class="text-start ms-2">
 
           <button type="button" class="btn p-3 rounded-pill btn-success btn-sm mb-5 mb-lg-0">Reserva tu mesa ahora</button>
 
        </div>
 
      </div>
 
      <div class="col-12 col-lg-4 text-white">
 
        <div class="text-start">
 
          <p class="h2 staatliches-regular">Pizzas Clásicas</p>
 
        </div>
 
        <div class="text-start">
 
          <p>Disfruta de las pizzas tradicionales italianas, desde la Margherita hasta la Quattro Formaggi, elaboradas con ingredientes de la más alta calidad.</p>
 
        </div>
 
         <div class="text-start">
 
          <p class="h2 staatliches-regular">Especialidades de la Casa</p>
 
        </div>
 
        <div class="text-start">
 
          <p>Explora nuestras pizzas únicas, creadas con combinaciones originales de sabores que deleitarán tu paladar.</p>
 
        </div>
 
         <div class="text-start">
 
          <p class="h2 staatliches-regular">Opciones Vegetarianas</p>
 
        </div>
 
        <div class="text-start">
 
          <p>Te ofrecemos una selección de pizzas vegetarianas deliciosas y llenas de sabor, para que disfrutes de la auténtica cocina italiana sin carne.</p>
 
        </div>
 
        <div class="text-start">
 
          <figure>
 
            <img src="https://res.cloudinary.com/dv7wctcfp/image/upload/v1721885972/La%20Pizzata/y8zep1l5f8m2allw1yk5.jpg" class="img-fluid w-100 rounded mt-3" style="border-radius:20px !important">
 
          </figure>
 
        </div>
 
      </div>
 
      <div class="col-12 col-lg-4">
 
        <section class="container text-white">
          <h2 class="text-start mb-4 staatliches-regular">Reserva tu Mesa o Haz tu Pedido en Línea</h2>
          <form>
            <div class="mb-3">
              <input type="text" class="form-control" id="name" placeholder="Nombre" required>
            </div>
            <div class="mb-3">
              <input type="email" class="form-control" id="email" placeholder="Correo Electrónico" required>
            </div>
            <div class="mb-3">
              <input type="tel" class="form-control" id="phone" placeholder="Teléfono" required>
            </div>
            <div class="mb-3">
              <input type="date" class="form-control" id="date" placeholder="Fecha" required>
            </div>
            <div class="mb-3">
              <input type="time" class="form-control" id="time" placeholder="Hora" required>
            </div>
            <div class="mb-3">
              <label for="message" class="form-label">Mensaje/Notas Especiales</label>
              <textarea class="form-control" id="message" rows="3"></textarea>
            </div>
            <button type="submit" class="btn p-3 rounded-pill btn-sm btn-outline-light w-100 mb-3">Enviar</button>
          </form>
        </section>
 
      </div>
 
    </div>
 
    <!--============================================
    NUESTRA HISTORIA Y TESTIMONIOS
    ==============================================-->
 
    <section id="testimonios">
 
      <div class="row">
 
         <svg class="p-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 230" style="position: relative; top:-1px"><path fill="#000000" fill-opacity="1" d="M0,160L80,138.7C160,117,320,75,480,74.7C640,75,800,117,960,144C1120,171,1280,181,1360,186.7L1440,192L1440,0L1360,0C1280,0,1120,0,960,0C800,0,640,0,480,0C320,0,160,0,80,0L0,0Z"></path></svg>
 
        <div class="col-12 col-lg-12">
 
          <div class="text-center">
 
            <p class="h3 staatliches-regular" style="font-size:80px !important">Nuestra Historia</p>
 
          </div>
 
          <div class="text-center">
 
            <p>En La Pizzata, nos dedicamos a traer el auténtico sabor italiano a cada uno de nuestros clientes. Utilizamos solo los ingredientes más frescos y de la más alta calidad para asegurarnos de que cada bocado sea una experiencia inolvidable. Desde nuestras pizzas clásicas hasta nuestras innovaciones modernas, cada plato es una obra maestra culinaria.</p>
 
          </div>
 
        </div>
 
      </div>
 
      <div class="row my-5">
 
        <div class="col-12 col-lg-4">
 
          <div class="mb-5">
 
            <div class="text-start">
 
              <p class="h3 staatliches-regular">Juan Pérez</p>
 
            </div>
 
            <div class="text-start">
 
              <p class="h5">"La mejor pizza que he probado en mi vida. ¡Altamente recomendada!"</p>
 
            </div>
 
          </div>
 
          <div class="mb-5">
 
            <div class="text-start">
 
              <p class="h3 staatliches-regular">María López</p>
 
            </div>
 
            <div class="text-start">
 
              <p class="h5">"El ambiente es perfecto para una cena en familia. Volveremos seguro."</p>
 
            </div>
 
          </div>
 
          <div class="mb-5">
 
            <div class="text-start">
 
              <p class="h3 staatliches-regular">Carlos Martínez</p>
 
            </div>
 
            <div class="text-start">
 
              <p class="h5">"Increíble sabor y atención de primera. ¡Una experiencia deliciosa!"</p>
 
            </div>
 
          </div>
 
          <div class="mb-5">
 
            <div class="text-start">
 
              <p class="h3 staatliches-regular">Maria S.</p>
 
            </div>
 
            <div class="text-start">
 
              <p class="h5">“El servicio fue impecable. La atención de los camareros fue excepcional, siempre atentos y amables.”</p>
 
            </div>
 
          </div>
 
        </div>
 
        <div class="col-12 col-lg-4">
 
          <div class="text-center">
 
            <figure>
 
              <img src="https://res.cloudinary.com/dv7wctcfp/image/upload/v1721927000/La%20Pizzata/qfjqttkcnzhwetoidbsd.jpg" class="img-fluid rounded w-100" style="border-radius:20px !important">
 
            </figure>
 
          </div>
 
          <div class="text-center">
 
            <button type="button" class="btn btn-dark p-3 rounded-pill mt-5 mb-5 mb-lg-0">Reserva tu mesa ahora</button>
 
          </div>
 
        </div>
 
        <div class="col-12 col-lg-4">
 
          <div class="mb-5">
 
            <div class="text-start text-lg-end">
 
              <p class="h3 staatliches-regular">Julio Rama</p>
 
            </div>
 
            <div class="text-start text-lg-end">
 
              <p class="h5">“La pizza es deliciosa, la masa es perfecta y los ingredientes frescos. ¡La mejor pizza que he probado!"</p>
 
            </div>
 
          </div>
 
          <div class="mb-5">
 
            <div class="text-start text-lg-end">
 
              <p class="h3 staatliches-regular">Ceci Baena</p>
 
            </div>
 
            <div class="text-start text-lg-end">
 
              <p class="h5">“El ambiente del restaurante es muy acogedor y agradable. ”</p>
 
            </div>
 
          </div>
 
          <div class="mb-5">
 
            <div class="text-start text-lg-end">
 
              <p class="h3 staatliches-regular">Carla P.</p>
 
            </div>
 
            <div class="text-start text-lg-end">
 
              <p class="h5">"Perfecto para disfrutar de una cena tranquila con amigos o en familia."</p>
 
            </div>
 
          </div>
 
          <div class="mb-5">
 
            <div class="text-start text-lg-end">
 
              <p class="h3 staatliches-regular">Sergio Lara.</p>
 
            </div>
 
            <div class="text-start text-lg-end">
 
              <p class="h5">“Siempre atentos y amables.”</p>
 
            </div>
 
          </div>
 
        </div>
 
      </div>
 
    </section>
 
    <!--============================================
    REDES SOCIALES
    ==============================================-->
 
    <div class="row">
 
       <svg class="p-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 140 1440 180" style="position: relative; bottom:-1px"><path fill="#000000" fill-opacity="1" d="M0,224L48,224C96,224,192,224,288,234.7C384,245,480,267,576,277.3C672,288,768,288,864,272C960,256,1056,224,1152,202.7C1248,181,1344,171,1392,165.3L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>
 
      <div class="col-12 col-lg-12 p-0">
 
        <footer class="bg-dark text-white text-center py-4" style="background: #000 !important;">
          <p>Síguenos en redes sociales:</p>
          <a href="#" class="text-warning mx-2">Facebook</a>
          <a href="#" class="text-warning mx-2">Instagram</a>
          <a href="#" class="text-warning mx-2">Twitter</a>
          <p class="mt-3">&copy; 2024 La Pizzata. Todos los derechos reservados.</p>
        </footer>
 
      </div>
 
    </div>
 
  </div>
 
</div>
HTML Editor

CSS Editor

JS Editor

HTML Editor

CSS Editor

JS Editor

Gestión de Landing
