<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>
<section class="app-container">
<div class="row collapse">
<div class="medium-6 medium-centered columns fixed-width">
<div class="app-language">
<ul class="lined-nav">
</ul>
</div>
<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">
<h2 class="app-card_question">Here's what to expect for this application.</h2>
</div>
<div class="app-inner inset">
<div class="form-group">
<p class="form-note margin-bottom">First, we'll ask about you and the people you are going to live with. Then, we'll see if you qualify for any affordable housing lottery preferences, and if so, ask you to upload proof of those preferences. Finally, we'll ask about
your income.</p>
<p class="form-note margin-bottom">You'll get a chance to review your application before you submit it.</p>
<p class="form-note margin-bottom">Please be aware that each household member can only appear on one application for each listing. If your application contains household members that are on other applications for this listing, all of them will be disqualified.</p>
<p class="form-note margin-bottom">Any fraudulent statements will cause your application to be removed from the lottery.</p>
</div>
</div>
<div class="button-pager">
<div class="button-pager_row primary">
<a class="button primary" href="application-name.html">Next</a>
</div>
<div class="button-pager_row">
<a class="button button-link button-lined small-text-center expand-small" href="#">Save and finish later</a>
</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>
{{> @translate-bar }}
{{> @version-bar }}
{{> @top-bar }}
<section class="app-container">
<div class="row collapse">
<div class="medium-6 medium-centered columns fixed-width">
<div class="app-language">
{{> @lined-nav }}
</div>
{{ render '@app-header' }}
<form class="app-card form-card">
<div class="app-inner leader border-bottom">
<h2 class="app-card_question">Here's what to expect for this application.</h2>
</div>
<div class="app-inner inset">
<div class="form-group">
<p class="form-note margin-bottom">First, we'll ask about you and the people you are going to live with. Then, we'll see if you qualify for any affordable housing lottery preferences, and if so, ask you to upload proof of those preferences. Finally, we'll ask about your income.</p>
<p class="form-note margin-bottom">You'll get a chance to review your application before you submit it.</p>
<p class="form-note margin-bottom">Please be aware that each household member can only appear on one application for each listing. If your application contains household members that are on other applications for this listing, all of them will be disqualified.</p>
<p class="form-note margin-bottom">Any fraudulent statements will cause your application to be removed from the lottery.</p>
</div>
</div>
{{> @link-pager left="Next" l-classes="primary" right="Save and finish later" r-classes="button-link button-lined small-text-center expand-small" l-url="application-name.html"}}
</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.