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

S. San Francisco Housing & Community Development Division

ads3

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 src="//cdn.uslowcosthousing.com/Images/housing/low_income/affordable_housing_14.jpg" 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> <div class="detail-rightside"> <aside class="detail-right"> <div class="most-read"> <h2 class="common-tit">Affordable Housing Advice</h2> <ul class="most-list"> <li> <div class="most-box"> <a href="/posts/section-8-pays-for-your-rental-costs/" class="href-item"></a> <img lazyload data-webpsrc="//cdn.uslowcosthousing.com/Images/cover/section-8-pays-for-your-rental-costs.webp" data-src="//cdn.uslowcosthousing.com/Images/cover/section-8-pays-for-your-rental-costs.jpg" src="/Public/Images/load.png" alt="section-8-pays-for-your-rental-costs" class="most-img"> <h5 class="most-tit">Section 8 Pays For Your Rental Costs</h5> <div class="most-bottom"> <p class="most-content">Rental costs are increasing nationally What should you do if you cannot pay your rent? Section 8 supports elderly, low-income families, disabled people who cannot pay the rent.</p> </div> </div> </li><li> <div class="most-box"> <a href="/posts/how-can-i-apply-for-section-8-online-and-qualify-for-it/" class="href-item"></a> <img lazyload data-webpsrc="//cdn.uslowcosthousing.com/Images/cover/how-can-i-apply-for-section-8-online-and-qualify-for-it.webp" data-src="//cdn.uslowcosthousing.com/Images/cover/how-can-i-apply-for-section-8-online-and-qualify-for-it.jpg" src="/Public/Images/load.png" alt="how-can-i-apply-for-section-8-online-and-qualify-for-it" class="most-img"> <h5 class="most-tit">How Can I Apply For Section 8 Online And Qualify For It</h5> <div class="most-bottom"> <p class="most-content">Section 8 programs are actually called the Housing Choice Voucher Program (HCV) and Project-Based Voucher Program (PBV). Do you want to know how to apply for Section 8 housing online and how to qualify for it?</p> </div> </div> </li><li> <div class="most-box"> <a href="/posts/hud-assistance-pays-for-your-rental-costs-1/" class="href-item"></a> <img lazyload data-webpsrc="//cdn.uslowcosthousing.com/Images/cover/hud-assistance-pays-for-your-rental-costs-1.webp" data-src="//cdn.uslowcosthousing.com/Images/cover/hud-assistance-pays-for-your-rental-costs-1.jpg" src="/Public/Images/load.png" alt="hud-assistance-pays-for-your-rental-costs-1" class="most-img"> <h5 class="most-tit">HUD Assistance Pays For Your Rental Costs</h5> <div class="most-bottom"> <p class="most-content">HUD assistance works by providing rental subsidies to low-income individuals and families through programs such as public housing, Section 8 vouchers, and rental assistance.</p> </div> </div> </li> </ul> </div> </aside> </div> </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> favorite <span class="option">option</span></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/Housing-W.webp" alt="logo"> </a> <ul class="footer-ul"> <li><a href="/section8-housing/">SECTION 8 HOUSING</a></li> <li><a href="/lowincome-housing/">AFFORDABLE 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> </div> </footer> <div id="backdrop"> <div class="inner"> <img src="/Public/Images/arrow.png" class="arrow" alt="arrow"> Click Allow to get more free information about Affordable Housing near me! </div> </div> <script src="/Public/Js/jquery-3.0.0.min.js"></script> <script src="/Public/Js/main.js?v=1.03"></script> <script> jQuery(document).ready(function() { if(localStorage.userInfo !== undefined) { // loading $(".google-img img").attr('src',JSON.parse(localStorage.userInfo).image) $(".google-name").text(JSON.parse(localStorage.userInfo).nickname) $("#credential_picker_container").hide(); $("#credential_picker_iframe").hide(); if(document.documentElement.clientWidth <= 900) { $(".sign-out-btn").css('display','block') } }else { // googleLogin() // console.log("auto pop google login") } }) var loginStatus = false $(".google-img-wrap").click(function() { if(localStorage.userInfo !== undefined) { $(".sign-out-btn").css('display','block') } else if(!loginStatus) { // login $("#login").css('display','block') googleLogin() // if(document.documentElement.clientWidth <= 900) { // $(".sign-out-btn").css('display','block') // } } else { return } }) $(".sign-out-btn").click(function() { $(".sign-out-btn").css('display','none') // $(".sign-out-btn-mobile").css('display','none') googleSignOut() }) $('.signlater').click(function(){ $('#login').hide() }); $('.icon-close').click(function(){ $('#login').hide() }); // $("main").click(function() { // $(".sign-out-btn").css('display','none') // $("#loginButton").css('display','none') // }) function googleSignOut() { $(".google-img img").attr('src','/Public/Images/housing/avatar.svg') $(".google-name").text('Sign In') $("#loginButton").empty() $("#login").css('display','none') loginStatus = false google.accounts.id.initialize({ client_id: '57372543297-qv1gpl96qu3ar28m0s6sc906mhc4m48u.apps.googleusercontent.com', }) google.accounts.id.revoke(JSON.parse(localStorage.userInfo).email, done => { google.accounts.id.disableAutoSelect() }) localStorage.removeItem('userInfo') localStorage.removeItem('clinicMark') $(".remove").removeClass("remove") } function googleLogin() { loginStatus = true google.accounts.id.initialize({ client_id: '57372543297-qv1gpl96qu3ar28m0s6sc906mhc4m48u.apps.googleusercontent.com', callback: handleCredentialResponse, }); google.accounts.id.prompt((notification) => { console.log(notification) loginStatus = false google.accounts.id.renderButton( document.getElementById("loginButton"), { theme: "filled_blue", size: "large", shape:"circle" } // customization attributes ); }); } function handleCredentialResponse(response) { $.ajax({ url: '/support/user_upload/', data: { google_token: response.credential }, type: 'POST', dataType: 'json', success: function (res) { if (res.code == 200) { console.log(res) loginStatus = false localStorage.userInfo = JSON.stringify(res.data) $(".google-img img").attr('src',res.data.image) $(".google-name").text(res.data.nickname) // $(".sign-out-btn").css('display','block') $("#login").css('display','none') if(document.documentElement.clientWidth <= 900) { $(".sign-out-btn").css('display','block') } } } }) } function updateTable(){ var clinicMark = localStorage.getItem('clinicMark'); // console.log(clinicMark, "Load saved items from localStorage") if (clinicMark) { var items = JSON.parse(clinicMark); $(".total").text(items.length); if(items.length > 1){ $(".option").text('options'); }else{ $(".option").text('option'); } //table $(".favourites_added tbody").empty(); items.forEach(function(item) { var str = '<tr class=\"show\">'; str += '<td><a href="'+item.href+'">'+item.txt+'</a></td>'; str += '<td><img src=\"/Public/Images/delet.png\" class=\"delet\" alt=\"delet\"></td>'; str += '</tr>'; $(".favourites_added tbody").append(str); console.log("footer: add to the table") }); } } function updateTableName(){ var clinicMark = localStorage.getItem('clinicMark'); // console.log(clinicMark, "Load saved items from localStorage") if (clinicMark) { var items = JSON.parse(clinicMark); $(".total").text(items.length); //add remove class for .statelist // $(".statelistwl-left .statetit-wl").each(function() { // var name = $(this).text(); // Check if the name exists in the items array // var exists = items.some(function(item) { // return item.txt === name; // }); // if (exists) { // $(this).parents(".statelistwl-left").siblings(".statelistwl-right").find(".like").addClass("remove"); // } // }); //add remove class for .detail.left // $(".detail-left .title_box .title").each(function() { // var name = $(this).text(); // var href = window.location.pathname; // // Check if the name exists in the items array // var exists = items.some(function(item) { // return item.txt === name && item.href === href; // }); // if (exists) { // var element = $(this).parents(".detail-left").find(".like") // element.addClass("remove"); // console.log("add remove class", element) // } // }); } console.log("update table name") } $(".shortListButton").click(function(event){ updateTable(); event.stopPropagation() $(".wishBar").toggleClass("expanded") $(".wishBarCover").css("width","100%") }) // $(".wishBarCover").click(function(event){ // event.stopPropagation() // $(".wishBar").addClass("expanded") // }) $("body").click(function(){ $(".wishBar").removeClass("expanded"); $(".wishBarCover").css("width","0"); // updateTableName(); }); $(".icon_game").click(function(){ $(".wishBar").removeClass("expanded"); $(".wishBarCover").css("width","0"); // updateTableName(); }); $(".wishBar").click(function(event){ event.stopPropagation(); }); $(".favourites_added").on('click', '.delet', function() { // Get the text & url of the corresponding table row var txt = $(this).parent().siblings().find('a').text(); var href = $(this).parent().siblings().find('a').attr("href"); // Get the items from localStorage var clinicMark = localStorage.getItem('clinicMark'); if (clinicMark) { var items = JSON.parse(clinicMark); var index = items.findIndex(function(item) { return (item.txt === txt && item.href === href); }); if (index !== -1) { items.splice(index, 1); } localStorage.setItem('clinicMark', JSON.stringify(items)); // Update like class $('.like').each(function(){ // Check if .title exists if ($(".title").length > 0) { var txt2 = $(".title").text(); var href2 = window.location.pathname; } // Check if .imgli-box exists if ($(".imgli-box").length > 0) { var txt2 = $(this).parents(".imgli-box").siblings(".statetitle").text(); var href2 = $(this).parents(".imgli-box").siblings("a").attr("href"); } // Check if .statelistwl-right exists if ($(".statelistwl-right").length > 0) { var txt2 = $(this).parents(".statelistwl-right").siblings(".statelistwl-left").find(".statetit-wl").text(); var href2 = $(this).parents(".statelistwl-right").siblings("a").attr("href"); } if(txt2 === txt && href2 === href){ $(this).removeClass('remove'); console.log("footer: remove class .remove") } }) updateTable(); //update table name $(".total").text(items.length); } }); 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); var items = JSON.parse(clinicMark) $(".total").text(items.length); var arrItems = arr.length; console.log(arrItems) if(numItems > 1){ $(".option").text('options'); }else{ $(".option").text('option'); } $(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() } }) </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; console.log(window.getComputedStyle(item, null).display) if(item.dataset.src === '' || window.getComputedStyle(item, null).display == 'none'){ 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("UsLowCostHousing 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() // }) // $(document).ready(function(){ // $(window).scroll(function(){ // if ($(this).scrollTop() > 200) { // $('.back-to-top').fadeIn(); // } else { // $('.back-to-top').fadeOut(); // } // }); // $('.back-to-top').click(function(){ // $("html, body").animate({ scrollTop: 0 }, 600); // return false; // }); // }); </script> <script> // $(".btn").click(function() { // $(".hide").val($(this).siblings(".info_span").text().trim()); // $(".hide").select(); // document.execCommand("Copy"); // $(this).text("Copy succeeded"); // }) </script> <script> window.addEventListener('pageshow', function (event) { if (event.persisted || (window.performance && window.performance.getEntriesByType && String(window.performance.getEntriesByType('navigation')[0].type) === 'back_forward')) { location.reload(); } }); jQuery(document).ready(function() { // window.addEventListener('popstate', function(event) { // updateClassAndTableName() // console.log("postate") // }, false); // document.addEventListener('DOMContentLoaded', function() { // updateClassAndTableName() // console.log("DOMC") // }); // var name = $(".title").text(); // if(localStorage.getItem(name)) { // $(this).parents(".detail-left").siblings(".more").find(".like").addClass("remove"); // console.log("add remove to", name) // } updateClassAndTableName() $(".like").click(function(){ //login to use save function if(localStorage.userInfo !== undefined) { //if has remove class, localStorage remove an item, class turn to like if($(this).hasClass("remove")){ $(this).removeClass("remove"); } // if don't have remove class, like class add remove class, get infomation and create a new table row, save it to localStorage else{ $(this).addClass("remove"); $(".if_none").hide() 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); } var txt = $(".title").text(); var href = window.location.pathname; refresh(txt, href); updateClassAndTableName(); console.log("update for click like") }else{ $("#login").css('display','block') } }); function updateClassAndTableName(){ var clinicMark = localStorage.getItem('clinicMark'); if (clinicMark) { var items = JSON.parse(clinicMark); $(".total").text(items.length); //add remove class $(".detail-left .title_box .title").each(function() { var name = $(this).text(); var href = window.location.pathname; // Check if the name exists in the items array var exists = items.some(function(item) { return item.txt === name && item.href === href; }); if (exists) { var element = $(this).parents(".detail-left").find(".like") element.addClass("remove"); console.log("add remove class", element) } }); } console.log("update class and table name") } function refresh(txt, href){ var existingItems = localStorage.getItem("clinicMark") ? JSON.parse(localStorage.getItem("clinicMark")) : []; // console.log(existingItems); var index = existingItems.findIndex(item => item.txt === txt && item.href === href) if (index !== -1) { // Item already exists, remove it existingItems.splice(index, 1); console.log("Item already exists, remove it", existingItems) } else { // Item does not exist, add it existingItems.push({ txt: txt, href: href }); console.log("Item does not exist, add it", existingItems) } localStorage.setItem("clinicMark", JSON.stringify(existingItems)); } }) </script> </body> </html>

Log in to save your favorite Housing List

S. San Francisco Housing & Community Development Division