Merge branch 'anis' of ssh://git.marbelium.com:10023/Viiciouss/XJC into thierry

src/app/components/home/home.component.html

@@ -3,7 +3,7 @@
 <header>
 
   <!-- Intro Section -->
-  <div class="view hm-white-light jarallax" data-jarallax='{"speed": 0.2}' style="background-image: url(https://mdbootstrap.com/img/Photos/Others/img%20%2844%29.jpg); background-attachment: fixed;">
+  <div class="view hm-white-light jarallax" id="intro" data-jarallax='{"speed": 0.2}' style="background-image: url(https://mdbootstrap.com/img/Photos/Others/img%20%2844%29.jpg); background-attachment: fixed;">
     <div class="full-bg-img">
       <div class="container flex-center">
         <div class="row pt-5 mt-3">
@@ -12,12 +12,12 @@
               <h1 class="display-3 mb-5 wow fadeInDown" data-wow-delay="0.3s">Parrain <a class="indigo-text font-bold">App</a></h1>
               <h5 class="font-up mb-5 mt-1 font-bold wow fadeInDown" data-wow-delay="0.3s">La Grosse Remise !</h5>
 
-              <button class="btn btn-light-blue btn-lg wow fadeInDown waves-light" data-wow-delay="0.3s" mdbRippleRadius (click)="loadRegisterComponent();">S'inscrire</button>
+              <button class="btn btn-light-blue btn-lg wow fadeInDown waves-light" id="inscription" data-wow-delay="0.3s" mdbRippleRadius (click)="loadRegisterComponent();">S'inscrire</button>
               <div *ngIf='loadComponentRegister'>
                 <app-register></app-register>
               </div>
 
-              <button class="btn btn-indigo btn-lg wow fadeInDown waves-light" data-wow-delay="0.3s" mdbRippleRadius (click)="loadLoginComponent();">Se connecter</button>
+              <button class="btn btn-indigo btn-lg wow fadeInDown waves-light" id="login" data-wow-delay="0.3s" mdbRippleRadius (click)="loadLoginComponent();">Se connecter</button>
               <div *ngIf='loadComponentLogin'>
                 <login></login>
               </div>
@@ -106,8 +106,8 @@
           <p class="black-text">Inscrivez vous en quelques secondes et commencez à
             Collectionner vos cartes de parrainage chez vos
             Commerçants affiliés !</p>
-          <div class="col-md-12" id="btnfeature1">
-            <button class="btn btn-light-blue btn-lg wow fadeInDown" style="margin-top: 10%">Inscrivez vous !</button>
+          <div class="col-md-12" id="btnFeature1">
+            <button class="btn btn-light-blue btn-lg wow fadeInDown" pageScroll="#intro" [pageScrollOffset]="0" [pageScrollDuration]="700" [pageScrollInterruptible]="false" href="#intro" (click)="loadRegisterComponent2();" style="margin-top: 10%">Inscrivez vous !</button>
           </div>
         </div>
       </div>
@@ -158,19 +158,20 @@
       <div class="feature-item row mb-3" id="part2features" >
         <div class="col-12">
           <!--<h5 class="feature-title font-bold">Safety</h5>-->
-          <p class="black-text">Réaliser des économies, contrairement à des services classiques
+          <p class="black-text"><label class="font-bold blue-text">Réaliser des économies</label>, contrairement à des services classiques
             Et onéreux où vous devez payer d’avance, ne payer que lorsqu’un
             client a effectivement réaliser un achat chez vous.</p>
-          <p class="black-text">Des cartes de fidélités dématérialisées, des frais en moins.</p>
-          <p class="black-text">Moins de cartes oubliés, un système de fidélité plus fiable.</p>
-          <p class="black-text">Vos clients satisfaits, ils sont récompensés lorsqu’ils vous
+          <p class="black-text"><label class="font-bold blue-text">Des cartes de fidélités dématérialisées</label>, des frais en moins.</p>
+          <p class="black-text"><label class="font-bold blue-text">Moins de cartes oubliés</label>, un système de fidélité plus fiable.</p>
+          <p class="black-text"><label class="font-bold blue-text">Vos clients satisfaits</label>, ils sont récompensés lorsqu’ils vous
             Envoient des clients.</p>
-          <p class="black-text">Une meilleure visibilité sur internet, vous figurez
+          <p class="black-text"><label class="font-bold blue-text">Une meilleure visibilité sur internet</label>, vous figurez
             Automatiquement dans notre base de données clients
             Consultables par tous. Vos offres de fidélité sont publiées
             Sur notre page Facebook sous 24h.</p>
+
           <div class="col-md-12" id="btnFeature2">
-            <button class="btn btn-light-blue btn-lg wow fadeInDown waves-light" style="margin-top: 10%">Inscrivez vous !</button>
+            <button class="btn btn-light-blue btn-lg wow fadeInDown waves-light" pageScroll="#intro" [pageScrollOffset]="0" [pageScrollDuration]="700" [pageScrollInterruptible]="false" href="#intro" (click)="loadRegisterComponent2();" style="margin-top: 10%">Inscrivez vous !</button>
           </div>
         </div>
       </div>

src/app/components/home/home.component.scss

@@ -77,8 +77,11 @@ body {
   justify-content: center;
 }
 
-#btnfeature1, #btnfeature1 {
+#btnFeature1, #btnFeature2 {
   height: auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 

src/app/components/home/home.component.ts

@@ -24,6 +24,11 @@ export class HomeComponent implements OnInit {
     this.loadComponentLogin = false;
   }
 
+  loadRegisterComponent2(){
+    this.loadComponentRegister = true;
+    this.loadComponentLogin = false;
+  }
+
 
   loadLoginComponent(){
     this.loadComponentLogin = !this.loadComponentLogin;