www.marelle.com Open in urlscan Pro
151.101.129.75  Public Scan

Form analysis
2 forms found in the DOM

POST

<form class="js-form-ajax form-alt container-sm" data-form-endpoint="/forms/submit/newsletter/" enctype="multipart/form-data" method="post">
  <div style="display: none;">
    <label>leave this field blank <input type="text" name="comment_body" value="">
    </label>
  </div>
  <input type="hidden" name="form" value="newsletter">
  <div data-bb-track="form" data-bb-track-on="submit" data-bb-track-category="Forms" data-bb-track-action="Submit" data-bb-track-label="Email Sign Up" aria-hidden="true"></div>
  <div class="form-header">
    <h2 class="h1 form-heading">Email Signup</h2>
  </div>
  <div class="form-ui">
    <label for="3258017">
      <i class="error-label" id="firstname-error">Please, enter a valid first name</i>
      <span class="input-label">First Name <span class="input-label-required">- Required</span>
      </span>
      <input id="3258017" class="form-control" type="text" name="3258017" placeholder="First Name" required="" oninvalid="this.setCustomValidity('Please enter a valid first name')" oninput="setCustomValidity('')" autocomplete="given-name">
    </label>
    <label for="3258018">
      <i class="error-label" id="lastname-error">Please, enter a valid last name</i>
      <span class="input-label">Last Name <span class="input-label-required">- Required</span>
      </span>
      <input id="3258018" class="form-control" type="text" name="3258018" placeholder="Last Name" required="" oninvalid="this.setCustomValidity('Please enter a valid last name')" oninput="setCustomValidity('')" autocomplete="family-name">
    </label>
    <label for="3258019">
      <i class="error-message-email" id="email-error">Please, enter a valid email</i>
      <span class="input-label">Email <span class="input-label-required">- Required</span>
      </span>
      <input id="3258019" class="form-control" type="email" name="3258019" placeholder="Email" required="" oninvalid="this.setCustomValidity('Please enter a valid email')" oninput="setCustomValidity('')" autocomplete="email">
    </label>
  </div>
  <div class="form-actions">
    <button type="submit" class="btn btn-brand-alt">Submit</button>
    <span class="form-error-msg">Please check errors in the form above</span>
  </div>
  <div class="form-success-msg">
    <span role="alert">Thank you for signing up for email updates!</span>
    <button type="button" class="btn btn-brand-alt js-popup-closebtn">Close</button>
  </div>
  <div class="recaptcha-form-footer">
    <span> This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy">Privacy Policy</a> and <a href="https://policies.google.com/terms">Terms of Service</a> apply. </span>
  </div>
</form>

<form class="reservations-form form-alt container-sm">
  <div data-bb-track="form" data-bb-track-on="submit" data-bb-track-category="Forms" data-bb-track-action="Submit" data-bb-track-label="Reservations" aria-hidden="true"></div>
  <div class="form-header">
    <h2 class="h1 form-heading">Reservations</h2>
  </div>
  <div class="form-ui">
    <label for="location" class="input--hidden">
      <span class="input-label">Location <span class="input-label-required">- Required</span>
      </span>
      <div class="form-control-group has-icon-right">
        <select id="location" class="form-control unselected" name="location" required="" aria-describedby="location" oninvalid="this.setCustomValidity('Please select a valid option for \'location\'')" oninput="setCustomValidity('')">
          <option value="" disabled="">Location</option>
          <option value="site" selected="" data-reservation-service="opentable" data-reservation-id="1324975" data-reservation-api-key="">Marelle | Californian Restaurant in Santa Monica, CA </option>
        </select>
        <span class="form-control-group--icon is-positioned-right" aria-hidden="true">
          <i class="fa fa-chevron-down"></i>
        </span>
      </div>
      <i class="error-label">Please, select a location</i>
    </label>
    <label for="seats">
      <span class="input-label" aria-hidden="true">Number of People <span class="input-label-optional">- Optional</span>
      </span>
      <div class="form-control-group has-icon-right">
        <select id="seats" class="form-control unselected" name="seats">
          <option value="" selected="" disabled="">Number of People</option>
          <option value="1">1 Person</option>
          <option value="2">2 People</option>
          <option value="3">3 People</option>
          <option value="4">4 People</option>
          <option value="5">5 People</option>
          <option value="6">6 People</option>
          <option value="7">7 People</option>
          <option value="8">8+ People</option>
        </select>
        <span class="form-control-group--icon is-positioned-right" aria-hidden="true">
          <i class="fa fa-chevron-down"></i>
        </span>
      </div>
    </label>
    <label for="date">
      <span class="input-label">Date <span class="input-label-required">- Required</span>
      </span>
      <div class="datepicker-date">
        <div>
          <div class="AccessibleDatePicker"><button class="AccessibleDatePicker--button" aria-haspopup="true" aria-expanded="false" type="button" aria-label="Open datepicker"><i class="fa fa-calendar" aria-hidden="true"></i></button><input
              class="AccessibleDatePicker--input form-control" type="text" id="date" name="date" placeholder="Date" required="" data-react-datepicker="true" data-input-validator="date" value=""><span
              class="AccessibleDatePicker--chevron"><i class="fa fa-chevron-down" aria-hidden="true"></i></span>
            <p class="DateInput_screenReaderMessage">date, open date picker</p>
          </div>
        </div>
      </div>
      <i class="error-label">Please, select a date</i>
    </label>
    <label for="time">
      <span class="input-label" aria-hidden="true">Time <span class="input-label-optional">- Optional</span>
      </span>
      <div class="form-control-group has-icon-left has-icon-right">
        <span class="form-control-group--icon is-positioned-left" aria-hidden="true">
          <i class="fa fa-clock-o"></i>
        </span>
        <select id="time" class="form-control unselected" name="time">
          <option value="" selected="" disabled="">Time</option>
          <option value="2300">11:00 PM</option>
          <option value="2230">10:30 PM</option>
          <option value="2200">10:00 PM</option>
          <option value="2130">9:30 PM</option>
          <option value="2100">9:00 PM</option>
          <option value="2030">8:30 PM</option>
          <option value="2000">8:00 PM</option>
          <option value="1930">7:30 PM</option>
          <option value="1900">7:00 PM</option>
          <option value="1830">6:30 PM</option>
          <option value="1800">6:00 PM</option>
          <option value="1730">5:30 PM</option>
          <option value="1700">5:00 PM</option>
          <option value="1630">4:30 PM</option>
          <option value="1600">4:00 PM</option>
          <option value="1530">3:30 PM</option>
          <option value="1500">3:00 PM</option>
          <option value="1430">2:30 PM</option>
          <option value="1400">2:00 PM</option>
          <option value="1330">1:30 PM</option>
          <option value="1300">1:00 PM</option>
          <option value="1230">12:30 PM</option>
          <option value="1200">12:00 PM</option>
          <option value="1130">11:30 AM</option>
          <option value="1100">11:00 AM</option>
          <option value="1030">10:30 AM</option>
          <option value="1000">10:00 AM</option>
          <option value="0930">9:30 AM</option>
          <option value="0900">9:00 AM</option>
          <option value="0830">8:30 AM</option>
          <option value="0800">8:00 AM</option>
          <option value="0730">7:30 AM</option>
          <option value="0700">7:00 AM</option>
        </select>
        <span class="form-control-group--icon is-positioned-right" aria-hidden="true">
          <i class="fa fa-chevron-down"></i>
        </span>
      </div>
    </label>
  </div>
  <div class="form-actions">
    <button type="submit" class="btn btn-brand-alt">Find A Table</button>
    <span class="form-error-msg">Please check errors in the form above</span>
  </div>
  <div class="form-success-msg">
    <span>Thanks!</span>
  </div>
  <div class="recaptcha-form-footer">
    <span> This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy">Privacy Policy</a> and <a href="https://policies.google.com/terms">Terms of Service</a> apply. </span>
  </div>
