Landing Builder | ELIS ADAMES

GRID SYSTEM
HTML Editor

 <div class="container-fluid">
 
  <div class="container" style="background-image: url(https://res.cloudinary.com/dv7wctcfp/image/upload/v1736977982/tatx77b3s9locaquuykm.webp); background-position: center center; background-repeat: no-repeat; background-size: cover;">
 
    <div class="container-fluid">
 
      <nav class="navbar navbar-expand-sm bg-transparent">
 
        <div class="container rounded mt-5 offset-lg-2 col-lg-8" style="background: rgba(255,255,255,0.75)">
 
          <a class="navbar-brand bg-transparent px-3 shadow-none engagement-regular" style="font-size:45px" href="javascript:void(0)">Chef Julius</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" href="#quiensoy">Quien Soy</a>
 
              </li>
 
              <li class="nav-item">
 
                <a class="nav-link" href="#testimonios">Testimonios</a>
 
              </li>
 
              <li class="nav-item">
 
                <a class="nav-link" href="#servicios">Servicios</a>
 
              </li>
              
               <li class="nav-item">
 
                <a class="nav-link" href="#contacto">Contacto</a>
 
              </li>
 
            </ul>
 
          </div>
 
        </div>
 
      </nav>
 
    </div>
    
 
    <div class="d-flex flex-wrap justify-content-center align-content-center" style="height: 600px;">
 
      <div class="m-0">
 
      </div>
 
      <div class="m-0 col-lg-6 offset-lg-3">
 
        <div class="text-center">
 
          <p class="display-3 museomoderno-900 text-white pt-5 pt-lg-0">Lleva la Cocina a Otro Nivel</p>
 
        </div>
 
        <div class="text-center">
 
          <p class="text-white h5 p-5">Disfruta de una experiencia culinaria excepcional con el chef Julius. ¡Reserva tu experiencia gastronómica personalizada hoy!</p>
 
        </div>
 
        <div class="text-center">
 
          <button type="button" class="btn btn-secondary btn-color border-0 btn-lg">Reserva una cita</button>
 
        </div>
 
      </div>
 
      <div class="m-0">
 
      </div>
 
    </div>
 
  </div>
 
