Language

<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">¡Bienvenidos al Portal de Vivienda de San Francisco!</h1>
            </hgroup>
        </div>
    </div>
</header>
<section class="row">
    <div class="medium-8 columns">
        <article class="page-content">
            <div class="content-section">
                <h2>En la actualidad, esta página web presenta:</h2>
                <ul class="t-delta t-light">
                    <li>Listas de propiedades económicas para alquiler.</li>
                    <li>Una herramienta para calcular su elegibilidad, con una calculadora de ingresos por grupo familiar.</li>
                    <li>Herramientas para marcar las propiedades favoritas y compartirlas con otras personas.</li>
                </ul>
            </div>

            <hr class="tall">

            <div class="content-section">
                <p class="t-delta t-light">
                    ¡Pronto se añadirán otras funciones y otras listas!
                </p>
                <p class="t-delta t-light">
                    Excepto por esta página y por el formulario de solicitud traducido, el Portal de Vivienda está en inglés, pero esperamos aumentar poco a poco la información en español, chino y tagalo.
                </p>
            </div>

            <hr class="tall">

            <div class="content-section">
                <p class="t-delta t-light">
                    Si necesita ayuda, le recomendamos que se comunique con la Corporación de Desarrollo Económico de Mission (Mission Economic Development Corporation, MEDA) para programar una cita con un consejero de vivienda que hable español.
                </p>

                <p class="t-delta t-light">
                    MEDA es una agencia certificada por el Departamento de Vivienda y Desarrollo Urbano de EE.UU. (HUD) que ofrece servicios de consejería para alquiler y propiedad de viviendas, en español. Además, sus consejeros están capacitados para ofrecer información
                    sobre los programas de vivienda de la Oficina de Desarrollo Comunitario y Vivienda del Alcalde.
                </p>
            </div>

            <hr class="tall">

            <div class="content-section">
                <p class="t-delta t-light">
                    Para obtener recursos adicionales de vivienda, visite:
                    <a href="http://www.sfmohcd.org/modules/showdocument.aspx?documentid=8952">http://www.sfmohcd.org/modules/showdocument.aspx?documentid=8952</a>
                </p>
            </div>

        </article>
    </div>
</section>

<section class="row margin-bottom--2x">
    <div class="medium-12 columns">
        <div class="bg-dust">
            <div class="tall-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>