DAHLIA Pattern Library

Application Terms 

<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>

<section class="app-container">
    <div class="row collapse">
        <div class="medium-6 medium-centered columns fixed-width">
            <div class="app-header app-card form-card">
                <header class="app-card_header">
                    <h1 class="app-card_title">Application: 123 Main St.</h1>
                </header>
                <div class="app-card_nav">
                    <ol class="progress-nav">
                        <li class="progress-nav_item active"><a href="#">You</a></li>
                        <li class="progress-nav_item disabled"><a href="#">Household</a></li>
                        <li class="progress-nav_item disabled"><a href="#">Preferences</a></li>
                        <li class="progress-nav_item disabled"><a href="#">Income</a></li>
                        <li class="progress-nav_item disabled"><a href="#">Review</a></li>
                    </ol>
                </div>
            </div>

            <form class="app-card form-card">
                <div class="app-inner leader border-bottom">
                    <div class="form-back"><a href="#" class="lined">Back</a></div>
                    <h2 class="app-card_question">Terms</h2>
                </div>

                <div class="app-inner">
                    <div class="form-group">
                        <p>This application must be submitted by Aug 31, 2017.</p>
                        <p>Applicants will be contacted by the leasing agent in lottery rank and preference order until vacancies are filled.</p>
                        <p>All of the information that you have provided will be verified and your eligibility confirmed. Your application will be removed from the lottery if you have made any fraudulent statements, or if any household member appears on
                            more than one application for this listing. If we cannot verify a housing lottery preference that you have claimed, you will not receive the preference but will not be otherwise penalized.</p>
                        <p>Should your application be chosen from the lottery, be prepared to fill out a more detailed application and provide required supporting documents. For more information, please contact the developer or leasing agent posted in the
                            listing. Completing this lottery application does not entitle you to housing or indicate you are eligible for housing; all applicants will be screened as outlined in the property's Resident Selection Criteria.<br><br>You cannot
                            change your online application after you submit.</p>
                        <p>I declare that the foregoing is true and accurate, and acknowledge that any misstatement fraudulently or negligently made on this application will result in removal from the lottery.</p>

                        <div class="checkbox checkbox-inset margin-top--2x">
                            <input aria-describedby="terms_yes_error" id="terms_yes" name="terms" type="checkbox" aria-invalid="false" required="required">
                            <label for="terms_yes">I agree and understand that I cannot change anything after I submit.</label>
                        </div>
                    </div>
                </div>

                <div class="button-pager">
                    <div class="button-pager_row primary">
                        <button class="button primary">Confirm</button>
                    </div>
                    <div class="button-pager_row padding-top--2x padding-bottom--2x">
                        <button class="button secondary expand-small">Save draft and come back later</button>
                    </div>
                </div>

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

<section class="app-container">
  <div class="row collapse">
    <div class="medium-6 medium-centered columns fixed-width">
      {{ render '@app-header' }}

      <form class="app-card form-card">
        <div class="app-inner leader border-bottom">
          <div class="form-back"><a href="#" class="lined">Back</a></div>
          <h2 class="app-card_question">Terms</h2>
        </div>

        <div class="app-inner">
          <div class="form-group">
            <p>This application must be submitted by Aug 31, 2017.</p>
            <p>Applicants will be contacted by the leasing agent in lottery rank and preference order until vacancies are filled.</p>
            <p>All of the information that you have provided will be verified and your eligibility confirmed.  Your application will be removed from the lottery if you have made any fraudulent statements, or if any household member appears on more than one application for this listing. If we cannot verify a housing lottery preference that you have claimed, you will not receive the preference but will not be otherwise penalized.</p>
            <p>Should your application be chosen from the lottery, be prepared to fill out a more detailed application and provide required supporting documents.  For more information, please contact the developer or leasing agent posted in the listing. Completing this lottery application does not entitle you to housing or indicate you are eligible for housing; all applicants will be screened as outlined in the property's Resident Selection Criteria.<br><br>You cannot change your online application after you submit.</p>
            <p>I declare that the foregoing is true and accurate, and acknowledge that any misstatement fraudulently or negligently made on this application will result in removal from the lottery.</p>

            <div class="checkbox checkbox-inset margin-top--2x">
              <input aria-describedby="terms_yes_error" id="terms_yes" name="terms" type="checkbox" aria-invalid="false" required="required">
              <label for="terms_yes">I agree and understand that I cannot change anything after I submit.</label>
            </div>
          </div>
        </div>

      {{> @button-pager left="Confirm" l-classes="primary" right="Save draft and come back later" r-classes="secondary expand-small" r-row-classes="padding-top--2x padding-bottom--2x"}}

      </form>
    </div>
  </div>
