<div class="translate-bar bar bg-tuatara">
<div class="row">
<div class="translate-bar_notice-column small-12 medium-6 columns">
<!-- in the web app, this whole section gets hidden if selected on English -->
<div class="translate-bar_notice">
<span class="translate-bar_message c-white t-small t-semi">Esta página ha sido traducida por Google Translate.</span>
<a href="#" class="translate-bar_learn lined c-white t-small">Learn more.</a>
</div>
</div>
<div class="small-12 medium-6 columns">
<ul class="translate-bar_languages inline-list t-semi right">
<li><a href="#" class="">English</a></li>
<li><a href="#" class="">Espanol</a></li>
<li><a href="#" class="active t-ch">中国</a></li>
<li><a href="#" class="">Tagalog</a></li>
</ul>
</div>
</div>
</div>
<div class="version-bar bar bg-primary">
<div class="row">
<div class="medium-12 columns">
<p class="text-right t-small c-white no-margin">This site is in <strong class="t-caps">BETA</strong>: We're just getting started. <br class="show-for-small-only"> We'd love to get <a href="#" class="a-white lined">your feedback</a>.</p>
</div>
</div>
</div>
<nav top-bar class="top-bar" role="navigation">
<div class="row">
<ul class="title-area">
<li class="name">
<h1 class="name-logo is-tall is-offset-up t-alt-sans"><a href="/pages/home.html">SF Affordable Housing Portal</a></h1>
</li>
<li class="toggle-topbar menu-icon">
<button href="#" class="button-link t-caps t-bold">
Menu
<span class="ui-icon ui-static ui-large i-primary ">
<svg>
<use xlink:href="#i-menu"></use>
</svg>
</span>
</button>
</li>
</ul>
<section class="top-bar-section has-flex-items">
<ul class="nav-menu right">
<li>
<a href="/browse/browse-grid--default.html">
Tingnan ang Properties o mga Matitirhan
</a>
</li>
<li>
<a href="/pages/get-assistance.html">
Ang Aking mga Paborito
</a>
</li>
<li>
<a href="/pages/get-assistance.html">
Kumuha ng Tulong
</a>
</li>
<li has-dropdown>
<a href="#" aria-haspopup="true" dropdown-toggle="#my-account-dropdown">
Mag-sign In
</a>
<ul class="dropdown" id="my-account-dropdown">
</ul>
</li>
</ul>
</section>
</div>
</nav>
<div class="splash-header bg-image">
<div class="row">
<header class="hero-header text-center">
<h1 class="hero-title c-white">Apply for affordable housing</h1>
<div class="row">
<div class="medium-6 medium-centered columns">
<div class="small-6 columns">
<a class="button secondary expand" href="/browse/browse-grid--default.html">Rent</a>
</div>
<div class="small-6 columns">
<a class="button secondary expand" href="/browse/browse-grid--default.html">Buy</a>
</div>
</div>
</div>
</header>
</div>
</div>
<section class="splash-message">
<div class="splash-message_panel row">
<div class="medium-8 columns">
<p class="t-small c-charcoal">Currently this site includes only Below Market Rate rentals, a program that includes units priced to be affordable to lower or middle income households. We encourage you to browse other affordable housing resources.</p>
</div>
<div class="medium-4 columns small-only-text-center">
<a href="/pages/additional-opportunities.html" class="button radius ghost-white no-margin expand">Additional Opportunities</a>
</div>
</div>
</section>
<section class="splash-wells row collapse">
<div class="medium-6 columns">
<div class="tall-block welcome-block">
<figure class="block-icon">
<img src="/toolkit/images/icon-home.png" " alt="icon ">
</figure>
<h2 class="t-delta t-serif c-oil no-margin ">Tell us your household size and income and we'll highlight properties that might be a fit.</h1>
<a href="# " class="button ghost-white margin-top ">Estimate Eligibility</a>
</div>
</div>
<div class="medium-6 columns ">
<div class="tall-block welcome-block ">
<figure class="block-icon ">
<img src="/toolkit/images/icon-mail.png "" alt="icon">
</figure>
<h2 class="t-delta t-serif c-oil no-margin">Get emailed whenever a new listing is posted.</h1>
<a href="#" class="button ghost-white margin-top">Sign Up Today</a>
</div>
</div>
</section>
<footer class="footer-section bg-tuatara ">
<div class="row text-center padding-top--2x padding-bottom--2x">
<div class="medium-12 columns">
<ul class="inline-list welcome-links t-semi">
<li>
<a href="#">Bienvenido</a>
</li>
<li>
<a href="#">歡迎</a>
</li>
<li>
<a href="#">Maligayang pagdating</a>
</li>
</ul>
</div>
<div class="medium-12 columns">
<img src="/toolkit/images/logo-city.png" class="city-logo margin-bottom--2x" alt="City & County of San Francisco Logo">
</div>
<div class="clear"></div>
<div class="medium-8 medium-centered columns">
<p class="c-iron">The San Francisco Housing Portal is a project of the <br> <a href="#" class="a-white">Mayor's Office of Housing and Community Development</a></p>
<p class="t-small c-iron margin-top">in partnership with <br>
<a href="#" class="a-white">San Francisco Department of Technology</a><br>
<a href="#" class="a-white">Mayor's Office of Civic Innovation</a>
</p>
<p class="t-small c-iron margin-top--2x">For listing and application questions, please contact the Leasing Agent displayed on the listing.<br> For general program inquiries, you may call MOHCD at 415-701-5560.</p>
</div>
</div>
<section class="footer-sock bg-ebony padding-top--2x padding-bottom">
<div class="row">
<div class="medium-3 large-4 columns small-only-text-center">
<span class="c-iron">© City & County of San Francisco</span>
</div>
<div class="medium-9 large-8 columns small-only-text-center">
<ul class="inline-list">
<li>
<a href="#">Give Feedback</a>
</li>
<li>
<a href="mailto:sfhousing.info@sfgov.org">Contact</a>
</li>
<li>
<a href="/pages/disclaimer.html">Disclaimer</a>
</li>
<li>
<a href="/pages/privacy-policy.html">Privacy Policy</a>
</li>
<li>
<a href="https://heapanalytics.com/?utm_source=badge" rel="nofollow"><img style="width:108px;height:41px" src="/toolkit/images/heap.png" alt="Heap | Mobile and Web Analytics" /></a>
</li>
</ul>
</div>
</div>
</section>
<section class="footer-sole">
<span>made with <span class="ui-icon ui-static ui-small i-color ">
<svg>
<use xlink:href="#i-favorite"></use>
</svg>
</span> by <a href="#">exygy</a> & <a href="#">vertiba</a> </span>
</section>
</footer>
{{> @translate-bar links="true"}}
{{> @version-bar }}
{{> @top-bar--translation }}
{{> @splash-header }}
<section class="splash-message">
<div class="splash-message_panel row">
<div class="medium-8 columns">
<p class="t-small c-charcoal">Currently this site includes only Below Market Rate rentals, a program that includes units priced to be affordable to lower or middle income households. We encourage you to browse other affordable housing resources.</p>
</div>
<div class="medium-4 columns small-only-text-center">
<a href="/pages/additional-opportunities.html" class="button radius ghost-white no-margin expand">Additional Opportunities</a>
</div>
</div>
</section>
<section class="splash-wells row collapse">
<div class="medium-6 columns">
{{> @block-icon size="tall" icon="icon-home.png" description="Tell us your household size and income and we'll highlight properties that might be a fit." action="Estimate Eligibility" classes="welcome-block"}}
</div>
<div class="medium-6 columns">
{{> @block-icon size="tall" icon="icon-mail.png" description="Get emailed whenever a new listing is posted." action="Sign Up Today" classes="welcome-block"}}
</div>
</section>
{{> @footer }}
{
"locations": [
{
"name": "Asian, Inc.",
"languages": [
"Cantonese",
"Vietnamese"
],
"address": "167 Mission Street, 4th Floor",
"citystate": "San Francisco, CA 94103",
"phone": "415-928-5910",
"website": "asianinc.org"
},
{
"name": "Bill Sorro Housing Program of the Veterans Equity Center",
"languages": [
"Tagalog"
],
"address": "1010 Mission Street, Suite C",
"citystate": "San Francisco, CA 94103",
"phone": "415-255-2347",
"website": "bishop.vetsequitycenter.org"
},
{
"name": "Consumer Credit Counseling Service of San Francisco",
"languages": null,
"address": "595 Market Street, 15th Floor",
"citystate": "San Francisco, CA 94105",
"phone": "800-777-7526",
"website": "cccssf.org"
},
{
"name": "Mission Economic Development Agency",
"languages": [
"Spanish"
],
"address": "2301 Mission Street, Suite 301",
"citystate": "San Francisco, CA 94103",
"phone": "415-282-3334",
"website": "medasf.org"
},
{
"name": "San Francisco Housing Development Corporation",
"languages": null,
"address": "4439 Third Street",
"citystate": "San Francisco, CA 94124",
"phone": "415-822-1022",
"website": "asfhdc.org"
},
{
"name": "San Francisco LGBT Center",
"languages": null,
"address": "1800 Market Street",
"citystate": "San Francisco, CA 94102",
"phone": "415-865-5661",
"website": "sfcenter.org"
}
],
"chinese": [
{
"name": "Asian, Inc.",
"languages": [
"Cantonese",
"Vietnamese"
],
"address": "167 Mission Street, 4th Floor",
"citystate": "San Francisco, CA 94103",
"phone": "415-928-5910",
"website": "asianinc.org"
}
],
"espanol": [
{
"name": "Mission Economic Development Agency",
"languages": [
"Spanish"
],
"address": "2301 Mission Street, Suite 301",
"citystate": "San Francisco, CA 94103",
"phone": "415-282-3334",
"website": "medasf.org"
}
],
"rentals": [
{
"name": "City of SF Affordable Rental Units",
"url": "http://sfmohcd.org/affordable-housing-developments-san-francisco",
"description": "Family Housing",
"location": "San Francisco"
},
{
"name": "City of SF Middle-Income Rental Units",
"url": "http://sfmohcd.org/middle-income-rental-housing-program",
"description": "Individual and Family Housing",
"location": "San Francisco Bay Area"
},
{
"name": "Episcopal Community Services",
"url": "http://sfmohcd.org/sites/default/files/Documents/MOH/ECS%20Listings.pdf",
"description": "Individual and Family Housing",
"location": "San Francisco Bay Area"
},
{
"name": "Compass One Home",
"url": "https://www.onehomebayarea.org",
"description": "Individual and Family Housing",
"location": "San Francisco Bay Area"
}
],
"ownership": [
{
"name": "Below Market Rate Ownership Units",
"url": "http://sfmohcd.org/current-listings-below-market-rate-ownership-units",
"location": "San Francisco"
}
]
}
There are no notes for this item.