<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-dark bg-gradient">
    <div class="row">
        <div class="large-12 columns">
            <hgroup class="lead-header_group">
                <h1 class="lead-header_title c-white">My Favorites</h1>
            </hgroup>
        </div>
    </div>
</header>
<section class="row">
    <div class="large-12 columns">
        <div class="block bg-mist margin-top--2x medium-text-center">
            <figure class="block-icon">
                <img src="/toolkit/images/icon-heart.png">
            </figure>

            <p class="t-delta t-serif c-oil">It looks like you haven’t favorited any listings yet.</p>

            <button class="button">Browse Properties</button>
        </div>
    </div>
</section>

<div class="results-section">
    <div class="small-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>

                <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">
                    <div class="show-for-medium-up left">
                        <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> <button class="button round-icon has-label" href="javascript:void(0)">
              <span class="ui-icon">
                <svg>
                  <use xlink:href="#i-forward"></use>
                  <use xlink:href="#i-forward" style="display:none"></use>
                </svg>
              </span>
              <span class="inline">Like</span>
            </button> </div>
                    <ul class="button-group button-group--favorite row collapse hide-for-medium-up">
                        <li class="small-6 columns"></li>
                        <li class="small-6 columns"></li>
                    </ul>
                    <a class="button ghost-white expand-small 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>

                <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">
                    <div class="show-for-medium-up left">
                        <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> <button class="button round-icon has-label" href="javascript:void(0)">
              <span class="ui-icon">
                <svg>
                  <use xlink:href="#i-forward"></use>
                  <use xlink:href="#i-forward" style="display:none"></use>
                </svg>
              </span>
              <span class="inline">Like</span>
            </button> </div>
                    <ul class="button-group button-group--favorite row collapse hide-for-medium-up">
                        <li class="small-6 columns"></li>
                        <li class="small-6 columns"></li>
                    </ul>
                    <a class="button ghost-white expand-small 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>

                <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">
                    <div class="show-for-medium-up left">
                        <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> <button class="button round-icon has-label" href="javascript:void(0)">
              <span class="ui-icon">
                <svg>
                  <use xlink:href="#i-forward"></use>
                  <use xlink:href="#i-forward" style="display:none"></use>
                </svg>
              </span>
              <span class="inline">Like</span>
            </button> </div>
                    <ul class="button-group button-group--favorite row collapse hide-for-medium-up">
                        <li class="small-6 columns"></li>
                        <li class="small-6 columns"></li>
                    </ul>
                    <a class="button ghost-white expand-small right no-margin" href="/pages/property-grid.html">See Details</a>
                </div>

            </div>
        </div>
    </div>
</div>

<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>
{{> @version-bar }}
{{> @top-bar }}

{{> @lead-header title="My Favorites" background="dark" color="white" classes="bg-gradient"}}

<section class="row">
  <div class="large-12 columns">
    <div class="block bg-mist margin-top--2x medium-text-center">
      <figure class="block-icon">
        <img src="/toolkit/images/icon-heart.png">
      </figure>

      <p class="t-delta t-serif c-oil">It looks like you haven’t favorited any listings yet.</p>

      <button class="button">Browse Properties</button>
    </div>
  </div>
</section>

<div class="results-section">
  <div class="small-12 columns">
    {{> @property-card--legacy state="fave"}}
    {{> @property-card--legacy state="fave"}}
    {{> @property-card--legacy state="fave"}}
  </div>
</div>

{{> @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.