administrator/pas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor code structure for improved readability and maintainability

Browse Source
This commit is contained in:
Marek Lesko
2025-10-21 14:42:11 +00:00
parent 61d52a5bd1
commit 213fd63860
13 changed files with 195 additions and 222 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
Web/src/app/pages/front-pages/contact/contact.component.html
View File

@@ -3,8 +3,9 @@
<div class="banner-section bg-light-primary p-y-80">
<div class="container m-b-80 p-b-80">
<div class="container-content">
<p class="text-primary text-center text-uppercase f-s-14 m-t-0"> Contact us</p>
<h1 class="text-center f-s-48 section-sub-title lh-normal">We'd love to hear from you</h1>
<p class="text-primary text-center text-uppercase f-s-14 m-t-0"> Chceme sa dozvedieť viac do vás</p>
<h1 class="text-center f-s-48 section-sub-title lh-normal">Kontaktujte nás
</h1>
</div>
</div>
</div>
@@ -25,68 +26,66 @@
<div class="row ">
<div class="col-md-6">
<!-- input -->
<mat-label class="f-s-14 f-w-600 m-b-8 d-block">First Name<span>*</span></mat-label>
<mat-label class="f-s-14 f-w-600 m-b-8 d-block">Meno<span>*</span></mat-label>
<mat-form-field appearance="outline" class="w-100" color="primary">
<input matInput type="text" placeholder="First Name" />
<input matInput type="text" placeholder="Meno" />
</mat-form-field>
<!-- input -->
<mat-label class="f-s-14 f-w-600 m-b-8 d-block">Phone Number<span>*</span></mat-label>
<mat-label class="f-s-14 f-w-600 m-b-8 d-block">Telefónne číslo<span>*</span></mat-label>
<mat-form-field appearance="outline" class="w-100" color="primary">
<input matInput type="tel" placeholder="xxx xxx xxxx" />
<input matInput type="tel" placeholder="xxxx xxx xxxx" />
</mat-form-field>
</div>
<div class="col-md-6">
<!-- input -->
<mat-label class="f-s-14 f-w-600 m-b-8 d-block">Last Name<span>*</span></mat-label>
<mat-label class="f-s-14 f-w-600 m-b-8 d-block">Priezvisko<span>*</span></mat-label>
<mat-form-field appearance="outline" class="w-100" color="primary">
<input matInput type="text" placeholder="Last Name" />
<input matInput type="text" placeholder="Priezvisko" />
</mat-form-field>
<!-- input -->
<mat-label class="f-s-14 f-w-600 m-b-8 d-block">Email<span>*</span></mat-label>
<mat-form-field appearance="outline" class="w-100" color="primary">
<input matInput type="mail" placeholder="Email address" />
<input matInput type="mail" placeholder="Emailová adresa" />
</mat-form-field>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<mat-label class="f-s-14 f-w-600 m-b-8 d-block">Enquire related to<span>*</span>
<mat-label class="f-s-14 f-w-600 m-b-8 d-block">Dopyt týkajúci sa<span>*</span>
</mat-label>
<mat-form-field appearance="outline" class="w-100">
<mat-select value="General Enquiry">
<mat-option value="General Enquiry">General Enquiry</mat-option>
<mat-option value="General Enquiry 2">General Enquiry 2</mat-option>
<mat-option value="General Enquiry">Všeobecný dopyt</mat-option>
<mat-option value="Registration Enquiry">Žiadosť o registráciu</mat-option>
</mat-select>
</mat-form-field>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<mat-label class="f-s-14 f-w-600 m-b-8 d-block">Message</mat-label>
<mat-label class="f-s-14 f-w-600 m-b-8 d-block">Správa</mat-label>
<mat-form-field appearance="outline" class="w-100" color="primary">
<textarea matInput rows="5" placeholder="Write your message here"></textarea>
<textarea matInput rows="5" placeholder="Napíšte svoju správu sem"></textarea>
</mat-form-field>
</div>
</div>
<button mat-flat-button>Submit</button>
<button mat-flat-button>Odoslať</button>
</div>
<div class="col-md-4 right-side-content">
<mat-card class="shadow-none bg-primary rounded-8 p-8">
<mat-card-content>
<div>
<h6 class="f-s-20 m-b-16 text-white">Reach Out Today</h6>
<h6 class="f-s-20 m-b-16 text-white">Kontaktujte nás dnes</h6>
<p class="f-s-14 m-0 text-white">
Have questions or need assistance? We're just a message
away.
Máte otázky alebo potrebujete pomoc? Napíšte nám správu.
</p>
</div>
<mat-divider class="m-y-30"></mat-divider>
<div>
<h6 class="f-s-20 m-b-16 text-white">Our Location</h6>
<h6 class="f-s-20 m-b-16 text-white">Naša lokalita</h6>
<p class="f-s-14 m-0 text-white">
Visit us in person or find our contact details to connect
with us directly.
Navštívte nás osobne alebo nájdite naše kontaktné údaje, aby ste sa s nami mohli priamo spojiť.
</p>
</div>
</mat-card-content>