<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta
name="description"
content="Modest Chinese joint specializing in meat & vegetarian dumplings also offers soups & noodle dishes." />
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Dumpling Kitchen - Asian favorites in San Francisco</title>
<link rel="canonical" href="https://www.dumpling-kitchen.com/" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta
name="google-site-verification"
content="PnB4tWLIpTTHBZlwEmj3thMCIn78lxz0MA0OPeVdYAk" />
<!-- Bootstrap -->
<!-- Favicon -->
<link
rel="shortcut icon"
href="restaurant/assets/img/favicon.ico"
type="image/x-icon" />
<link
rel="icon"
href="restaurant/assets/img/favicon.ico"
type="image/x-icon" />
<!-- Css -->
<link rel="stylesheet" href="releases/v5.0.13/css/all.css" />
<link href="css/theme1.css" rel="stylesheet" />
<style>
#map {
width: 100%;
height: 400px;
background-color: grey;
}
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-5344115479093118",
enable_page_level_ads: true,
});
</script>
<script src="restaurant/assets/js/jquery.min.js"></script>
</head>
<body>
<!--//================preloader start==============//-->
<!--<div class="preloader">
<div id="loading-center">
<div id="loading-center-absolute">
<div class="object" id="first_object"></div>
<div class="object" id="second_object"></div>
<div class="object" id="third_object"></div>
<div class="object" id="forth_object"></div>
</div>
</div>
</div>-->
<!--//================preloader end==============//-->
<!--//================Header start==============//-->
<header class="positionR">
<div class="top-bar padTB30" style="background-color: #404040">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-12">
<a class="navbar-brand" href="/">
<h1 style="color: white; font-family: 'Satisfy', cursive">
Dumpling Kitchen
</h1>
<h3 class="theme-color" style="font-family: 'Satisfy', cursive">
Asian Cuisine
</h3>
</a>
</div>
<div class="contact-info pull-right padTB5">
<div class="pull-left">
<a href="/" class="theme-circle marR10"
><i class="fa fa-map-marker" aria-hidden="true"></i
></a>
</div>
<div class="pull-left" style="color: white">
<h5 class="theme-color">Visit Us:</h5>
<p>
1935 Taraval St<br />
San Francisco, CA 94116
</p>
</div>
</div>
<div class="contact-info pull-right padTB5">
<div class="pull-left">
<a href="#" class="theme-circle marR10"
><i class="fa fa-phone" aria-hidden="true"></i
></a>
</div>
<div class="pull-left" style="color: white">
<h5 class="theme-color">Call us :</h5>
<p>(415) 682-8938</p>
</div>
</div>
</div>
</div>
</div>
<div id="main-menu" class="wa-main-menu">
<!-- Menu -->
<div class="wathemes-menu relative">
<!-- navbar -->
<div class="navbar navbar-default black-bg mar0" role="navigation">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="navigation-icon custom-drop">
<ul class="social-icon top-bar-icon">
<li>
<a
href="https://www.yelp.com/biz/dumpling-kitchen-san-francisco"
class="theme-circle marL10"
><i class="fab fa-yelp" aria-hidden="true"></i
><span>Yelp</span></a
>
</li>
</ul>
</div>
<div class="navigation-icon custom-drop">
<ul class="social-icon top-bar-icon">
<li>
<a
href="https://www.tripadvisor.com/Restaurant_Review-g60713-d4600837-Reviews-Dumpling_Kitchen-San_Francisco_California.html"
class="theme-circle marL10"
><i
class="fab fa-tripadvisor"
aria-hidden="true"></i
><span>TripAdvisor</span></a
>
</li>
</ul>
</div>
<div class="navigation-icon custom-drop">
<ul class="social-icon top-bar-icon">
<li>
<a
href="https://www.facebook.com/pages/Dumpling-Kitchen/135467843181471"
class="theme-circle marL10"
><i class="fab fa-facebook-f" aria-hidden="true"></i
><span>Facebook</span></a
>
</li>
</ul>
</div>
<div class="navbar-header">
<!-- Button For Responsive toggle -->
<button
type="button"
class="navbar-toggle"
data-toggle="collapse"
data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Logo -->
</div>
<!-- Navbar Collapse -->
<div class="navbar-collapse collapse">
<!-- nav -->
<ul class="nav navbar-nav">
<li>
<a href="/"
>Home<i class="fa fa-home" aria-hidden="true"></i
></a>
</li>
<li>
<a href="#menu"
>Menu<i class="fa fa-cutlery" aria-hidden="true"></i
></a>
</li>
<li>
<a href="#map"
>Location<i
class="fa fa-map-marker"
aria-hidden="true"></i
></a>
</li>
<li>
<a href="#hours"
>Hours<i class="fa fa-clock" aria-hidden="true"></i
></a>
</li>
<li>
<a href="#contactform"
>Contact<i
class="fa fa-envelope"
aria-hidden="true"></i
></a>
</li>
</ul>
</div>
<!-- navbar-collapse -->
</div>
</div>
<!-- col-md-12 -->
</div>
<!-- row -->
</div>
<!-- container -->
</div>
<!-- navbar -->
</div>
<!-- Menu -->
</div>
</header>
<!--//================Header end==============//-->
<div class="clear"></div>
<!--//================Menu starts==============//-->
<div style="text-align: center" class="grey-bg padT50">
<!-- General Use Responsive 1 -->
<ins
class="adsbygoogle"
style="display: block"
data-ad-client="ca-pub-5344115479093118"
data-ad-slot="3372851261"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<section id="menu" class="padT50 padB60 grey-bg">
<!-- Theme heading -->
<div class="theme-heading marB50 positionR">
<div class="container">
<div class="row">
<div
class="col-md-6 col-sm-8 col-xs-12 col-md-offset-3 col-sm-offset-2 heading-box text-center">
<h1>Our Menu</h1>
<h6>
Menu and prices subject to change. Call restaurant for current
prices and selections.
</h6>
</div>
</div>
</div>
</div>
<!-- Ad block -->
<div class="grey-bg padB50 text-center">
<ins
class="adsbygoogle"
style="display: block"
data-ad-client="ca-pub-5344115479093118"
data-ad-slot="3815540752"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="container">
<div class="row">
<!-- Column 1 -->
<div class="col-md-3 col-sm-6 col-xs-12">
<ins
class="adsbygoogle"
style="display: block"
data-ad-client="ca-pub-5344115479093118"
data-ad-slot="3372851261"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<!-- Column 2 -->
<div class="col-md-3 col-sm-6 col-xs-12">
<a href="#"
><img
src="media/5214/apps_width-320-height-320.jpg"
alt="Apps"
class="menu-image"
/></a>
<a href="#"
><img
src="media/5215/beef_width-320-height-320.jpg"
alt="Beef"
class="menu-image"
/></a>
<a href="#"
><img
src="media/5216/chicken_width-320-height-320.jpg"
alt="Chicken"
class="menu-image"
/></a>
<a href="#"
><img
src="media/5217/dumplings_width-320-height-320.jpg"
alt="Dumplings"
class="menu-image"
/></a>
<a href="#"
><img
src="media/5218/pork_width-320-height-320.jpg"
alt="Pork"
class="menu-image"
/></a>
</div>
<!-- Column 3 -->
<div class="col-md-3 col-sm-6 col-xs-12">
<a href="#"
><img
src="media/5219/seafood_width-320-height-320.jpg"
alt="Seafood"
class="menu-image"
/></a>
<a href="#"
><img
src="media/5220/soup_width-320-height-320.jpg"
alt="Soup"
class="menu-image"
/></a>
<a href="#"
><img
src="media/5221/specials_width-320-height-320.jpg"
alt="Specials"
class="menu-image"
/></a>
<a href="#"
><img
src="media/5222/stirfry_width-320-height-320.jpg"
alt="Stir Fry"
class="menu-image"
/></a>
<a href="#"
><img
src="media/5223/vegetables_width-320-height-320.jpg"
alt="Vegetables"
class="menu-image"
/></a>
</div>
<!-- Column 4 -->
<div class="col-md-3 col-sm-6 col-xs-12">
<ins
class="adsbygoogle"
style="display: block"
data-ad-client="ca-pub-5344115479093118"
data-ad-slot="3372851261"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
</div>
</section>
<!--//================Menu end==============//-->
<div class="clear"></div>
<!--//================Video start==============//-->
<section>
<div class="special-style overlay">
<div class="special-video-image parallax-style"></div>
</div>
<div class="padT100 padB70" id="hours">
<!--- Theme heading start-->
<div class="theme-heading background marB50 positionR">
<div class="container">
<div class="row">
<div
class="col-md-6 col-sm-8 col-xs-12 col-md-offset-3 col-sm-offset-2 col-xs-offset-0 heading-box text-center">
<h1>Hours of Operation</h1>
</div>
</div>
</div>
</div>
<div class="container"></div>
<!--- Theme heading end-->
<div class="container">
<div class="opening-box text-center">
<div class="opening-hours pad40">
<h1>Monday, Tuesday, Thursday, Friday</h1>
<h2>11am - 9pm</h2>
<h1>Saturday - Sunday</h1>
<h2>10:30am - 9pm</h2>
<h1>Wednesday</h1>
<h2>Closed</h2>
</div>
</div>
</div>
</div>
</section>
<!--//================Video end==============//-->
<div class="clear"></div>
<section id="contactform" class="padT50 padB60 grey-bg" style="float: none">
<script src="https://www.google.com/recaptcha/api.js"></script>
<!--- Theme heading start-->
<div class="theme-heading marB50 positionR">
<div class="container">
<div class="row padT20">
<div
class="col-md-6 col-sm-8 col-xs-12 col-md-offset-3 col-sm-offset-2 col-xs-offset-0 heading-box text-center">
<h1>Contact Us</h1>
</div>
</div>
<form role="form" id="contactForm">
<div class="row">
<div class="col-sm-8 col-sm-offset-2 text-center">
For general comments or questions about catering needs,
reservations, ordering, menu items etc., please call
<strong>Dumpling Kitchen</strong> directly during business
hours. <strong>(415) 682-8938</strong> <br />For website related
questions, please use the
<a href="#" id="showcontactform"
><strong>contact form</strong></a
>.
</div>
</div>
<div>
<div class="row collapse" id="formfields">
<div class="form-group col-sm-3 col-sm-offset-3">
<label for="name" class="h4">Name</label>
<input
type="text"
class="form-control"
id="name"
placeholder="Enter name"
required />
</div>
<div class="form-group col-sm-3">
<label for="email" class="h4">Email</label>
<input
type="email"
class="form-control"
id="email"
placeholder="Enter email"
required />
</div>
<div class="form-group col-sm-6 col-sm-offset-3">
<label for="message" class="h4">Message</label>
<textarea
id="message"
class="form-control"
rows="5"
placeholder="Enter your message"
required></textarea>
</div>
<div class="col-sm-6 col-sm-offset-3">
<button
type="submit"
id="form-submit"
class="btn btn-success btn-lg pull-right">
Submit
</button>
</div>
<div id="no" style="display: none !important">
<label for="fax" class="h4">Fax</label>
<input
type="text"
id="fax"
name="fax"
tabindex="-1"
autocomplete="off" />
</div>
</div>
<div class="row">
<div class="col-sm-4 col-sm-offset-4 text-center">
<div id="msgSubmit" class="h3 text-center hidden">
Message Submitted!
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</section>
<script type="text/javascript">
$(document).ready(function () {
$("#contactForm").submit(function (event) {
event.preventDefault();
submitForm();
});
$("#showcontactform").click(function () {
event.preventDefault();
$("#formfields").slideDown();
$("#msgSubmit").addClass("hidden");
});
function submitForm() {
// Initiate Variables With Form Content
var name = $("#name").val();
var email = $("#email").val();
var message = $("#message").val();
var restaurantName = "Dumpling Kitchen";
var restaurantPhone = "(415) 682-8938";
var restaurantFax = $("#contact_me_by_fax_only").val();
$.ajax({
type: "POST",
url: "/Umbraco/Api/Forms/PostContactForm",
data:
"name=" +
name +
"&email=" +
email +
"&message=" +
message +
"&restaurant=" +
restaurantName +
"&phone=" +
restaurantPhone +
"&fax=" +
restaurantFax,
success: function (text) {
if (text == "success") {
formSuccess();
}
},
error: function (text) {
var t = text;
},
});
}
function formSuccess() {
$("#msgSubmit").removeClass("hidden");
$("#name").val("");
$("#email").val("");
$("#message").val("");
$("#formfields").slideUp();
}
});
</script>
<!--//================Footer start==============//-->
<footer class="main_footer">
<div class="container">
<div class="footer-box padT80 padB40">
<div class="row">
<div class="col-md-4 col-sm-6 col-xs-12">
<!-- General Use Responsive 1 -->
<ins
class="adsbygoogle"
style="display: block"
data-ad-client="ca-pub-5344115479093118"
data-ad-slot="3372851261"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="foot-sec marB30">
<h3 class="colorW marB20">Contact Us</h3>
<p>
1935 Taraval St<br />
San Francisco, CA 94116
</p>
<p>(415) 682-8938</p>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="foot-sec marB30">
<h3 class="colorW marB20">Social media</h3>
<ul class="social-icon">
<li>
<a
href="https://www.facebook.com/pages/Dumpling-Kitchen/135467843181471"
class="theme-circle marR10"
><i class="fab fa-facebook" aria-hidden="true"></i
></a>
</li>
</ul>
<ul class="social-icon">
<li>
<a
href="https://www.yelp.com/biz/dumpling-kitchen-san-francisco"
class="theme-circle marR10"
><i class="fab fa-yelp" aria-hidden="true"></i
></a>
</li>
</ul>
<ul class="social-icon">
<li>
<a
href="https://www.tripadvisor.com/Restaurant_Review-g60713-d4600837-Reviews-Dumpling_Kitchen-San_Francisco_California.html"
class="theme-circle marR10"
><i class="fab fa-tripadvisor" aria-hidden="true"></i
></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-footer padTB20 bagB">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12 text-center colorW">
<p>
Copyright 2024 All Rights Reserved -
<span class="theme-color"
><a id="termsconditionslink" href="#"
>Terms & Conditions</a
></span
>
</p>
</div>
</div>
</div>
</div>
<div class="footer-background">
<figure class="top-left">
<img
src="restaurant/assets/img/background/footer-back-1.png"
alt="" />
</figure>
<figure class="bottom-right">
<img
src="restaurant/assets/img/background/footer-back-2.png"
alt="" />
</figure>
</div>
</footer>
<style type="text/css">
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 100; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0, 0, 0); /* Fallback color */
background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}
.modal h2,
.modal h3,
.modal h4 {
margin-bottom: 0px;
}
/* Modal Header */
.modal-header {
padding: 16px;
background-color: #5cb85c;
color: white;
text-align: center;
}
/* Modal Body */
.modal-body {
padding: 16px;
text-align: center;
}
/* Modal Footer */
.modal-footer {
padding: 16px;
background-color: #5cb85c;
color: white;
text-align: center;
}
.modal-footer h4 {
color: white;
}
/* Modal Content/Box */
.modal-content {
position: relative;
background-color: #fefefe;
margin: 15% auto; /* 15% from the top and centered */
padding: 20px;
border: 1px solid #888;
width: 50%; /* Could be more or less, depending on screen size */
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s;
}
/* The Close Button */
.close {
color: #000;
float: right;
font-size: 28px;
font-weight: bold;
opacity: 1;
}
.close:hover,
.close:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.modal-header .close {
margin-top: -20px;
}
/* Add Animation */
@-webkit-keyframes animatetop {
from {
top: -300px;
opacity: 0;
}
to {
top: 0;
opacity: 1;
}
}
@keyframes animatetop {
from {
top: -300px;
opacity: 0;
}
to {
top: 0;
opacity: 1;
}
}
</style>
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<div class="modal-header">
<span id="closemodal" class="close">×</span>
<h2>Terms & Conditions</h2>
</div>
<div class="modal-body">
<p>
This website aggregates publicly available information about the
restaurant and is not affiliated with the restaurant in any way. The
collected data is not modified in any way to be misleading.
</p>
<p>
For the up-to-date menu and pricing information, please contact the
restaurant directly.
</p>
</div>
<div class="modal-footer"></div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {
// Get the modal
var modal = $("#myModal");
// Get the button that opens the modal
$("#termsconditionslink").click(function () {
$(modal).css("display", "block");
});
// Get the <span> element that closes the modal
$("#closemodal").click(function () {
$(modal).css("display", "none");
});
$("#closeandcontact").click(function () {
$(modal).css("display", "none");
$("#formfields").slideDown();
$("#msgSubmit").addClass("hidden");
});
// When the user clicks anywhere outside of the modal, close it
$(modal).bind("clickoutside", function (event) {
$(modal).css("display", "none");
});
});
</script>
<!--//================Footer end==============//-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="restaurant/assets/js/jquery.min.js"></script>
<script src="restaurant/assets/js/bootstrap.min.js"></script>
<script src="restaurant/assets/plugin/megamenu/js/hover-dropdown-menu.js"></script>
<script src="restaurant/assets/plugin/megamenu/js/jquery.hover-dropdown-menu-addon.js"></script>
<script src="restaurant/assets/plugin/owl-carousel/js/owl.carousel.min.js"></script>
<script
type="text/javascript"
src="restaurant/assets/plugin/counter/js/jquery.countTo.js"></script>
<script
type="text/javascript"
src="restaurant/assets/plugin/counter/js/jquery.appear.js"></script>
<script src="restaurant/assets/js/main.js"></script>
</body>
</html>