2022-02-22 15:40:08 +01:00
|
|
|
<div class="quick-contact">
|
2022-02-23 09:46:56 +01:00
|
|
|
<a class="uk-button uk-button-secondary" (click)="toggleModal()">
|
2022-02-22 15:40:08 +01:00
|
|
|
<icon *ngIf="!showModal" name="mail"></icon>
|
|
|
|
<icon *ngIf="showModal" name="close"></icon>
|
|
|
|
<span class="uk-margin-small-left">HELP</span>
|
|
|
|
</a>
|
2022-02-23 09:46:56 +01:00
|
|
|
<div class="uk-card uk-card-default" uk-drop="mode: click; pos: top-right">
|
|
|
|
<div class="uk-background-secondary uk-padding-small uk-text-center">
|
|
|
|
<div class="uk-text-small">
|
|
|
|
Send a message
|
|
|
|
</div>
|
|
|
|
<div class="uk-margin-small">
|
|
|
|
<img class="uk-border-circle custom-avatar-circle" src="assets/monitor-assets/avatar.jpg">
|
|
|
|
<img class="uk-border-circle custom-avatar-circle" src="assets/monitor-assets/avatar.jpg">
|
|
|
|
<img class="uk-border-circle custom-avatar-circle" src="assets/monitor-assets/avatar.jpg">
|
|
|
|
<img class="uk-border-circle custom-avatar-circle" src="assets/monitor-assets/avatar.jpg">
|
|
|
|
</div>
|
|
|
|
<div class="uk-text-bold">
|
|
|
|
How can we help?
|
|
|
|
</div>
|
|
|
|
<div class="uk-text-small">
|
|
|
|
We usually respond in a few hours.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="uk-height-medium uk-overflow-auto">
|
|
|
|
TODO: Contact form <br>
|
|
|
|
Name <br>
|
|
|
|
Email <br>
|
|
|
|
Organization <br>
|
|
|
|
Type <br>
|
|
|
|
Comments <br>
|
|
|
|
Send button <br>
|
|
|
|
TODO: Contact form <br>
|
|
|
|
Name <br>
|
|
|
|
Email <br>
|
|
|
|
Organization <br>
|
|
|
|
Type <br>
|
|
|
|
Comments <br>
|
|
|
|
Send button <br>
|
|
|
|
Organization <br>
|
|
|
|
Type <br>
|
|
|
|
Comments <br>
|
|
|
|
Send button <br>
|
2022-02-22 15:40:08 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|