<nav class="top-bar full-width inner--3x" role="navigation">
<div class="row">
<ul class="title-area">
<li class="name">
<div class="name-logo is-short t-alt-sans"><a title="DAHLIA San Francisco Housing Portal" href="/pages/home.html">DAHLIA San Francisco Housing Portal</a></div>
</li>
</ul>
<section class="top-bar-section">
<ul class="nav-menu left">
<li>
<a href="/lease-up/listings.html">
Listings
</a>
</li>
<li>
<a href="/lease-up/flags.html">
Flags
</a>
</li>
<li>
<a href="/lease-up/applications.html">
Applications
</a>
</li>
<li>
<a href="/lease-up/lease-up.html">
Lease Up
</a>
</li>
</ul>
<ul class="nav-menu right">
<li>
<a href="/pages/get-assistance.html">
Sign Out
</a>
</li>
</ul>
</section>
</div>
</nav>
<header class="lead-header short has-breadcrumbs bg-snow">
<div class="row full-width inner--3x">
<div class="large-12 columns max-width">
<nav aria-label="breadcrumb">
<ol class="breadcrumbs">
<li><a href="#">Home</a></li>
<li><a href="#">Features</a></li>
<li class="current"><a href="#" aria-current="page">Cloning</a></li>
</ol>
</nav>
<hgroup class="lead-header_group">
<h1 class="lead-header_title small c-oil">Page Header</h1>
<div class="medium-8 columns no-padding">
</div>
</hgroup>
</div>
</div>
</header>
<section class="tabs-card-row row full-width inner--3x margin-bottom--2x">
<div class="app-card form-card tabs-card max-width">
<div class="app-inner header-wide">
<h2 class="app-card_h2">Primary Applicant</h2>
</div>
<div class="app-inner inset-wide border-bottom">
<div class="form-grid row expand padding-bottom">
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
</div>
<div class="form-grid row expand padding-bottom">
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
</div>
</div>
<div class="app-inner subheader-wide">
<h3 class="app-card_h3 t-sans">Home Address</h3>
</div>
<div class="app-inner inset-wide border-bottom">
<div class="form-grid row expand">
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
</div>
<div class="form-grid row expand">
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="row">
<div class="small-6 column">
<div class="form-group">
<label for="" class="">Text label</label>
<label for="options" class="sr-only">Label</label>
<select name="options" id="options" class="" data-width="auto">
<option value="">Select one</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
<option value="5">Option 5</option>
<option value="6">Option 6</option>
</select> </div>
</div>
<div class="small-6 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
</div>
</div>
</div>
</div>
<div class="app-inner subheader-wide">
<h3 class="app-card_h3 t-sans">Mailing Address</h3>
</div>
<div class="app-inner inset-wide border-bottom">
<div class="form-grid row expand">
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
</div>
<div class="form-grid row expand">
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="row">
<div class="small-6 column">
<div class="form-group">
<label for="" class="">Text label</label>
<label for="options" class="sr-only">Label</label>
<select name="options" id="options" class="" data-width="auto">
<option value="">Select one</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
<option value="5">Option 5</option>
<option value="6">Option 6</option>
</select> </div>
</div>
<div class="small-6 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
</div>
</div>
</div>
</div>
<div class="app-inner header-wide">
<h2 class="app-card_h2">Alternate Contact</h2>
</div>
<div class="app-inner inset-wide border-bottom">
<div class="form-grid row expand padding-bottom">
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
</div>
<div class="form-grid row expand padding-bottom">
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
</div>
<div class="form-grid row expand padding-bottom">
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
</div>
</div>
<div class="app-inner header-wide">
<h2 class="app-card_h2">Household Members</h2>
</div>
<div class="app-inner inset-wide border-bottom">
<div class="form-grid row expand">
<div class="small-12 column">
<button class="button small" type="button" data-event="">Add household member</button>
</div>
</div>
</div>
<div class="app-inner header-wide">
<h2 class="app-card_h2">Reserved and Priority Qualifying Information</h2>
</div>
<div class="app-inner inset-wide border-bottom">
<div class="form-grid row expand">
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="" class="">Text label</label>
<div class="radio-group-inline ">
<p class="radio-inline">
<input type="radio" name="" value="-yes" id="-yes">
<label class="radio-inline_label" for="-yes">Yes</label>
</p>
<p class="radio-inline">
<input type="radio" name="" value="-no" id="-no">
<label class="radio-inline_label" for="-no">No</label>
</p>
</div>
</div>
</div>
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="" class="">Text label</label>
<div class="radio-group-inline ">
<p class="radio-inline">
<input type="radio" name="" value="-yes" id="-yes">
<label class="radio-inline_label" for="-yes">Yes</label>
</p>
<p class="radio-inline">
<input type="radio" name="" value="-no" id="-no">
<label class="radio-inline_label" for="-no">No</label>
</p>
</div>
</div>
</div>
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="" class="">Text label</label>
<div class="radio-group-inline ">
<p class="radio-inline">
<input type="radio" name="" value="-yes" id="-yes">
<label class="radio-inline_label" for="-yes">Yes</label>
</p>
<p class="radio-inline">
<input type="radio" name="" value="-no" id="-no">
<label class="radio-inline_label" for="-no">No</label>
</p>
</div>
</div>
</div>
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="" class="">Text label</label>
<div class="checkbox-group form-checkbox-item" role="group">
<div class="checkbox-block">
<input type="checkbox" name="preferences" value="preferences-displaced" id="preferences-displaced">
<label class="checkbox-block_label" for="preferences-displaced">
Displaced Tenants Preference
</label>
</div>
<div class="checkbox-block">
<input type="checkbox" name="preferences" value="preferences-cop" id="preferences-cop">
<label class="checkbox-block_label" for="preferences-cop">
Certificate of Preference
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="app-inner header-wide">
<h2 class="app-card_h2">Application Preferences</h2>
</div>
<div class="app-inner inset-wide border-bottom">
<div class="form-grid row expand">
<div class="small-12 column">
<button class="button small" type="button" data-event="">Add Preference</button>
</div>
</div>
</div>
<div class="app-inner header-wide">
<h2 class="app-card_h2">Declared Household Income</h2>
</div>
<div class="app-inner inset-wide border-bottom">
<div class="form-grid row expand">
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
</div>
</div>
<div class="app-inner header-wide">
<h2 class="app-card_h2">Demographic Information</h2>
</div>
<div class="app-inner inset-wide">
<div class="form-grid row expand padding-bottom">
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
</div>
<div class="form-grid row expand padding-bottom">
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
<div class="form-grid_item small-12 medium-6 large-3 column">
<div class="form-group">
<label for="textInput" class="">Text input</label>
<input type="text" id="textInput" name="textInput" placeholder="Type here" aria-describedby="described-id" />
</div>
</div>
</div>
</div>
<div class="padding-bottom--2x margin-bottom--2x"></div>
<div class="button-pager">
<div class="button-pager_row align-buttons-center primary">
<button class="button primary">Save</button><button class="button secondary}}">Save and New</button>
</div>
<div class="button-pager_row ">
<button class="button button expand-small button-link button-lined small-text-center">Cancel</button>
</div>
</div>
</div>
</section>
{{> @top-bar--full }}
{{> @lead-header--short classes="bg-snow" max-width="max-width" }}
<section class="tabs-card-row row full-width inner--3x margin-bottom--2x">
{{ render '@app-card-edit' }}
</section>
{
"menus": {
"leaseup-shortform": [
{
"name": "Short Form Application",
"active": true
},
{
"name": "Supplemental Information"
}
],
"leaseup": [
{
"name": "Short Form Application"
},
{
"name": "Supplemental Information",
"active": true
}
],
"listing": [
{
"name": "Listing"
},
{
"name": "Applications",
"active": true
}
],
"listing-view": [
{
"name": "Listing",
"active": true
},
{
"name": "Applications"
}
]
},
"page-class": "bg-snow"
}
There are no notes for this item.