src/app/pages/features-page/features-page.component.ts
Features page component
| selector | app-features-page |
| styleUrls | features-page.component.scss |
| templateUrl | ./features-page.component.html |
Properties |
|
Methods |
constructor()
|
| ngOnInit |
ngOnInit()
|
|
Initalize component
Returns :
void
|
| Private log |
log:
|
Default value : Log.create('FeaturesPageComponent')
|
|
Logger |
import { Component, OnInit } from '@angular/core';
import { Log } from 'ng2-logger';
/**
* Features page component
* @author Daniel Sogl, Jascha Renner
*/
@Component({
selector: 'app-features-page',
templateUrl: './features-page.component.html',
styleUrls: ['./features-page.component.scss']
})
export class FeaturesPageComponent implements OnInit {
/** Logger */
private log = Log.create('FeaturesPageComponent');
/**
* Constructor
*/
constructor() {}
/**
* Initalize component
*/
ngOnInit() {
this.log.color = 'orange';
this.log.d('Component initialized');
}
}
<div class="row mt-5 pt-5">
<div class="col text-center">
<div class="card card-cascade wider reverse my-4">
<div class="card-body text-left">
<!--Section: Features v.2-->
<section class="section feature-box">
<!--Section heading-->
<h1 class="section-heading pt-4" style="margin-top:0rem; margin-bottom:2rem">Was macht uns so besonders?</h1>
<!--Section description-->
<p class="grey-text" style="margin-bottom:2rem">Entdecken Sie jetzt die vielfältigen Funktionen und Vorteile von EventPicKing!</p>
<!--Grid row-->
<div class="row pb-3">
<!--Grid column-->
<div class="col-lg-7">
<div class="col-10 col-md-9 col-lg-10 float-right">
<h4 class="feature-title">Wir bringen Fotografen und Kunden zusammen</h4>
<p class="grey-text">Erstellen Sie ganz einfach ein Event über unser Portal und laden Sie alle Bilder des Events hoch. Durch einen
Link können Sie den Nutzern einen Zugriff auf die Bilder ermöglichen.</p>
<a class="btn pink ml-0 waves-light" routerLink="/signup" mdbRippleRadius>Mehr erfahren</a>
<br>
<br>
<br>
</div>
<div class="col-10 col-md-9 col-lg-10 float-right">
<h4 class="feature-title">Eventbilder schnell und einfach verkaufen</h4>
<p class="grey-text">Die von Ihnen erstellten Fotos können Sie einfach über unser Portal an Ihre Kunden verkaufen. Sie haben die
Wahl, ob dies über die Druckerei Ihres Vertrauens oder unsere Hausdruckerei abgewickelt wird.
</p>
<a class="btn pink ml-0 waves-light" routerLink="/search-photographer" mdbRippleRadius>Mehr erfahren</a>
<br>
<br>
<br>
</div>
<div class="col-10 col-md-9 col-lg-10 float-right">
<h4 class="feature-title">Finden Sie den passenden Fotografen in Ihrer Nähe</h4>
<p class="grey-text">Sie suchen für Ihr Event einen Fotograf in Ihrer Nähe? Wir bieten Ihnen die Möglichkeit über unser Portal
die besten Fotografen zu finden.</p>
<a class="btn pink ml-0 waves-light" routerLink="/search-photographer" mdbRippleRadius>Mehr erfahren</a>
<br>
<br>
</div>
</div>
<!--Grid column-->
<!--Grid column-->
<div class="col-5 mb-r center-on-small-only">
<img src="https://mdbootstrap.com/img/Photos/Others/screens-section.jpg" alt="" class="img-fluid z-depth-0">
</div>
<!--Grid column-->
</div>
<!--Grid row-->
</section>
<!--Section: Features v.2-->
</div>
</div>
</div>
</div>