32 lines
1.4 KiB
HTML
32 lines
1.4 KiB
HTML
<div class="quick-contact">
|
|
<a class="uk-button uk-button-secondary uk-text-uppercase uk-flex uk-flex-middle">
|
|
<icon *ngIf="!showDrop" name="mail" [flex]="true"></icon>
|
|
<icon *ngIf="showDrop" name="close" [flex]="true"></icon>
|
|
<span class="uk-margin-small-left">Contact</span>
|
|
</a>
|
|
<div #drop id="quick-contact" class="uk-card uk-card-default uk-drop uk-overflow-auto" uk-drop="mode: click; pos: top-right; animation: uk-animation-fade">
|
|
<div class="uk-background-primary uk-padding-small uk-text-center">
|
|
<div class="uk-text-small">
|
|
Send a message
|
|
</div>
|
|
<div class="uk-margin-small avatars">
|
|
<img class="uk-border-circle" src="assets/monitor-assets/avatar.jpg">
|
|
<img class="uk-border-circle" src="assets/monitor-assets/avatar.jpg">
|
|
<img class="uk-border-circle" src="assets/monitor-assets/avatar.jpg">
|
|
<img class="uk-border-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-card-body">
|
|
<loading *ngIf="sending" class="uk-margin-xlarge-top"></loading>
|
|
<contact-us *ngIf="contactForm && !sending" [organizationTypes]="organizationTypes" (sendEmitter)="send($event)"
|
|
[smallForm]="true" sendButton="Send Message" [contactForm]="contactForm"></contact-us>
|
|
</div>
|
|
</div>
|
|
</div>
|