<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=" 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 class="top-bar" role="navigation">
<div class="row">
<ul class="title-area">
<li class="name">
<div class="name-logo is-tall is-offset-up t-alt-sans"><a title="DAHLIA San Francisco Housing Portal" href="/pages/home.html">DAHLIA San Francisco Housing Portal</a></div>
</li>
<li class="toggle-topbar menu-icon">
<button href="#" class="button-link t-caps t-bold" aria-label="Open Menu">
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">
Browse Properties
</a>
</li>
<li>
<a href="/pages/favorites-grid.html">
My Favorites
</a>
</li>
<li>
<a href="/pages/get-assistance.html">
Get Assistance
</a>
</li>
<li>
<a href="/pages/get-assistance.html">
Sign In
</a>
</li>
</ul>
</section>
</div>
</nav>
<header class="lead-header bg-dust" id="main-content">
<div class="row">
<div class="medium-12 columns">
<div class="results-header">
<h1 class="results-header_values">Tell us your household size and income and we'll highlight listings that might be a fit.</h1>
<div class="results-header_actions">
<a href="/#estimate-your-eligibility" class="button ghost-white large">Estimate Your Eligibility</a>
</div>
</div>
</div>
</div>
</header>
<section class="results-section">
<div class="row">
<div class="large-12 columns">
<div class="property-card ">
<h2 class="property-card_title text-center hide-for-medium-up">
<a href="#/listings/trinity-place-apts">Trinity Place Apartments</a>
</h2>
<p class="property-card_address hide-for-medium-up text-center">1188 Mission St, <br class="show-for-small-only"> San Francisco CA, 94134</p>
<div class="property-card_figure-wrapper">
<figure class="property-card_figure">
<a class="property-card_overlay" href="/listings/id" tabindex="-1">
<img class="property-card_thumb" src="/toolkit/images/property5.jpg" alt="Listing Name:listing.Building_Name,
Address:formattedAddress" role="link" >
</a>
<figcaption class="property-card_info">
<h2 class="property-card_title show-for-medium-up">
<a href="#">Trinity Place Apartments</a>
</h2>
<p class="property-card_address show-for-medium-up">1188 Mission St, San Francisco CA, 94134</p>
</figcaption>
</figure>
<div class="application-label label label--flag primary">Application Deadline: Nov 21, 2017 at 5PM</div>
</div>
<div class="print-only">Application Deadline: Nov 21, 2017 at 5PM</div>
<div class="property-card_content">
<div class="property-card_stats">
<h3 class="t-base t-alt-sans t-semi margin-bottom">Available units and open waitlist</h3>
<div class="table-pricing-wrapper">
<table class="table-pricing table-pricing-hero " role="grid">
<thead>
<tr>
<th scope="col">Unit Type</th>
<th scope="col">Minimum Income</th>
<th scope="col">Rent</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
<div class="property-card_action">
<button class="button round-icon has-label" href="javascript:void(0)">
<span class="ui-icon">
<svg>
<use xlink:href="#i-like"></use>
<use xlink:href="#i-like-fill" style="display:none"></use>
</svg>
</span>
<span class="inline">Favorite</span>
</button> <a class="button ghost-white right no-margin" href="/pages/property-grid.html">See Details</a>
</div>
</div>
</div>
<div class="property-card ">
<h2 class="property-card_title text-center hide-for-medium-up">
<a href="#/listings/trinity-place-apts">Trinity Place Apartments</a>
</h2>
<p class="property-card_address hide-for-medium-up text-center">1188 Mission St, <br class="show-for-small-only"> San Francisco CA, 94134</p>
<div class="property-card_figure-wrapper">
<figure class="property-card_figure">
<a class="property-card_overlay" href="/listings/id" tabindex="-1">
<img class="property-card_thumb" src="/toolkit/images/property5.jpg" alt="Listing Name:listing.Building_Name,
Address:formattedAddress" role="link" >
</a>
<figcaption class="property-card_info">
<h2 class="property-card_title show-for-medium-up">
<a href="#">Trinity Place Apartments</a>
</h2>
<p class="property-card_address show-for-medium-up">1188 Mission St, San Francisco CA, 94134</p>
</figcaption>
</figure>
<div class="application-label label label--flag primary">Application Deadline: Nov 21, 2017 at 5PM</div>
</div>
<div class="print-only">Application Deadline: Nov 21, 2017 at 5PM</div>
<div class="property-card_content">
<div class="property-card_stats">
<h3 class="t-base t-alt-sans t-semi margin-bottom">Available units and open waitlist</h3>
<div class="table-pricing-wrapper">
<table class="table-pricing table-pricing-hero " role="grid">
<thead>
<tr>
<th scope="col">Unit Type</th>
<th scope="col">Minimum Income</th>
<th scope="col">Rent</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
<div class="property-card_action">
<button class="button round-icon has-label" href="javascript:void(0)">
<span class="ui-icon">
<svg>
<use xlink:href="#i-like"></use>
<use xlink:href="#i-like-fill" style="display:none"></use>
</svg>
</span>
<span class="inline">Favorite</span>
</button> <a class="button ghost-white right no-margin" href="/pages/property-grid.html">See Details</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="results-section">
<div class="row">
<div class="large-12 columns">
<div class="property-card ">
<h2 class="property-card_title text-center hide-for-medium-up">
<a href="#/listings/trinity-place-apts">Argenta</a>
</h2>
<p class="property-card_address hide-for-medium-up text-center">1 Polk Street, <br class="show-for-small-only"> San Francisco CA, 94134</p>
<div class="property-card_figure-wrapper">
<figure class="property-card_figure">
<a class="property-card_overlay" href="/listings/id" tabindex="-1">
<img class="property-card_thumb" src="/toolkit/images/property5.jpg" alt="Listing Name:listing.Building_Name,
Address:formattedAddress" role="link" >
</a>
<figcaption class="property-card_info">
<h2 class="property-card_title show-for-medium-up">
<a href="#">Argenta</a>
</h2>
<p class="property-card_address show-for-medium-up">1 Polk Street, San Francisco CA, 94134</p>
</figcaption>
</figure>
<span class="application-label label label--flag primary">Application Deadline: Nov 21, 2017 at 5PM</span>
</div>
<div class="print-only">Application Deadline: Nov 21, 2017 at 5PM</div>
<div class="property-card_content">
<div class="property-card_stats">
<h3 class="property-card_label">Available Units</h3>
<p class="property-card_subheader">Includes Priority Units for People with Visual and Hearing Impairments</p>
<table class="td-small th-small td-nowrap th-nowrap td-light td-bw " role="grid">
<thead>
<tr>
<th scope="col">Type</th>
<th scope="col">Minimum Income</th>
<th scope="col" class="text-right">Rent</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<table class="td-small th-small td-nowrap td-light no-thead margin-top table-reserved" role="grid">
<thead>
<tr>
<th scope="col">Type</th>
<th scope="col">Minimum Income</th>
<th scope="col" class="text-right">Rent</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<div class="property-card_action small-only-text-center">
<button class="button round-icon has-label" href="javascript:void(0)">
<span class="ui-icon">
<svg>
<use xlink:href="#i-like"></use>
<use xlink:href="#i-like-fill" style="display:none"></use>
</svg>
</span>
<span class="inline">Favorite</span>
</button> <a class="button ghost-white right no-margin" href="/pages/property-grid.html">See Details</a>
</div>
</div>
</div>
<div class="property-card ">
<h2 class="property-card_title text-center hide-for-medium-up">
<a href="#/listings/trinity-place-apts">O&M Apartments</a>
</h2>
<p class="property-card_address hide-for-medium-up text-center">680 Indiana Street, <br class="show-for-small-only"> San Francisco CA, 94134</p>
<div class="property-card_figure-wrapper">
<figure class="property-card_figure">
<a class="property-card_overlay" href="/listings/id" tabindex="-1">
<img class="property-card_thumb" src="/toolkit/images/property5.jpg" alt="Listing Name:listing.Building_Name,
Address:formattedAddress" role="link" >
<span class="badge-label label radius medium bg-splash">Senior Community Building</span>
</a>
<figcaption class="property-card_info">
<h2 class="property-card_title show-for-medium-up">
<a href="#">O&M Apartments</a>
</h2>
<p class="property-card_address show-for-medium-up">680 Indiana Street, San Francisco CA, 94134</p>
</figcaption>
</figure>
<span class="application-label label label--flag primary">Application Deadline: Nov 21, 2017 at 5PM</span>
</div>
<div class="print-only">Application Deadline: Nov 21, 2017 at 5PM</div>
<div class="property-card_content">
<div class="property-card_stats">
<h3 class="property-card_label">Open Waitlist</h3>
<p class="property-card_subheader">Includes Priority Units for People with Visual and Hearing Impairments</p>
<table class="td-small th-small td-nowrap td-light table-reserved" role="grid">
<thead>
<tr>
<th scope="col">Type</th>
<th scope="col">Minimum Income</th>
<th scope="col" class="text-right">Rent</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<table class="td-small th-small td-nowrap td-light no-thead margin-top table-reserved" role="grid">
<thead>
<tr>
<th scope="col">Type</th>
<th scope="col">Minimum Income</th>
<th scope="col" class="text-right">Rent</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<div class="property-card_action small-only-text-center">
<button class="button round-icon has-label" href="javascript:void(0)">
<span class="ui-icon">
<svg>
<use xlink:href="#i-like"></use>
<use xlink:href="#i-like-fill" style="display:none"></use>
</svg>
</span>
<span class="inline">Favorite</span>
</button> <a class="button ghost-white right no-margin" href="/pages/property-grid.html">See Details</a>
</div>
</div>
</div>
<div class="property-card ">
<h2 class="property-card_title text-center hide-for-medium-up">
<a href="#/listings/trinity-place-apts">Argenta</a>
</h2>
<p class="property-card_address hide-for-medium-up text-center">1 Polk Street, <br class="show-for-small-only"> San Francisco CA, 94134</p>
<div class="property-card_figure-wrapper">
<figure class="property-card_figure">
<a class="property-card_overlay" href="/listings/id" tabindex="-1">
<img class="property-card_thumb" src="/toolkit/images/property5.jpg" alt="Listing Name:listing.Building_Name,
Address:formattedAddress" role="link" >
</a>
<figcaption class="property-card_info">
<h2 class="property-card_title show-for-medium-up">
<a href="#">Argenta</a>
</h2>
<p class="property-card_address show-for-medium-up">1 Polk Street, San Francisco CA, 94134</p>
</figcaption>
</figure>
<span class="application-label label label--flag primary">Application Deadline: Nov 21, 2017 at 5PM</span>
</div>
<div class="print-only">Application Deadline: Nov 21, 2017 at 5PM</div>
<div class="property-card_content">
<div class="property-card_stats">
<h3 class="property-card_label">Available Units</h3>
<p class="property-card_subheader">Includes Priority Units for People with Visual and Hearing Impairments</p>
<table class="td-small th-small td-nowrap th-nowrap td-light td-bw " role="grid">
<thead>
<tr>
<th scope="col">Type</th>
<th scope="col">Minimum Income</th>
<th scope="col" class="text-right">Rent</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<div class="property-card_action small-only-text-center">
<button class="button round-icon has-label" href="javascript:void(0)">
<span class="ui-icon">
<svg>
<use xlink:href="#i-like"></use>
<use xlink:href="#i-like-fill" style="display:none"></use>
</svg>
</span>
<span class="inline">Favorite</span>
</button> <a class="button ghost-white right no-margin" href="/pages/property-grid.html">See Details</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="results-section border-top border-bottom">
<article class="row">
<div class="large-12 columns">
<header class="status-header status--closed has-button has-button">
<div class="status-header_content">
<div class="status-header_icon">
<span class="ui-icon ui-xlarge">
<svg>
<use xlink:href="#i-clock"></use>
</svg>
</span>
</div>
<hgroup class="status-header_group">
<h2 class="status-header_title gamma">
Recent Listings
</h2>
<p class="no-margin">The application deadline has passed on the following listings, but you can still get information on the lottery date and time, and check lottery results.</p>
</hgroup>
</div>
<div class="status-header_action">
<button class="button ghost-white expand-small right margin-bottom-none toggler" ">Show Recent Listings (6)</button>
</div>
</header> </div>
</article>
<section class="toggled margin-top--2x " style="display: none ">
<article class="row ">
<div class="large-12 columns ">
<div class="property-card ">
<h2 class="property-card_title text-center hide-for-medium-up ">
<a href="#/listings/trinity-place-apts ">L Seven</a>
</h2>
<p class="property-card_address hide-for-medium-up text-center ">1222 Harrison Street, <br class="show-for-small-only "> San Francisco CA, 94134</p>
<div class="property-card_figure-wrapper ">
<figure class="property-card_figure ">
<a class="property-card_overlay " href="/listings/id " tabindex="-1 ">
<img class="property-card_thumb " src="/toolkit/images/property5.jpg " alt="Listing Name:listing.Building_Name, Address:formattedAddress " role="link " >
</a>
<figcaption class="property-card_info ">
<h2 class="property-card_title show-for-medium-up ">
<a href="# ">L Seven</a>
</h2>
<p class="property-card_address show-for-medium-up ">1222 Harrison Street, San Francisco CA, 94134</p>
</figcaption>
</figure>
<span class="application-label label label--flag alert ">Applications Closed: Mar 12th</span>
<span class="application-label label label--flag ">Lottery Results Posted: Feb 16th</span>
</div>
<div class="print-only ">Application Deadline: Nov 21, 2017 at 5PM</div>
<div class="property-card_content ">
<div class="property-card_stats ">
<h3 class="property-card_label ">Open Waitlist</h3>
<p class="property-card_subheader ">Includes Priority Units for People with Visual and Hearing Impairments</p>
<table class="td-small th-small td-nowrap th-nowrap td-light td-bw " role="grid ">
<thead>
<tr>
<th scope="col ">Type</th>
<th scope="col ">Minimum Income</th>
<th scope="col " class="text-right ">Rent</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<div class="property-card_action small-only-text-center ">
<button class="button round-icon has-label " href="javascript:void(0) ">
<span class="ui-icon ">
<svg>
<use xlink:href="#i-like "></use>
<use xlink:href="#i-like-fill " style="display:none "></use>
</svg>
</span>
<span class="inline ">Favorite</span>
</button> <a class="button ghost-white right no-margin " href="/pages/property-grid.html ">See Details</a>
</div>
</div>
</div>
</div>
</article>
<div class="row ">
<div class="large-12 columns ">
<header class="results-section_divider ">
<h3 class="results-section_subheader ">Lottery Results Available</h3>
</header>
</div>
</div>
<article class="row ">
<div class="large-12 columns ">
<div class="property-card ">
<h2 class="property-card_title text-center hide-for-medium-up ">
<a href="#/listings/trinity-place-apts ">280 Brighton Avenue</a>
</h2>
<p class="property-card_address hide-for-medium-up text-center ">280 Brighton Avenue, <br class="show-for-small-only "> San Francisco CA, 94134</p>
<div class="property-card_figure-wrapper ">
<figure class="property-card_figure ">
<a class="property-card_overlay " href="/listings/id " tabindex="-1 ">
<img class="property-card_thumb " src="/toolkit/images/property5.jpg " alt="Listing Name:listing.Building_Name, Address:formattedAddress " role="link " >
</a>
<figcaption class="property-card_info ">
<h2 class="property-card_title show-for-medium-up ">
<a href="# ">280 Brighton Avenue</a>
</h2>
<p class="property-card_address show-for-medium-up ">280 Brighton Avenue, San Francisco CA, 94134</p>
</figcaption>
</figure>
<span class="application-label label label--flag ">Lottery Results Posted: Feb 16th</span>
</div>
<div class="print-only ">Application Deadline: Nov 21, 2017 at 5PM</div>
<div class="property-card_content ">
<div class="property-card_stats ">
<h3 class="property-card_label ">Open Waitlist</h3>
<p class="property-card_subheader ">Includes Priority Units for People with Visual and Hearing Impairments</p>
<table class="td-small th-small td-nowrap th-nowrap td-light td-bw " role="grid ">
<thead>
<tr>
<th scope="col ">Type</th>
<th scope="col ">Minimum Income</th>
<th scope="col " class="text-right ">Rent</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<div class="property-card_action small-only-text-center ">
<button class="button round-icon has-label " href="javascript:void(0) ">
<span class="ui-icon ">
<svg>
<use xlink:href="#i-like "></use>
<use xlink:href="#i-like-fill " style="display:none "></use>
</svg>
</span>
<span class="inline ">Favorite</span>
</button> <a class="button ghost-white right no-margin " href="/pages/property-grid.html ">See Details</a>
</div>
</div>
</div>
</div>
</article>
</section>
</section>
<section class="margin-top--2x margin-bottom--2x ">
<div class="row ">
<div class="large-12 columns bg-dust ">
<div class="short-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>
</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}}
{{> @version-bar }}
{{> @top-bar }}
<header class="lead-header bg-dust" id="main-content">
<div class="row">
<div class="medium-12 columns">
<div class="results-header">
<h1 class="results-header_values">Tell us your household size and income and we'll highlight listings that might be a fit.</h1>
<div class="results-header_actions">
<a href="/#estimate-your-eligibility" class="button ghost-white large">Estimate Your Eligibility</a>
</div>
</div>
</div>
</div>
</header>
{{> @results }}
<section class="results-section">
<div class="row">
<div class="large-12 columns">
{{> @property-card--legacy property-name="Argenta" property-address="1 Polk Street" property-image="/images/property9.jpg" available="Available Units" reserved-table="yes" reserved-caption="Reserved for Seniors 55+"}}
{{> @property-card--legacy property-name="O&M Apartments" property-address="680 Indiana Street" property-image="/images/property8.jpg" available="Open Waitlist" state="community" community-building="yes" has-caption="yes" caption="Reserved for Seniors 55+" reserved-table="yes" reserved-caption="Reserved for Seniors 55+ with Developmental Disabilities" }}
{{> @property-card--legacy property-name="Argenta" property-address="1 Polk Street" property-image="/images/property9.jpg" available="Available Units"}}
</div>
</div>
</section>
<section class="results-section border-top border-bottom">
<article class="row">
<div class="large-12 columns">
{{> @status-header classes="has-button" status="closed" icon="clock" title="Recent Listings" button="Show Recent Listings (6)" text="The application deadline has passed on the following listings, but you can still get information on the lottery date and time, and check lottery results."}}
</div>
</article>
<section class="toggled margin-top--2x" style="display: none">
<article class="row">
<div class="large-12 columns">
{{> @property-card--legacy property-name="L Seven" property-address="1222 Harrison Street" property-image="/images/property6.jpg" state="closed" available="Open Waitlist"}}
</div>
</article>
<div class="row">
<div class="large-12 columns">
<header class="results-section_divider">
<h3 class="results-section_subheader">Lottery Results Available</h3>
</header>
</div>
</div>
<article class="row">
<div class="large-12 columns">
{{> @property-card--legacy property-name="280 Brighton Avenue" property-image="/images/property7.jpg" property-address="280 Brighton Avenue" state="results" available="Open Waitlist"}}
</div>
</article>
</section>
</section>
<section class="margin-top--2x margin-bottom--2x">
<div class="row">
<div class="large-12 columns bg-dust">
{{> @block-icon size="short" icon="icon-mail.png" description="Get emailed whenever a new listing is posted." action="Sign Up Today"}}
</div>
</div>
</section>
{{> @footer}}
/* No context defined for this component. */
There are no notes for this item.