Mini Kabibi Habibi
<div data-options="dxView : { name: 'login', title: 'Sign In' } " >
<div data-bind="dxCommand: { action: signIn, title: 'Sign in', iconSrc: 'images/sign-in-icon.png', location: 'order' }"></div>
<div data-bind="dxCommand: { action: goBack, title: 'Home', iconSrc: 'images/back-icon.png', location: 'home' }"></div>
<div class="login" data-options="dxContent : { targetPlaceholder: 'content' } " >
<div class="form-wrapper">
<div class="clear">
<div class="grid-50 label">Username</div>
<div class="grid-50 label">Password</div>
</div>
<div class="clear">
<div class="grid-50">
<div class="dx-field-value" data-bind="dxTextBox: { }"></div>
</div>
<div class="grid-50">
<div class="dx-field-value" data-bind="dxTextBox: { mode: 'password' }"></div>
</div>
</div>
</div>
</div>
</div>