www.thefifthoc.com Open in urlscan Pro
151.101.1.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="2264988">
      <i class="error-label"></i>
      <span class="input-label">First Name <span class="input-label-required">- Required</span>
      </span>
      <input id="2264988" class="form-control" type="text" name="2264988" placeholder="First Name" required="" oninvalid="this.setCustomValidity('Please enter a valid first name')" oninput="setCustomValidity('')" autocomplete="given-name">
    </label>
    <label for="2264995">
      <i class="error-label"></i>
      <span class="input-label">Last Name <span class="input-label-required">- Required</span>
      </span>
      <input id="2264995" class="form-control" type="text" name="2264995" placeholder="Last Name" required="" oninvalid="this.setCustomValidity('Please enter a valid last name')" oninput="setCustomValidity('')" autocomplete="family-name">
    </label>
    <label for="2265001">
      <i class="error-label"></i>
      <span class="input-label">Email <span class="input-label-required">- Required</span>
      </span>
      <input id="2265001" class="form-control" type="email" name="2265001" 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>
</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 role="presentation">
      <i class="error-label"></i>
      <span class="input-label" id="ae_label_select_desc0">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="" oninvalid="this.setCustomValidity('Please select a valid option for \'location\'')" oninput="setCustomValidity('')" aria-labelledby="ae_label_select_desc0">
          <option value="" selected="" disabled="">Location</option>
          <option value="site" data-reservation-service="seatme" data-reservation-id="CyBWEa8Tox_WLN8zYgRydw" data-reservation-api-key="">The FIFTH </option>
          <option value="the-fifth-oc" data-reservation-service="seatme" data-reservation-id="CyBWEa8Tox_WLN8zYgRydw" data-reservation-api-key="">The FIFTH </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 role="presentation">
      <span class="input-label" aria-hidden="true" id="ae_label_select_desc1">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" aria-labelledby="ae_label_select_desc1">
          <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">
      <i class="error-label"></i>
      <span class="input-label">Date <span class="input-label-required">- Required</span>
      </span>
      <div class="datepicker-date">
        <div>
          <div class="AccessibleDatePicker"><input class="AccessibleDatePicker--input form-control" type="text" id="date" name="date" placeholder="Date" required="" data-react-datepicker="true" data-input-validator="date" value="" aria-label="Date
								- Required mm/dd/yyyy"><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><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>
    </label>
    <label role="presentation">
      <span class="input-label" aria-hidden="true" id="ae_label_select_desc2">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" aria-labelledby="ae_label_select_desc2">
          <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>
</form>

Text Content

This website is AudioEye enabled and is being optimized for accessibility. To
open the AudioEye Toolbar, press "shift + =". Some assistive technologies may
require the use of a passthrough function before this keystroke. For more
information, activate the button labeled “Explore your accessibility options”.



We use cookies to improve your browsing experience on our site.
Accept

Skip to main content
 * Hours & Location
 * Menu
 * Private Events
 * Social
 * FIFTH Happenings
    * Blog
    * Photo Gallery
    * Gift Cards
    * FAQ

 * Reservations


Toggle Navigation
 * Hours & Location
 * Menu
 * Private Events
 * Social
 * FIFTH Happenings
    * Blog
    * Photo Gallery
    * Gift Cards
    * FAQ

 * Contact
 * Privacy & Accessibility
 * Reservations

 * Facebook
 * Twitter
 * Instagram
 * Yelp
 * TripAdvisor
 * Youtube
 * LinkedIn
 * Email
 * Tiktok

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


DELICIOUS FOOD · CRAFT COCKTAILS · STUNNING VIEWS

Book Your Rooftop Dining Experience Today

Reservations


OUR FOOD

From delicious FIFTH Bites to scratch-made house favorites, The FIFTH is sure to
delight!

View Menu



ANAHEIM'S ORIGINAL ROOFTOP RESTAURANT & BAR 

#PLEADTHEFIFTHOC


PRIVATE EVENTS

With 5,000 square feet of open-air rooftop space, The FIFTH is the perfect venue
for your next occasion!

Inquire Now



STAY CONNECTED ON SOCIAL 

Follow us on social media at @thefifthoc for all the latest updates, specials, &
more!



 * Reservations

 * Facebook
 * Twitter
 * Instagram
 * Yelp
 * TripAdvisor
 * Youtube
 * LinkedIn
 * Email
 * Tiktok

 * Contact
 * Privacy & Accessibility
 * Email Signup

powered by BentoBox
leave this field blank



EMAIL SIGNUP

First Name - Required Last Name - Required Email - Required
Submit Please check errors in the form above
Thank you for signing up for email updates! Close


RESERVATIONS

Location - Required
Location The FIFTH The FIFTH
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

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!

Opens in new window
PDF Download
Word Download
Excel Download
PowerPoint Download
Document Download
Explore your accessibility options


close carousel