</form>

Text Content

Skip to main content
1740 Ocean Ave, Santa Monica, CA 90401 (310) 899-6122
 * Menus
 * Hours & Location
 * About
    * Overview
    * Press

 * Private Events
 * Reservations

1740 Ocean Ave, Santa Monica, CA 90401 (310) 899-6122
Toggle Navigation
 * Menus
 * Hours & Location
 * About
    * Overview
    * Press

 * Private Events
 * FAQ
 * Contact
 * Careers
 * Reservations
 * Email Signup

 * Facebook
 * Instagram

1740 Ocean Ave, Santa Monica, CA 90401 (310) 899-6122
powered by BentoBox


HOME

Main content starts here, tab to start navigating
hero video paused, press to play video Playing hero video, press to pause video


OUR STORY

Welcome to Marelle, where the culinary mastery of Chef Raphael Lunetta meets the
serene beauty of Santa Monica's coastline. Marelle is nestled on Ocean Avenue,
just steps away from the sandy shores, offering an elevated dining experience
that celebrates the vibrant flavors of California.

About Us



OUR MENUS

View Menus


PRIVATE EVENTS

Host your next gathering at Marelle.

Inquire Now



STAY UP TO DATE

Facebook  Instagram

Email Signup
 * Reservations
 * Email Signup

 * Facebook
 * Instagram

 * FAQ
 * Contact
 * Careers
 * Email Signup

powered by BentoBox
leave this field blank



EMAIL SIGNUP

Please, enter a valid first name First Name - Required Please, enter a valid
last name Last Name - Required Please, enter a valid email Email - Required
Submit Please check errors in the form above
Thank you for signing up for email updates! Close
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of
Service apply.


RESERVATIONS

Location - Required
Location Marelle | Californian Restaurant in Santa Monica, CA
Please, select a location Number of People - Optional
Number of People 1 Person 2 People 3 People 4 People 5 People 6 People 7 People
8+ People
Date - Required

date, open date picker

Please, select a date Time - Optional
Time 11:00 PM 10:30 PM 10:00 PM 9:30 PM 9:00 PM 8:30 PM 8:00 PM 7:30 PM 7:00 PM
6:30 PM 6:00 PM 5:30 PM 5:00 PM 4:30 PM 4:00 PM 3:30 PM 3:00 PM 2:30 PM 2:00 PM
1:30 PM 1:00 PM 12:30 PM 12:00 PM 11:30 AM 11:00 AM 10:30 AM 10:00 AM 9:30 AM
9:00 AM 8:30 AM 8:00 AM 7:30 AM 7:00 AM
Find A Table Please check errors in the form above
Thanks!
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of
Service apply.