Home / Affordable Housing / California / South San Francisco / S. San Francisco Housing & Community Development Division

S. San Francisco Housing & Community Development Division

400 Grand Ave., South San Francisco, CA 94080
650-829-6620
ad> Low Income Housing and Ap</span> </li> </ul> <div class="more"> <div class="like like_office" style="display: inline-block;"> <div class="like_icon_inside"> <svg class="icon_fav icon_fav1"> <use xlink:href="#icon_fav1"></use> </svg> <svg class="icon_fav icon_fav2"> <use xlink:href="#icon_fav2"></use> </svg> <div class="add-fly"><span class="add-fly-item"></span></div> </div> Add to Favorites </div> <a href="/lowincome-housing/ca/south-san-francisco/ca-south-san-francisco-magnolia-plaza-apartments/" class="next-clinic-btn"><svg class="icon-clinic-button"><use xlink:href="#icon-clinic-button"></use></svg>Nearby Resource</a> </div> <img lazyload data-webpsrc="//cdn.favorhousing.com/Images/housing/low_income/affordable_housing_14.jpg" data-src="//cdn.favorhousing.com/Images/housing/low_income/affordable_housing_14.jpg" src="/Public/Images/load.png" alt="S. San Francisco Housing & Community Development Division" class="provided-img"/> <div class="dt-provided"> <div class="essay"> </div> </div> <div class="dt-provided"> <h2 class="s-tl"> Get Directions </h2> <div class="map"> <iframe height="300" style="width: 100%;border:0;" loading="lazy" allowfullscreen src="https://www.google.com/maps/embed/v1/place?key=AIzaSyDuo4Zc22ZUqqlBVJ04Inn2bTzRft3I0AA&q=400 Grand Ave. South San Francisco CA 94080"> </iframe> </div> </div> <div class="next-clinic-wrap next-clinic-wl"> <a href="/lowincome-housing/ca/south-san-francisco/" class="next-clinic-btn"><svg class="icon-clinic-button" style="transform: translateY(-1px) rotate(180deg); fill: #1173eb"><use xlink:href="#icon-clinic-button"></use></svg>Back to List</a> <a href="/lowincome-housing/ca/south-san-francisco/ca-south-san-francisco-magnolia-plaza-apartments/" class="next-clinic-btn next-clinic-blue"><svg class="icon-clinic-button"><use xlink:href="#icon-clinic-button"></use></svg>Nearby Resource</a> </div> </div> <aside class="detail-right"> <div class="most-read"> <h2 class="common-tit">Free Housing Advice</h2> <ul class="more-find"> <li> <div class="find-list"> <a href="/section8-housing/" class="find-cover"></a> <svg class="find-left"> <use xlink:href="#icon-search"></use> </svg> <p class="find-right">Section 8 Housing</p> </div> </li> <li> <div class="find-list"> <a href="/housing-authority/" class="find-cover"></a> <svg class="find-left"> <use xlink:href="#icon-search"></use> </svg> <p class="find-right">Housing Authority</p> </div> </li> <li> <div class="find-list"> <a href="/rent-assistance/" class="find-cover"></a> <svg class="find-left"> <use xlink:href="#icon-search"></use> </svg> <p class="find-right">Rent Assistance</p> </div> </li> </ul> <ul class="most-list"> <li> <div class="most-box"> <a href="/posts/section-8-covers-your-rent-expenses/" class="href-item"></a> <img lazyload data-webpsrc="//cdn.favorhousing.com/Images/cover/section-8-covers-your-rent-expenses.webp" data-src="//cdn.favorhousing.com/Images/cover/section-8-covers-your-rent-expenses.jpg" src="/Public/Images/load.png" alt="section-8-covers-your-rent-expenses" class="most-img"/> <h5 class="most-tit">Section 8 Covers Your Rent Expenses</h5> <div class="most-bottom"> <p class="most-content">Section 8, also known as the Housing Choice Vouchers Program, is a federal initiative designed to support seniors, low-income families, and individuals with disabilities who are unable to afford suitable and secure housing by covering their rental expenses.</p> </div> </div> </li><li> <div class="most-box"> <a href="/posts/a-quick-guide-to-affordable-housing-programs-you-need/" class="href-item"></a> <img lazyload data-webpsrc="//cdn.favorhousing.com/Images/cover/a-quick-guide-to-affordable-housing-programs-you-need.webp" data-src="//cdn.favorhousing.com/Images/cover/a-quick-guide-to-affordable-housing-programs-you-need.jpg" src="/Public/Images/load.png" alt="a-quick-guide-to-affordable-housing-programs-you-need" class="most-img"/> <h5 class="most-tit">A Quick Guide To Affordable Housing Programs You Need</h5> <div class="most-bottom"> <p class="most-content">Dive into our easy-to-follow guide on affordable housing, uncovering essential programs and tips to find a home that fits your budget.</p> </div> </div> </li><li> <div class="most-box"> <a href="/posts/4-types-of-housing-subsidies-for-low-income-renters/" class="href-item"></a> <img lazyload data-webpsrc="//cdn.favorhousing.com/Images/cover/4-types-of-housing-subsidies-for-low-income-renters.webp" data-src="//cdn.favorhousing.com/Images/cover/4-types-of-housing-subsidies-for-low-income-renters.jpg" src="/Public/Images/load.png" alt="4-types-of-housing-subsidies-for-low-income-renters" class="most-img"/> <h5 class="most-tit">4 Types Of Housing Subsidies For Low-Income Renters</h5> <div class="most-bottom"> <p class="most-content">The federal government provides a variety of housing subsidies for low-income families. Check out these 4 types of housing subsidies for low-income renters below!</p> </div> </div> </li> </ul> </div> </aside> </main> <div class="shortListButton"> <svg class="icon_fav1"> <use xlink:href="#icon_fav2"></use> </svg> <span class="Rem">Favorites (<span class="total">0</span>)</span> </div> <div class="wishBarCover"> <div class="wishBar"> <div id="wishList"> <div class="wishList_hd"> <div class="collect">Favorites</div> <span class="totalnum"><span class="total">0</span> favourite rentals</span> <svg class="icon_game"> <use xlink:href="#icon-close"></use> </svg> </div> <div class="if_none"> <svg class="icon_none"> <use xlink:href="#icon-none"></use> </svg> <p class="if_none_tl">You have no favorites</p> </div> <table class="favourites_added"> <tbody> <tr class="dont_show"> <td><a href="#">Name</a></td> <td><img src="/Public/Images/delet.png" class="delet" alt="delet"></td> </tr> </tbody> </table> </div> </div> </div><footer> <div class="wrapper"> <a href="/" class="ft-logo"> <img src="/Public/Images/housing/favhousing.png" alt="logo"> </a> <ul class="footer-ul"> <li><a href="/lowincome-housing/">AFFORDABLE HOUSING</a></li> <li><a href="/section8-housing/">SECTION 8 HOUSING</a></li> <li><a href="/support/about/">About Us</a></li><li><a href="/support/disclaimer/">Disclaimer</a></li><li><a href="/support/dmca/">DMCA</a></li><li><a href="/support/privacy-policy/">Privacy Policy</a></li> </ul> <p>© <span id="year"></span> Favor Housing. All Rights Reserved.</p> </div> </footer>  <script src="/Public/Js/jquery-3.0.0.min.js"></script> <script src="/Public/Js/main.js?v=1.03"></script> <script> document.getElementById("year").textContent = new Date().getFullYear(); $(".shortListButton").click(function(event){ event.stopPropagation() $(".wishBar").toggleClass("expanded") $(".wishBarCover").css("width","100%") }) $("body").click(function(){ // event.stopPropagation() $(".wishBar").removeClass("expanded") $(".wishBarCover").css("width","0") }) jQuery(document).ready(function() { var Mark = ''; // $("#total").text($('.show').length); if (localStorage.clinicMark) { Mark = localStorage.getItem("clinicMark"); var clinicMark = localStorage.getItem("clinicMark"); // console.log(clinicMark); arr=clinicMark.substring(0,clinicMark.length-1).split("/"); console.log(arr); $(".total").text(arr.length); $(arr).each(function(i,item){ var href1 = localStorage.getItem(arr[i]); // console.log(localStorage.getItem(arr[i])); str1 = '<tr class=\"show\">'; str1 += '<td><a href="'+href1+'">'+arr[i]+'</a></td>'; str1 += '<td><img src=\"/Public/Images/delet.png\" class=\"delet\" alt=\"delet\"></td>'; str1 += '</tr>'; $(".favourites_added tbody").append(str1); //add red var arrin = arr[i]; $(".statetitle").each(function(i,item){ if($(this).text() == arrin){ console.log($(this).text()) $(this).siblings(".most-bottom").find(".like").addClass("remove") $(this).siblings(".imgli-box").find(".like").addClass("remove") $(this).siblings(".more").find(".like").addClass("remove") } }) $(".statetit-wl").each(function(i,item){ // console.log(i) if($(this).text() == arrin){ // console.log($(this).text()) $(this).parents(".statelistwl-left").siblings(".statelistwl-right").find(".like").addClass("remove") } }) $("#office-tl").each(function(i,item){ if($(this).text() == arrin){ $(".like").addClass("remove") } }) $(".title").each(function(i,item){ if($(this).text() == arrin){ $(".like").addClass("remove") } }) }); }else{ $(".if_none").show() } $(document).on("click", ".delet", function(event){ event.stopPropagation() $(this).parent().parent().remove(); var deletext = $(this).parent().siblings().children().text(); localStorage.removeItem(deletext); refresh(); $(".statetitle").each(function(i,item){ // console.log(i) if($(this).text() == deletext){ // console.log($(this).text()) $(this).siblings(".most-bottom").find(".like").removeClass("remove") $(this).siblings(".imgli-box").find(".like").removeClass("remove") } }) $(".statetit-wl").each(function(i,item){ // console.log(i) if($(this).text() == deletext){ // console.log($(this).text()) $(this).parents(".statelistwl-left").siblings(".statelistwl-right").find(".like").removeClass("remove") } }) $("#office-tl").each(function(i,item){ if($(this).text() == deletext){ $(".like").removeClass("remove") } }) $(".title").each(function(i,item){ if($(this).text() == deletext){ $(".like").removeClass("remove") } }) var numItems = $('.show').length; // console.log(numItems) $(".total").text(numItems); $(".wishBarCover").addClass("expanded") if(numItems == 0){ $(".if_none").show() } return false; }) function refresh(){ var Markf = ''; $(".show td:first-child").each(function(i,item){ Markf += $(this).text() +'/'; }); // Mark += txts +'/'; localStorage.setItem("clinicMark", Markf); } }) </script> <script> window.onload=function() { setTimeout(is_subscribed,3000); var shade=document.getElementById("shade"); var bt=document.getElementById("hd-menu-btn"); var btclose=document.getElementById("btclose"); bt.onclick=function() { shade.style.display="block"; } btclose.onclick=function() { shade.style.display="none"; } // $("#backdrop").click(function(){ // $(this).hide() // }); } </script> <script> var isSupportWebp = !![].map && document.createElement('canvas').toDataURL('image/webp').indexOf('data:image/webp') == 0; console.log(isSupportWebp); var viewHeight = document.documentElement.clientHeight; function lazyload() { var eles = document.querySelectorAll('img[lazyload]'); Array.prototype.forEach.call(eles, function(item, index){ var rect; if(item.dataset.src === '') return; rect = item.getBoundingClientRect(); if(rect.bottom >= 0 && rect.top < viewHeight){ !function() { var img = new Image(); if (document.body.clientWidth <= 425) { if (isSupportWebp == true && item.dataset.webpsmallsrc) { console.log(item.dataset.webpsmallsrc); img.src = item.dataset.webpsmallsrc; }else if (isSupportWebp == true && !item.dataset.webpsmallsrc){ img.src = item.dataset.webpsrc; }else if (isSupportWebp == false && item.dataset.webpsmallsrc){ img.src = item.dataset.smallsrc; }else{ img.src = item.dataset.src; } }else{ if (isSupportWebp == true){ img.src = item.dataset.webpsrc; }else{ img.src = item.dataset.src; } } img.onload = function(){ item.src = img.src; } item.removeAttribute('data-webpsrc'); item.removeAttribute('data-webpsmallsrc'); item.removeAttribute('data-src'); item.removeAttribute('data-smallsrc'); item.removeAttribute('lazyload'); }(); } }) } lazyload(); document.addEventListener('scroll', lazyload); // $(".copyrights").text("FavorHousing Copyright © "+(new Date()).getFullYear()); </script> <script> $(".icon-nav-btn").click(function(){ $(".nav-modal").toggle() $("#hd-menu-input").prop('checked', false); }) $(".nav-cover").click(function(){ $(".nav-modal").hide() }) </script> <script> jQuery(document).ready(function() { var Mark = ''; // var arr = arr; $(".like").click(function(){ if($(this).hasClass("remove")){ var removeName = $(".title").text(); localStorage.removeItem(removeName); $(".show td").each(function(i,item){ if($(this).children().text()==removeName){ $(this).parent().remove(); } }); }else{ $(".if_none").hide() var txt2= $(".title").text(); // Mark += txt2 +'/'; // console.log($(this).siblings().attr("href")); var href2 = window.location.href; str = '<tr class=\"show\">'; str += '<td><a href="'+href2+'">'+txt2+'</a></td>'; str += '<td><img src=\"/Public/Images/delet.png\" class=\"delet\"></td>'; str += '</tr>'; $(".favourites_added tbody").append(str); localStorage.setItem(txt2, href2); // $(".wishBarCover").addClass("expanded") var eleTop = $(this).offset().top - $(document).scrollTop(); var eleLeft = $(this).offset().left; var likeTop = $(".shortListButton").offset().top - $(document).scrollTop(); var likeLeft = $(".shortListButton").offset().left; tranlateY = likeTop - eleTop + 10; tranlateX = likeLeft - eleLeft + 10; var eleFly = $(this).children(".add-fly"); var eleFlyItem = eleFly.children(".add-fly-item"); eleFly.css("visibility", "visible") eleFly.css("transform", "translateX(" + tranlateX + "px)"); eleFlyItem.css("transform", "translateY(" + tranlateY + "px)"); // $(".icon-cacl").css("transform", "scale(1.2)"); setTimeout(function () { eleFly.css({ "visibility": "hidden", "transform": "translateX(" + 0 + "px)" }); eleFlyItem.css("transform", "translateY(" + 0 + "px)"); }, 290); } // console.log($('.show').length) var numItems = $('.show').length; $(".total").text(numItems); refresh(); $(this).toggleClass("remove"); }); function refresh(){ var Markf = ''; $(".show td:first-child").each(function(i,item){ Markf += $(this).text() +'/'; }); // Mark += txts +'/'; localStorage.setItem("clinicMark", Markf); } }) </script> </body> </html>