|
|
<div class="uk-grid main-grid"> |
<div class="uk-grid main-grid"> |
<div class="uk-width-xlarge-1-4 uk-width-large-1-3 uk-width-medium-1-2 contact-list-block"> |
<div class="uk-width-xlarge-1-4 uk-width-large-1-3 uk-width-medium-1-2 contact-list-block"> |
<ul class="uk-list contact-list" data-app="contacts"></ul> |
<ul class="uk-list contact-list" data-app="contacts"></ul> |
<div class="uk-form input-group"> |
<div class="uk-form input-group"> |
<input id="new-contact" class="uk-width-3-4" type="text" value="" required> |
<input id="new-contact" type="text" value="" placeholder="add a contact" required> |
<span class="input-group-button"> |
<span class="input-group-button"> |
<button type="button" class="uk-button uk-button-success" data-add-button> |
<button type="button" class="uk-button uk-button-success" data-add-button> |
<i class="uk-icon-plus"></i> |
<i class="uk-icon-user-plus"></i> |
</button> |
</button> |
</span> |
</span> |
</div> |
</div> |
</div> |
</div> |
|
|
<div class="uk-width-xlarge-3-4 uk-width-large-2-3 uk-width-medium-1-2"> |
<div class="uk-width-xlarge-3-4 uk-width-large-2-3 uk-width-medium-1-2"> |
<div data-app="logs"></div> |
<div data-app="logs"></div> |
<div class="uk-form input-group uk-hidden" data-form="send"> |
<div class="uk-form input-group uk-hidden" data-form="send"> |
<input id="msg" type="text" value=""> |
<input id="msg" type="text" value="" placeholder="send a message" required> |
<span class="input-group-button"> |
<span class="input-group-button"> |
<button class="uk-button uk-button-primary" data-send-button>send</button> |
<button class="uk-button uk-button-primary" data-send-button> |
|
<i class="uk-icon-paper-plane"></i> |
|
</button> |
</span> |
</span> |
</div> |
</div> |
</div> |
</div> |
</div> |
</div> |
</div> |
</div> |