</section>

{{> @footer}}
 
{
  "page-class": "center-body",
  "sections": [
    {
      "header": "You",
      "info-items": [
        {
          "name": "Name",
          "value": "Laura Smith"
        },
        {
          "name": "Date of Birth",
          "value": "12/02/1980"
        },
        {
          "name": "Phone",
          "value": "415-123-1234",
          "note": "Cell"
        },
        {
          "name": "Additional Phone",
          "value": "415-123-1234",
          "note": "Home"
        },
        {
          "name": "Email",
          "value": "lara.smith@gmail.com"
        },
        {
          "name": "Address",
          "value": "649 Avalon St <br> San Francisco, CA 94117"
        },
        {
          "name": "Mailing Address",
          "value": "456 Mission St <br> San Francisco, CA 94117"
        }
      ]
    },
    {
      "header": "Alternate Contact",
      "info-items": [
        {
          "name": "Name",
          "value": "Michael Smith",
          "note": "Counselor",
          "secondary": "MEDA"
        },
        {
          "name": "Email",
          "value": "michael.smith@gmail.com"
        },
        {
          "name": "Phone",
          "value": "415-876-5432"
        },
        {
          "name": "Mailing Address",
          "value": "456 Mission St <br> San Francisco, CA 94117"
        }
      ]
    },
    {
      "header": "Household Members",
      "info-items": [
        {
          "name": "Name",
          "value": "Michael Smith",
          "note": "Child"
        },
        {
          "name": "Date of Birth",
          "value": "12/2/1980"
        },
        {
          "divider": true
        },
        {
          "name": "Name",
          "value": "Michael Johnson",
          "note": "Family Member"
        },
        {
          "name": "Date of Birth",
          "value": "12/2/1970"
        },
        {
          "name": "Address",
          "value": "700 Avalon St <br> San Francisco, CA 94117"
        }
      ]
    },
    {
      "header": "Household Details",
      "info-items": [
        {
          "name": "Rent at 2106 Park Blvd",
          "value": "$1200 per month",
          "note": "for Michael Smith"
        },
        {
          "name": "Rent at 4106 Terrace St",
          "value": "$1200 per month",
          "note": "for Jane Smith and Denise Jones"
        },
        {
          "name": "Seniors in Household",
          "value": "Yes"
        },
        {
          "name": "Veterans in Household",
          "value": "Yes"
        },
        {
          "name": "People with Developmental Disabilities",
          "value": "Yes"
        },
        {
          "name": "ADA Accessible Units",
          "value": "Mobility Impairments<br> Visual Impairments"
        }
      ]
    },
    {
      "header": "Income",
      "info-items": [
        {
          "name": "Vouchers and Subsidies",
          "value": "Yes"
        },
        {
          "name": "Household Income",
          "value": "$32,000 per year"
        }
      ]
    },
    {
      "header": "Preferences",
      "info-items": [
        {
          "name": "You Have Claimed",
          "value": "Certificate of Preference",
          "note": "for Michael Smith"
        },
        {
          "name": "You Have Claimed",
          "value": "Neighborhood Resident Housing Preference",
          "note": "for Michael Smith",
          "secondary": "Telephone Bill attached"
        },
        {
          "name": "You Have Claimed",
          "value": "Rent Burden Preference",
          "note": "for 2106 Park Blvd",
          "secondary": "Copy of Lease and Cancelled Check attached",
          "note-2": "for 4106 Terrace St",
          "secondary-2": "Copy of Lease and Money order attached"
        }
      ]
    }
  ],
  "sections-general": [
    {
      "header": "You",
      "info-items": [
        {
          "name": "Name",
          "value": "Laura Smith"
        },
        {
          "name": "Date of Birth",
          "value": "12/02/1980"
        },
        {
          "name": "Phone",
          "value": "415-123-1234",
          "note": "Cell"
        },
        {
          "name": "Additional Phone",
          "value": "415-123-1234",
          "note": "Home"
        },
        {
          "name": "Email",
          "value": "lara.smith@gmail.com"
        },
        {
          "name": "Address",
          "value": "649 Avalon St <br> San Francisco, CA 94117"
        },
        {
          "name": "Mailing Address",
          "value": "456 Mission St <br> San Francisco, CA 94117"
        }
      ]
    },
    {
      "header": "Alternate Contact",
      "info-items": [
        {
          "name": "Name",
          "value": "Michael Smith",
          "note": "Counselor",
          "secondary": "MEDA"
        },
        {
          "name": "Email",
          "value": "michael.smith@gmail.com"
        },
        {
          "name": "Phone",
          "value": "415-876-5432"
        },
        {
          "name": "Mailing Address",
          "value": "456 Mission St <br> San Francisco, CA 94117"
        }
      ]
    },
    {
      "header": "Household Members",
      "info-items": [
        {
          "name": "Name",
          "value": "Michael Smith",
          "note": "Child"
        },
        {
          "name": "Date of Birth",
          "value": "12/2/1980"
        },
        {
          "divider": true
        },
        {
          "name": "Name",
          "value": "Michael Johnson",
          "note": "Family Member"
        },
        {
          "name": "Date of Birth",
          "value": "12/2/1970"
        },
        {
          "name": "Address",
          "value": "700 Avalon St <br> San Francisco, CA 94117"
        }
      ]
    },
    {
      "header": "Preferences",
      "info-items": [
        {
          "name": null,
          "value": "Based on the information you have entered, your household has not claimed any housing lottery preferences. you will be in the general lottery.",
          "is-sentence": "yes"
        }
      ]
    },
    {
      "header": "Income",
      "info-items": [
        {
          "name": "Vouchers and Subsidies",
          "value": "No"
        },
        {
          "name": "Household Income",
          "value": "$32,000 per year"
        }
      ]
    }
  ],
  "sections-preview": [
    {
      "header": "You",
      "info-items": [
        {
          "name": "Name",
          "value": "Laura Smith"
        },
        {
          "name": "Date of Birth",
          "value": "12/02/1980"
        },
        {
          "name": "Phone",
          "value": "415-123-1234",
          "note": "Cell"
        },
        {
          "name": "Additional Phone",
          "value": "415-123-1234",
          "note": "Home"
        },
        {
          "name": "Email",
          "value": "lara.smith@gmail.com"
        },
        {
          "name": "Address",
          "value": "649 Avalon St <br> San Francisco, CA 94117"
        },
        {
          "name": "Mailing Address",
          "value": "456 Mission St <br> San Francisco, CA 94117"
        }
      ]
    },
    {
      "header": "Alternate Contact",
      "info-items": [
        {
          "name": "Name",
          "value": "Michael Smith",
          "note": "Counselor",
          "secondary": "MEDA"
        },
        {
          "name": "Email",
          "value": "michael.smith@gmail.com"
        },
        {
          "name": "Phone",
          "value": "415-876-5432"
        },
        {
          "name": "Mailing Address",
          "value": "456 Mission St <br> San Francisco, CA 94117"
        }
      ]
    },
    {
      "header": "Household Members",
      "info-items": [
        {
          "name": "Name",
          "value": "Michael Smith",
          "note": "Child"
        },
        {
          "name": "Date of Birth",
          "value": "12/2/1980"
        },
        {
          "divider": true
        },
        {
          "name": "Name",
          "value": "Michael Johnson",
          "note": "Family Member"
        },
        {
          "name": "Date of Birth",
          "value": "12/2/1970"
        },
        {
          "name": "Address",
          "value": "700 Avalon St <br> San Francisco, CA 94117"
        }
      ]
    },
    {
      "header": "Household Details",
      "info-items": [
        {
          "name": "Seniors in Household",
          "value": "Yes"
        },
        {
          "name": "Veterans in Household",
          "value": "Yes"
        },
        {
          "name": "People with Developmental Disabilities",
          "value": "Yes"
        }
      ]
    }
  ]
}

There are no notes for this item.