www.social303.com
Open in
urlscan Pro
151.101.129.75
Public Scan
URL:
https://www.social303.com/
Submission: On January 23 via api from US — Scanned from DE
Submission: On January 23 via api from US — Scanned from DE
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="839280">
<i class="error-label"></i>
<span class="input-label">First Name <span class="input-label-required">- Required</span>
</span>
<input id="839280" class="form-control" type="text" name="839280" placeholder="First Name" required="" autocomplete="given-name">
</label>
<label for="839281">
<i class="error-label"></i>
<span class="input-label">Last Name <span class="input-label-required">- Required</span>
</span>
<input id="839281" class="form-control" type="text" name="839281" placeholder="Last Name" required="" autocomplete="family-name">
</label>
<label for="839282">
<i class="error-label"></i>
<span class="input-label">Email <span class="input-label-required">- Required</span>
</span>
<input id="839282" class="form-control" type="email" name="839282" placeholder="Email" required="" 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 for="location" class="input--hidden">
<i class="error-label"></i>
<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">
<option value="" disabled="">Location</option>
<option value="site" selected="" data-reservation-service="opentable" data-reservation-id="109618" data-reservation-api-key="">Social 303 | Restaurant & Event Space </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="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">
<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=""><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 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>
</form>Text Content
Skip to main content
303 2nd St, San Francisco, CA 94107 415.777.3202
* GIFT CARDS
* Private Events
* ORDER
* ORDER ONLINE
* ORDER PICK UP
* Hours & Location
* Menus
* About
* RESERVATIONS
303 2nd St, San Francisco, CA 94107 415.777.3202
Toggle Navigation
* GIFT CARDS
* Private Events
* ORDER
* ORDER ONLINE
* ORDER PICK UP
* Hours & Location
* Menus
* About
* Jobs
* Contact
* Press
* RESERVATIONS
* Email Signup
* Instagram
* Email
303 2nd St, San Francisco, CA 94107 415.777.3202
powered by BentoBox
HOME
Main content starts here, tab to start navigating
WELCOME TO SOCIAL 303
Looking to book a late holiday party? Business Dinner, Happy Hour, or Meeting?
Book our Private Room, the Garden Patio, or the entire restaurant!
INQUIRE HERE
PRIVATE EVENTS, CONVENTIONS, MEETINGS AND MORE..
With multiple private dining rooms, a warm and inviting bar and exhibit kitchen,
built-in A/V, and dedicated event staff, we can meet all of your event's needs!
Current Openings left for JP Morgan Conference, Gastrointestinal Cancers
Symposium and Photonics West!
INQUIRE HERE
Tell Me More!
The image gallery carousel displays a single slide at a time. Use the next and
previous button to browse 9 slides. The following carousel hides non-visible
slides from screen reader users. Use of next and previous buttons is necessary
to see all slides.Previous Slide
*
Slide 1 of 9
*
Slide 2 of 9
*
Slide 3 of 9
*
Slide 4 of 9
*
Slide 5 of 9
*
Slide 6 of 9
*
Slide 7 of 9
*
Slide 8 of 9
*
Slide 9 of 9
Next Slide
hero gallery paused, press to play images slides Playing hero gallery, press to
pause images slides
WELCOME TO
SOCIAL 303
Social 303 is a gathering space for the SOMA community featuring rotating menu
concepts that highlight seasonal produce and bold flavors. Our current in-house
concept is Smokehouse, where BBQ meets fresh California ingredients, serving up
low country cuisine like you have never tried it before.
GIFT CARDS
Purchase Gift Cards Now.
CLICK HERE
CHECK OUT OUR MENU
Every season our chef features a different cuisine and food culture. Check back
on our menu page for updates.
View Menu
JOIN US FOR HALF OFF HAPPY HOUR SPECIALS
Monday through Friday 4-6 PM!
Happy Hour
BOOK PRIVATE EVENTS
We would love to host your next event.
Learn More
* Call 415.777.3202
* RESERVATIONS
* Email Signup
* Instagram
* Email
* Jobs
* Contact
* Press
* 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 Social 303 | Restaurant & Event Space
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!