CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="author" content="Western Neighborhods Project"> <link rel="apple-touch-icon" sizes="57x57" href="/favicons/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/favicons/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/favicons/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/favicons/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/favicons/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/favicons/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/favicons/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/favicons/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/favicons/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/favicons/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png"> <link rel="manifest" href="/favicons/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/favicons/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <meta property="og:url" content="http://www.outsidelands.org/reid.php" /> <meta property="og:title" content="The Reid Brothers" /> <meta property="og:description" content="Architects of the Cliff House, Fairmont Hotel, and Richmond District theaters. " /> <meta property="og:image" content="http://outsidelands.org/Download//images/reid-bros.jpg" /> <meta property="fb:app_id" content="101574947006" /> <meta property="og:title" content="The Reid Brothers" /> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@outsidelandz"> <meta name="twitter:title" content="The Reid Brothers"> <meta name="twitter:description" content="Architects of the Cliff House, Fairmont Hotel, and Richmond District theaters."> <meta name="twitter:image" content="http://outsidelands.org/Download//images/reid-bros.jpg"> <script src="https://use.fontawesome.com/e06eba6166.js"></script>  <script> (g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({ key: "AIzaSyC-G41dgB9C9WnrL7YV65cD-iZBDkjgekM", v: "weekly", // Use the 'v' parameter to indicate the version to use (weekly, beta, alpha, etc.). // Add other bootstrap parameters as needed, using camel case. }); </script> <script src="/include/utility.js"></script> <script src="//ajax.googleapis.com/ajax/libs/prototype/1.7.2.0/prototype.js"></script> <script src="//ajax.googleapis.com/ajax/libs/scriptaculous/1.9.0/scriptaculous.js?load=effects,builder"></script> <link rel="stylesheet" href="/style/lightbox.css" type="text/css" > <script src="/scripts/lightbox.js"></script> <link rel="stylesheet" href="/scripts/sbox/swipebox.min.css">  <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">  <link rel="Stylesheet" type="text/css" href="/css/outsidelandsnew.css"> <title>The Reid Brothers - Western Neighborhoods Project - San Francisco History</title> <meta name="description" content="James & Merrit Reid, San Francisco architects active at the turn of the twentieth century." > <meta name="keywords" content="Reid Brothers, San Francisco architects, San Francisco architecture, Reid, San Francisco History" > <meta property="fb:admins" content="725791634" /> <script> var parentFrameName = parent && parent.parentName ? parent.parentName : ''; if (parentFrameName && parentFrameName == 'wnpMuseumFrameset'){ console.log('parentFrameName = '+parentFrameName); }else{ console.log('no parent frame'); } </script> <style> @media screen and (min-width: 300px) { :root { --fullWidthOSL:100vw; --usableHalfWidthOSL:calc(var(--fullWidthOSL) / 3.5); } } .paragraphDiv { margin:10px 0px 10px 0px; border:0px solid orange; font-size:11pt; } </style> </head> <body id="reid" style="background-color:rgba(255, 255, 220, 0.4);"> <style> .wnpMenuItem {margin:0px 8px 0px 0px;} .media_outset_boxshadow1 { border:2px outset rgba(70, 70, 40, 0.3); box-shadow: 2px 3px 4px 2px rgba(180, 170, 140, 0.7); -moz-box-shadow: 2px 3px 4px 2px rgba(180, 170, 140, 0.7); -webkit-box-shadow: 2px 3px 4px 2px rgba(180, 170, 140, 0.7); -khtml-box-shadow: 2px 3px 4px 2px rgba(180, 170, 140, 0.7); border-radius:5px; } .media_inset_boxshadow1 { border:2px inset rgba(70, 70, 40, 0.3); box-shadow: 2px 3px 4px 2px rgba(180, 170, 140, 0.7); -moz-box-shadow: 2px 3px 4px 2px rgba(180, 170, 140, 0.7); -webkit-box-shadow: 2px 3px 4px 2px rgba(180, 170, 140, 0.7); -khtml-box-shadow: 2px 3px 4px 2px rgba(180, 170, 140, 0.7); border-radius:5px; } </style> <div class="jumbotron" style="margin-top:8px; border:0px solid red;"> <div class="container" style="border:0px solid green;"> <nav class="navbar navbar-default" style="border-radius:8px 8px 4px 4px; margin:0px 0px 4px 0px;"> <div class="container-fluid"> <div style="position:absolute; left:86%; z-index:20;"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" style="margin:8px 0px 0px 0px; padding:6px 6px 6px 6px;"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div>  <div class="navbar-header"> <div class="navbar-right" id="membershipButtonDiv" style="position:absolute; z-index:99; left:36.3%; top:74px;"> <a href="/membership.php" class="btn btn-primary" style="font-size:13pt; font-family:verdana; padding:0px 9px 0px 9px;">MEMBERSHIP</a> </div> <div class="navbar-left" style="position:absolute; z-index:99; left:75.6%; top:74px;"> <a href="/Give" class="btn btn-primary" style="font-size:13pt; font-family:verdana; padding:0px 9px 0px 9px;">DONATE</a> </div> <div class="navbar-center" style="position:absolute; z-index:10; left:0.60%; top:5px;"> <a href="/index.php"><img class="img-responsive img-rounded" src="/images/site/wnp_logo_1094x109_13.png" alt="Western Neighborhoods Project - History of San Francisco's West Side" /></a> </div> <div style="height:122px"> &nsbsp; </div> </div> </div> </nav> <nav class="navbar navbar-default collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <div class="" > <ul class="nav navbar-nav" style="margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;"> <li class="wnpMenuItem" style="margin:9px 0px 5px 4px;" id="socialMediaMenuItemId"> <div class="list-group-item" style="height:32px; margin:0px; padding:2px 5px 3px 5px;border:1px solid #DDD;"> <a href="https://facebook.com/outsidelands"><i class="fa fa-facebook fa-2x" aria-hidden="true"></i></a> <a href="https://twitter.com/outsidelandz"><i class="fa fa-twitter fa-2x" aria-hidden="true"></i></a> <a href="https://www.instagram.com/outsidelandz/"><i class="fa fa-instagram fa-2x" aria-hidden="true"></i></a> <a href="https://youtube.com/@WesternNeighborhoodsProject"><i class="fa fa-youtube-play fa-2x" aria-hidden="true"></i></a> </div> </li> <li class="wnpMenuItem" style="margin:0px 0px 0px 8px; padding:0px 0px 0px 0px;"><a href="/events.php">Events</a></li> <li class="wnpMenuItem" style="margin:0px 0px 0px 8px; padding:0px 0px 0px 0px;"><a href="/podcast/" >Podcast</a></li> <li class="wnpMenuItem" style="margin:0px 0px 0px 8px; padding:0px 0px 0px 0px;"><a href="/neighborhoods.php">Neighborhoods</a></li> <li class="wnpMenuItem" style="margin:0px 0px 0px 8px; padding:0px 0px 0px 0px;"><a href="/articles.php">Articles</a></li> <li class="wnpMenuItem" style="margin:0px 0px 0px 8px; padding:0px 0px 0px 0px;"><a href="/photos.php">Photos</a></li> <li class="wnpMenuItem" style="margin:0px 0px 0px 8px; padding:0px 0px 0px 0px;" id="communityMenuItemId"><a href="/cgi-bin/mboard/stories2/list.cgi">Community</a></li> <li class="wnpMenuItem" style="margin:0px 0px 0px 8px; padding:0px 0px 0px 0px;"><a href="/historyminute/index.php">Video</a></li> <li class="wnpMenuItem" style="margin:0px 0px 0px 8px; padding:0px 0px 0px 0px;"><a href="/maps/">Map</a></li> <li class="wnpMenuItem" style="margin:0px 0px 0px 8px; padding:0px 0px 0px 0px;"><a href="https://western-neighborhoods-project.square.site/" target="_blank">Shop</a></li> </ul> <form class="navbar-form navbar-right gsearchform" role="search" id="searchbox_013363350640088249168:ewlm3wovy2c" action="/search/index.php" name="sitesearch" style="vertical-align:bottom;"> <div class="form-group" style="margin:2px 0px 0px 0px; vertical-align:bottom;"> <input type="hidden" name="cx" value="013363350640088249168:ewlm3wovy2c" /> <input type="hidden" name="cof" value="FORID:11" /> <input type="hidden" name="_ds" value="1"> <input type="hidden" name="bn" value="0"> <input type="hidden" name="bs" value="24"> <input type="hidden" name="so0" value="contains"> <input type="hidden" name="so1" value="contains"> <input name="q" style="font-size:11pt;" type="text" size="13" maxlength="13" value="search" onFocus="document.sitesearch.q.value = '';" style="vertical-align:bottom;"/> <button type="submit" class="btn btn-default btn-sm" style="height:27px; vertical-align:bottom;"><span class="glyphicon glyphicon-search" aria-hidden="true" style="height:27px; vertical-align:bottom;"></span></button> </div> </form> </div> </nav> <div style="text-align:center; margin:3px 0px 3px 0px; padding:5px; font-size:11pt; font-weight:500; border:1px solid rgba(155, 155, 90, 0.3); border-radius:5px; background-color:rgba(230, 220, 180, 0.2);"> Western Neighborhoods Project is dedicated to the history of San Francisco's Richmond, Sunset, OMI and West of Twin Peaks districts.   <a href="/about.php">read more ...</a> </div> <div style="text-align:center; margin:0px 0px 4px 0px; padding:0px 0px 0px 0px; border:1px solid rgba(155, 155, 90, 0.3); border-radius:5px; background-color:rgba(230, 220, 180, 0.2);"> <div style="margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px solid blue; font-size:10pt;"> <form action="/handlers/subscriptionFormHandler.php" method="post" class="validate" target="chimpFrame0" style="margin:0px; padding:3px 0px 3px 0px; border:0px solid orange;"> <label id="subscribeLabel" for="mce-EMAIL" style="margin:0px 10px 0px 0px; font-size:11pt; font-weight:500;">To receive our periodic newsletter by email, please subscribe by submitting your email address:</label> <input id="chimpEmail0" type="email" value="" name="WNP_NEWS_SUBSCRIBE_EMAIL" class="required email" id="chimpEmail0" size="30"> <label id="subscribeSuccessDiv" style="width:99%; margin:-2px 10px -3px 0px; padding:0px 52px 1px 52px; color:rgba(192, 51, 51, 0.8); font-size:10pt; display:none; border:2px solid rgba(192, 51, 51, 0.6); border-radius:5px;"></label> <input id="subscribeButton" type="submit" value="Subscribe" name="subscribe" class="btn btn-large btn-primary" style="height:24px; vertical-align:top; margin:0px 0px 0px 10px; padding:1px 6px 1px 6px;"> </form> <div id="subscriptionConfirm0" style="margin:0px 0px 0px 0px; color:#c05030; font-weight:600;"></div> </div> <iframe name="chimpFrame0" style="margin:0px; padding:0px; border:0px solid black; width:400px; height:1px; display:none;"></iframe> </div> <div id="myCarousel" class="carousel slide"> <div class="carousel-inner" style="margin:0px -8px 0px 0px; padding:0px 0px 8px 0px;"> <div class="item active" style="display:; margin:0px; padding:0px; border:1px outset rgba(100, 100, 100, 0.4); box-shadow: 2px 2px 5px 1px rgba(100, 100, 100, 0.3); -moz-box-shadow: 2px 2px 5px 1px rgba(100, 100, 100, 0.3); -webkit-box-shadow: 2px 2px 5px 1px rgba(100, 100, 100, 0.3); -khtml-box-shadow: 2px 2px 5px 1px rgba(100, 100, 100, 0.3); border-radius:5px;"> <img src="/Image/840//images/reid-bros.jpg" alt="The Reid Brothers" > <div class="carousel-container"> <div class="carousel-caption"> <h1>The Reid Brothers</h1> <p class="lead">Architects of the Cliff House, Fairmont Hotel, and Richmond District theaters.</p> </div> </div> </div> </div> </div>  <div id="dbUpdatePostButtonDiv" style="margin:14px 0px 0px 970px; display:none; z-index:999; position:absolute;"> <form name="EditItemType" action="/tools/db_updateWPPost.php" method="POST"> <input name="content_item_id" value="" type="hidden" /> <input name="item_type" value="page" type="hidden" /> <button name="submitPost" type="submit" class="btn btn-primary" style="font-size:11pt; background-color:#C33;">Publish Page or Post</button> </form> </div>  <div id="dbUpdatePostButtonDiv" style="margin:14px 0px 0px 950px; display:none; z-index:999; position:absolute;"> <form name="EditItemType" action="/tools/db_updateWPPost.php" method="POST"> <input name="content_item_id" value="" type="hidden" /> <input name="item_type" value="pagepreview" type="hidden" /> <button name="submitPost" type="submit" class="btn btn-primary" style="font-size:11pt; background-color:#C33;">Un-Publish Page or Post</button> </form> </div> </div> </div> <script> document.getElementById('socialMediaMenuItemId').style.display = parentFrameName && parentFrameName == 'wnpMuseumFrameset' ? 'none' : ''; document.getElementById('communityMenuItemId').style.display = parentFrameName && parentFrameName == 'wnpMuseumFrameset' ? 'none' : ''; </script> <div class="container"> <div class="row"> <div class="col-md-8">  <h3>The Reid Brothers</h3> <div class="inlineimage"> <a href="/Image/700//images/reidbros.jpg" rel="lightbox" title="James and Merritt Reid - Architect & Engineer, November 1910"><img src="/Image/250//images/reidbros.jpg" alt="" class="img-responsive" ></a><br> <span class="caption">James and Merritt Reid - Architect & Engineer, November 1910 - </span><br /> </div> <p> James W. Reid and Merritt J. Reid, Canadians by birth, came to the west coast via Illinois late in the nineteenth century and became two of the most prominent architects in San Francisco. A younger brother, Watson Elkinah Reid, also worked for James and Merritt's architectural and engineering firm of Reid & Reid for a short time. </p> <p> In the "City Beautiful" period, their firm created a number of San Francisco and Bay Area landmarks: the Fairmont Hotel, the Call/Spreckels building, the Geneva Car Barn Office Building, the First Congregational Church (1913, San Francisco Landmark #177), and Oakland's Grand Lake Theatre (1926). In San Diego, they designed the magnificent Hotel del Coronado (1888). </p> <p> Some notable Reid Brothers structures in the western neighborhoods include the Marshall Hale House at 26 Presidio Terrace (1909), the <a href="cliffhouse3.php" name="The Cliff House">Cliff House (1909),</a> the <a href="coliseum.php" name="Coliseum Theater">Coliseum Theatre (1918),</a> the <a href="alexandria.php" name="Alexandria Theater">Alexandria Theatre (1923),</a> the <a href="balboa.php" name="Balboa Theater">Balboa Theatre (1925),</a> the <a href="murphy_cottage.php" name="Murphy Windmill Cottage">Caretaker's Cottage</a> in Golden Gate Park beside the Murphy windmill, and the Music Stand, also in Golden Gate Park. </p> <div> <a href="/Image/700/wnp4/wnp4.0722.jpg" rel="lightbox" title="Third Cliff House"><img src="/Image/750/wnp4/wnp4.0722.jpg" alt="" class="img-responsive" ></a> <span class="caption">Third Cliff House and autos on Point Lobos Blvd. View northwest from Sutro Heights. Seal Rocks at left., circa 1938 - </span><br /> </div> <br style="clear: left;"> <p> One interesting Reid-designed structure planned for, but never built in Golden Gate Park was the <a href="http://www.outsidelands.org/speed-road.php" name="Speed Road and Polo Fields">Stadium at the Polo Fields.</a> Planned as "the largest stadium in the world," the Park Commission put up $5,000 to begin the enormous athletic forum in 1908. The plan was dropped and only a small stand of concrete bleachers on the north side were constructed. Golden Gate Park was spared from a huge concrete sports stadium until Kezar Stadium was built in the 1920s. </p> <div> <a href="/Image/700//images/polo-fields-reid-bros1910.jpg" rel="lightbox" title="Golden Gate Park Stadium"><img src="/Image/750//images/polo-fields-reid-bros1910.jpg" alt="" class="img-responsive" ></a> <span class="caption">Design for the Stadium by the Reid Brothers architecture and engineering firm on the site of the park's Polo Fields. Only a small concrete bleacher section was constructed., Nov 1910 - Architect & Engineer</span><br /> </div> <br style="clear: left;"> <p> Merritt Reid died February 2, 1932, and James on July 6, 1943. </p> <br clear="all"> <hr> <p> Contribute <a href="/cgi-bin/mboard/stories2/list.cgi">your own stories</a> about western neighborhoods places. </p>  </div> <div class="col-md-4"> <iframe src="http://www.facebook.com/plugins/like.php?href=http://www.outsidelands.org/reid.php" scrolling="no" frameborder="0" style="border:none; width:200px; height:80px"></iframe> <lh></lh> <ul class="articles list-group" style="margin:0px; padding:0px;"> </ul> <script> var groupListItemCount = 0; var isMobile = false; //initiate as false // device detection if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0,4))) { isMobile = true; } if (isMobile){ for (var i=1; i < groupListItemCount+1; i++){ var id = 'groupListItem'+i; document.getElementById(id).style.width = ''; document.getElementById(id).style.height = ''; } } </script> <div class="spacer"> </div> <div class="caption"> <h4>Save SF History</h4> <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="new" class="inline"> <input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="hosted_button_id" value="BLJ5GW5JWNNXE"> <input type="hidden" name="custom" value="WNP Donation"> <button type="submit" class="btn btn-info">$25</button> <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"> </form> <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="new" class="inline"> <input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="hosted_button_id" value="HLPSYFERAJS9A"> <input type="hidden" name="custom" value="WNP Donation"> <button type="submit" class="btn btn-info">$50</button> <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"> </form> <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="new" class="inline"> <input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="hosted_button_id" value="65HDC35PGHJWJ"> <input type="hidden" name="custom" value="WNP Donation"> <button type="submit" class="btn btn-info">$100</button> <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"> </form> <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="new" class="inline"> <input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="hosted_button_id" value="X3TUHGH3T2BAQ"> <input type="hidden" name="custom" value="WNP Donation"> <button type="submit" class="btn btn-info">?</button> <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"> </form> </div> </div> <div class ="row"> <div id="footer" class="col-md-12"> <nav class="navbar navbar-default " id=""> <ul class="nav navbar-nav"> <li><a href="/about.php">About</a></li> <li><a href="/about.php#contact">Contact</a></li> </ul> </nav> <div align="center" class="caption"> ©2000 - 2024 Western Neighborhoods Project 1617 Balboa Street, San Francisco, CA 94121 - (415) 661-1000<br> The Western Neighborhoods Project is a 501(c)(3) nonprofit (EIN: 94-3339377) dedicated to preserving and sharing the history of western San Francisco neighborhoods. </div> <br> </div> </div> </div> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-4721683-1"); pageTracker._initData(); pageTracker._trackPageview(); </script>   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> <script type="text/javascript" src="/scripts/jquery.scrollTo-1.4.3.1-min.js"></script> <script type="text/javascript"> $.noConflict(); </script> <script src="/scripts/sbox/jquery.swipebox.js"></script> <script src="/bootstrap/js/bootstrap.min.js"></script> <script> (function($){ $( "#mselect" ).change(function() { $("#aselect").get(0).selectedIndex = 0; $("#paypalpay").prop('checked',true); $("#checkpay").prop('disabled',true); }); $( "#aselect" ).change(function() { $("#mselect").get(0).selectedIndex = 0; $("#checkpay").prop('disabled',false); ; }); function processForm( e ){ e.preventDefault(); console.log('(this).serialize() = '+$(this).serialize()); $.ajax({ url: '/include/contactform.php', dataType: 'text', type: 'post', contentType: 'application/x-www-form-urlencoded', data: $(this).serialize(), success: function( data, textStatus, jQxhr ){ $('#cfwrapper').replaceWith( data ); $('#contactform').replaceWith('<div class="response">Reload the page to send another message.</div>'); }, error: function( jqXhr, textStatus, errorThrown ){ console.log( errorThrown ); } }); } function processRSVPForm( e ){ e.preventDefault(); $.ajax({ url: '/include/functions/formHandler.php', dataType: 'text', type: 'post', contentType: 'application/x-www-form-urlencoded', data: $(this).serialize(), success: function( data, textStatus, jQxhr ){ $('#RSVPwrapper').replaceWith( data ); }, error: function( jqXhr, textStatus, errorThrown ){ console.log( errorThrown ); } }); } $(document).on('submit','#contactform',processForm); $(document).on('submit','#rsvpform',processRSVPForm); $( '.swipebox' ).swipebox( { useCSS : true, // false will force the use of jQuery for animations useSVG : true, // false to force the use of png for buttons initialIndexOnArray : 0, // which image index to init when a array is passed hideCloseButtonOnMobile : false, // true will hide the close button on mobile devices removeBarsOnMobile : false, // false will show top bar on mobile devices hideBarsDelay : -5000, // delay before hiding bars on desktop videoMaxWidth : 1140, // videos max width beforeOpen: function() {}, // called before opening afterOpen: null, // called after opening afterClose: function() {}, // called after closing loopAtEnd: true // true will return to the first image after the last image is reached } ); })(jQuery); </script> </body></html>