<div class="container p-5" id="quiensoy"  style="background:#eff0ea">
    
    <div class="text-center">
 
      <p class="display-3 museomoderno-900">Soy el Chef Julius</p>
 
    </div>
 
    <div class="text-center px-lg-5">
 
      <p class="h5 pt-3 pb-5 px-lg-5">Con años de experiencia en la alta cocina internacional, Julius combina ingredientes premium con técnicas innovadoras para crear experiencias culinarias inolvidables.</p>
 
    </div>
 
    <hr class="mb-5" style="border:2px solid orange;">
 
 
    <div class="row row-cols-1 row-cols-sm-2 row-cols-md-5">
 
      <div class="col">
 
        <div class="text-start">
 
          <p class="h3">2010</p>
 
        </div>
 
        <div class="text-start">
 
          <h6>
 
            <small>Inicia su carrera como chef en un restaurante de renombre en España.</small>
 
          </h6>
 
        </div>
 
      </div>
 
      <div class="col">
 
        <div class="text-start">
 
          <p class="h3">2015</p>
 
        </div>
 
        <div class="text-start">
 
          <h6>
 
            <small>Se muda a Italia para perfeccionar sus técnicas de cocina italiana.</small>
 
          </h6>
 
        </div>
 
      </div>
 
      <div class="col">
 
        <div class="text-center">
 
          <h1 class="display-1"><i class="bi bi-award"></i></h1>
          
 
        </div>
 
      </div>
 
      <div class="col">
 
        <div class="text-start">
 
          <p class="h3">2018</p>
 
        </div>
 
        <div class="text-start">
 
          <h6>
 
            <small>Inaugura su propio restaurante en Francia, donde gana el premio al mejor chef del año.</small>
 
          </h6>
 
        </div>
 
      </div>
 
      <div class="col">
 
        <div class="text-start">
 
          <p class="h3">2023</p>
 
        </div>
 
        <div class="text-start">
 
          <h6>
 
            <small>Se convierte en chef internacional, ofreciendo servicios personalizados a clientes de todo el mundo.</small>
 
          </h6>
 
        </div>
 
      </div>
 
    </div>
 
  </div>
 
  <div class="container" id="testimonios"  style="background-image: url(https://mcusercontent.com/a35bb4ec1d194127631ca3901/images/ee749129-f122-732f-1968-99e91c2f42eb.png); background-position: center center; background-repeat: no-repeat; background-size: cover; padding:250px 50px !important">
 
    <div class="row d-none d-lg-block">
 
      <div class="col-12 col-lg-6">
 
        <div class="row">
 
          <div class="col-12 col-lg-12">
 
            <div class="text-start mt-4">
 
              <p class="h3"><i class="bi bi-stars"></i> 5 Estrellas</p>
 
            </div>
 
            <div class="text-start">
 
              <p>"Julius es un verdadero artista en la cocina. Cada plato es una obra maestra. ¡Totalmente recomendado!" - Juan Pérez, cliente satisfecho</p>
 
            </div>
 
          </div>
 
        </div>
 
        <div class="row">
 
          <div class="col-12 col-lg-12">
 
            <div class="text-start mt-4">
 
              <p class="h3"><i class="bi bi-stars"></i> 5 Estrellas</p>
 
            </div>
 
            <div class="text-start">
 
              <p>"La comida de Julius es simplemente deliciosa. ¡Ha superado todas mis expectativas! Volveré a contratarlo sin dudarlo." - María Rodríguez, cliente satisfecha</p>
 
            </div>
 
          </div>
 
        </div>
 
        <div class="row">
 
          <div class="col-12 col-lg-12">
 
            <div class="text-start mt-4">
 
              <p class="h3"><i class="bi bi-stars"></i> 5 Estrellas</p>
 
            </div>
 
            <div class="text-start">
 
              <p>"Una experiencia gastronómica inolvidable. Julius transformó nuestra cena privada. Cada bocado fue perfecto." - Luisa Cañas, cliente satisfecha</p>
 
            </div>
 
          </div>
 
        </div>
 
      </div>
 
      <div class="col-12 col-lg-6">
 
      </div>
 
    </div>
 
  </div>
 
  <div class="container" id="servicios" style="background:#fdf3e7">
 
    <div class="row d-block d-lg-none pt-5">
 
      <div class="col-12 col-lg-6">
 
        <div class="row p-3">
 
          <div class="col-12 col-lg-12 bg-white rounded">
 
            <div class="text-start mt-4">
 
              <p class="h3"><i class="bi bi-stars"></i> 5 Estrellas</p>
 
            </div>
 
            <div class="text-start">
 
              <p>"Julius es un verdadero artista en la cocina. Cada plato es una obra maestra. ¡Totalmente recomendado!" - Juan Pérez, cliente satisfecho</p>
 
            </div>
 
          </div>
 
        </div>
 
        <div class="row p-3">
 
          <div class="col-12 col-lg-12 bg-white rounded">
 
            <div class="text-start mt-4">
 
              <p class="h3"><i class="bi bi-stars"></i> 5 Estrellas</p>
 
            </div>
 
            <div class="text-start">
 
              <p>"La comida de Julius es simplemente deliciosa. ¡Ha superado todas mis expectativas! Volveré a contratarlo sin dudarlo." - María Rodríguez, cliente satisfecha</p>
 
            </div>
 
          </div>
 
        </div>
 
        <div class="row p-3">
 
          <div class="col-12 col-lg-12 bg-white rounded">
 
            <div class="text-start mt-4">
 
              <p class="h3"><i class="bi bi-stars"></i> 5 Estrellas</p>
 
            </div>
 
            <div class="text-start">
 
              <p>"Una experiencia gastronómica inolvidable. Julius transformó nuestra cena privada. Cada bocado fue perfecto." - Luisa Cañas, cliente satisfecha</p>
 
            </div>
 
          </div>
 
        </div>
 
      </div>
 
      <div class="col-12 col-lg-6">
 
      </div>
 
    </div>
 
    <div class="text-center pt-lg-5">
 
      <p class="display-3 museomoderno-900 pt-5">Cenas Privadas</p>
 
    </div>
 
    <div class="text-center h5">
 
      <p class="pb-4">Experiencias culinarias personalizadas en la comodidad de tu hogar.</p>
 
    </div>
 
    <div class="container col-lg-10 offset-lg-1">
 
      <div class="row">
 
        <div class="col-12 col-lg-3">
 
          <div class="text-center">
 
            <figure>
 
              <img src="https://mcusercontent.com/a35bb4ec1d194127631ca3901/images/6ad92176-7803-0d4e-67d8-4c003a05f650.jpeg" class="img-fluid w-100 rounded">
 
            </figure>
 
          </div>
 
        </div>
 
        <div class="col-12 col-lg-3">
 
          <div class="text-center">
 
            <figure>
 
              <img src="https://mcusercontent.com/a35bb4ec1d194127631ca3901/images/198a8fb2-302e-e5c8-210d-f13582cf84cb.jpeg" class="img-fluid w-100 rounded">
 
            </figure>
 
          </div>
 
        </div>
 
        <div class="col-12 col-lg-3">
 
          <div class="text-center">
 
            <figure>
 
              <img src="https://mcusercontent.com/a35bb4ec1d194127631ca3901/images/0b3da0d7-624b-3385-6096-c281fc89a505.jpeg" class="img-fluid w-100 rounded">
 
            </figure>
 
          </div>
 
        </div>
 
        <div class="col-12 col-lg-3">
 
          <div class="text-center">
 
            <figure>
 
              <img src="https://mcusercontent.com/a35bb4ec1d194127631ca3901/images/da2026d6-5c05-fa34-05e8-06689e9444e5.jpeg" class="img-fluid w-100 rounded">
 
            </figure>
 
          </div>
 
        </div>
 
      </div>
 
      <div class="row">
 
        <div class="col-12 col-lg-3">
 
          <div class="text-center">
 
            <figure>
 
              <img src="https://mcusercontent.com/a35bb4ec1d194127631ca3901/images/ad251d0e-3d01-f306-e3fe-a1aedc66adb3.jpeg" class="img-fluid w-100 rounded">
 
            </figure>
 
          </div>
 
        </div>
 
        <div class="col-12 col-lg-3">
 
          <div class="text-center">
 
            <figure>
 
              <img src="https://mcusercontent.com/a35bb4ec1d194127631ca3901/images/ca7fc42a-c0e8-5315-e4bc-8bd28ac3529c.jpeg" class="img-fluid w-100 rounded">
 
            </figure>
 
          </div>
 
        </div>
 
        <div class="col-12 col-lg-3">
 
          <div class="text-start">
 
            <p class="h3">Menú Personalizado</p>
 
          </div>
 
          <div class="text-start">
 
            <h6>
 
              <small>El chef Julius se adapta a tus necesidades y preferencias para crear un menú único que satisfaga todos tus deseos culinarios.</small>
 
            </h6>
 
          </div>
 
          <div class="text-start">
 
            <h1>
 
              <i class="bi bi-dice-5"></i>
 
            </h1>
 
          </div>
 
        </div>
 
        <div class="col-12 col-lg-3">
 
          <div class="text-start">
 
            <p class="h3">Combinaciones de Sabores</p>
 
          </div>
 
          <div class="text-start">
 
            <h6>
 
              <small>Experimenta con sabores y texturas de diferentes culturas, combinados con la maestría del chef Julius.</small>
 
            </h6>
 
          </div>
 
          <div class="text-start">
 
            <h1>
 
              <i class="bi bi-cup-hot"></i>
 
            </h1>
 
          </div>
 
        </div>
 
      </div>
 
    </div>
 
  </div>
 
  <div class="container pb-5" style="background:#fdf3e7">
 
    <div class="text-center pt-5">
 
      <p class="display-3 museomoderno-900 pt-5">Talleres Culinarios</p>
 
    </div>
 
    <div class="text-center">
 
      <p class="h5 pb-4">Aprende técnicas exclusivas de la mano de un chef internacional.</p>
 
    </div>
 
    <div class="container col-lg-10 offset-lg-1">
 
      <div class="row">
 
        <div class="col-12 col-lg-4">
 
          <div class="text-center">
 
            <figure>
 
              <img src="https://mcusercontent.com/a35bb4ec1d194127631ca3901/images/3cd0dece-31e9-4d64-dd63-6b8268b1041a.jpeg" class="img-fluid rounded">
 
            </figure>
 
          </div>
 
        </div>
 
        <div class="col-12 col-lg-4">
 
          <div class="text-center">
 
            <figure>
 
              <img src="https://mcusercontent.com/a35bb4ec1d194127631ca3901/images/3ef7a10c-91c9-1429-d389-52d733271b6f.jpeg" class="img-fluid rounded">
 
            </figure>
 
          </div>
 
        </div>
 
        <div class="col-12 col-lg-4">
 
          <div class="row">
 
            <div class="col-12 col-lg-12">
 
              <div class="text-start">
 
                <p>Deleita a tus invitados con un catering excepcional que se adapta a tus necesidades y preferencias. ¡El chef Julius se encargará de todo!</p>
 
              </div>
 
              <div class="text-start mb-4">
 
                <button type="button" class="btn btn-secondary btn-color border-0 btn-lg">Reserva una cita</button>
 
              </div>
 
            </div>
 
          </div>
 
          <div class="row">
 
            <div class="col-12 col-lg-12">
 
              <div class="text-center">
 
                <figure>
 
                  <img src="https://mcusercontent.com/a35bb4ec1d194127631ca3901/images/185112e5-c4ec-7c3e-9133-3b80b5fd1bf4.jpeg" class="img-fluid w-100 rounded">
 
                </figure>
 
              </div>
 
            </div>
 
          </div>
 
        </div>
 
      </div>
 
    </div>
 
  </div>
 
  <div class="container bg-dark text-white">
 
  <!-- Contacto -->
    <section id="contacto" class="container py-5  col-lg-8 offset-lg-2">
        <h2 class="text-center">Contáctame</h2>
        <form>
            <div class="mb-3">
                <label for="nombre" class="form-label">Nombre Completo</label>
                <input type="text" class="form-control" id="nombre" required>
            </div>
            <div class="mb-3">
                <label for="email" class="form-label">Correo Electrónico</label>
                <input type="email" class="form-control" id="email" required>
            </div>
            <div class="mb-3">
                <label for="mensaje" class="form-label">Mensaje</label>
                <textarea class="form-control" id="mensaje" rows="3"></textarea>
            </div>
            <button type="submit" class="btn btn-primary btn-color border-0">Enviar Mensaje</button>
        </form>
    </section>
 
  </div>
 
  <footer class="container text-center py-4 bg-dark text-white">
      <p>&copy; 2025 Chef Julius | Todos los derechos reservados.</p>
  </footer>
  
</div>
Landings

Mis Grids

HTML Editor

CSS Editor

JS Editor

Landings

Mis Grids

HTML Editor

CSS Editor

JS Editor

Gestión de Landing
