Documents

<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">Documents Checklist</h1>
                <div class="medium-8 columns no-padding show-for-medium-up">
                    <p class="t-epsilon t-serif c-white">The documents checklist outlines what your household will need if you would like to claim lottery preferences on the housing application.</p>
                </div>
            </hgroup>
        </div>
    </div>
</header>
<section class="row">
    <div class="medium-8 columns">
        <article class="page-content">
            <div class="content-section">
                <p>Claiming a preference on your housing application is optional. Preferences qualify you for a higher ranking in the lottery.</p>
                <p>All documents must show the correct name and current address. All documents other than a lease must show a date within 45 days of your application.</p>
            </div>

            <hr class="tall">

            <div class="content-section">
                <h3>Live in Neighborhood, Live in San Francisco and Anti-Displacement Housing Preferences</h3>
                <p>You'll need 1 (one) of the showing with the address where you live in San Francisco:</p>

                <ul>
                    <li>Telephone bill (land line only)</li>
                    <li>Cable and internet bill</li>
                    <li>Electric bill</li>
                    <li>Gas bill</li>
                    <li>Water bill</li>
                    <li>Paystub with home address</li>
                    <li>Public benefits record</li>
                    <li>School record</li>
                    <li>Letter documenting homelessness</li>
                </ul>
            </div>

            <hr class="tall">

            <div class="content-section">
                <h3>Work in San Francisco Preference</h3>
                <p>You'll need 1 (one) of the showing with the address where you work in San Francisco:</p>

                <ul>
                    <li>Paystub with employer address</li>
                    <li>Letter from employer</li>
                </ul>
            </div>

            <hr class="tall">

            <div class="content-section">
                <h3>Assisted Housing Preference</h3>
                <p>You'll need a Copy of Lease showing the address where you live. </p>
            </div>

            <hr class="tall">

            <div class="content-section">
                <h3>Rent Burdened Preference</h3>
                <p>You'll need a Copy of Lease showing the address where you live.</p>
                <p>You'll also need to show last months rent with 1 (one) of the following:</p>

                <ul>
                    <li>Money order</li>
                    <li>Cancelled check</li>
                    <li>Debit from your bank account</li>
                    <li>Screenshot of online payment</li>
                </ul>
            </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>