carte-par fix

src/app/components/carteParrainage/carte-envoyer/carte-envoyer.component.scss

@@ -106,7 +106,7 @@
   }
 
   .mainCard {
-    padding-bottom: 40%;
+    padding-bottom: 5vh;
   }
 
   #nouvelleOp {

src/app/components/carteParrainage/carte-parrainage/carte-parrainage.component.scss

@@ -14,9 +14,6 @@
 .mainCard {
   margin-top: 5%;
   width: 100%;
-  .maincard-row {
-    height: 25vh;
-  }
 }
 
 .container {
@@ -107,8 +104,9 @@
   .container {
     padding-top: 20%;
   }
+
   .mainCard {
-    margin-bottom: 50vh;
+    margin-bottom: 5vh;
   }
   #nouvelleOp {
     margin-bottom: 20%;

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

@@ -1,6 +1,6 @@
 <navigationBar></navigationBar>
 <!--Main Navigation-->
-<header>
+<header class="full-height">
 
   <!-- Intro Section -->
   <div class="col-md-12 col-sm-12 mb-3 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;">

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

@@ -1,7 +1,7 @@
 h5 {
   letter-spacing: 3px;
 }
-@media (max-width: 740px) {
+@media screen and (max-width: 740px) {
   .full-height,
   .full-height body,
   .full-height header,
@@ -12,7 +12,7 @@ h5 {
 
 body {
   margin: 0;
-  height: 100%;
+  //height: 100%;
   line-height: 1.5;
   overflow-y: auto;
 }

src/app/components/login/login.component.html

@@ -1,4 +1,4 @@
-<div class="card">
+<div class="card wow fadeInRightBig">
   <div class="well">
         <p class="h5 text-center mb-4">Connexion</p>
         <form (keydown)="keyDownFunction($event)">

src/app/components/register/register.component.html

@@ -1,4 +1,4 @@
-<div class="card">
+<div class="card wow fadeInLeftBig">
   <div class="well d-flex flex-column justify-content-center">
     <p class="h5 text-center mb-4">S'enregistrer</p>
     <p class="text-center mb-4" style="padding-top: 2%;">Êtes-vous <strong>Parrain</strong> ou <strong>Commercant</strong> ?</p>