Removed anime.js. Added Saoult new pic. Added 2nd description div

css/base.css

@@ -16,10 +16,18 @@
     scroll-behavior: smooth;
 }
 
-h1 {
+*:any-link{
+    color: var(--color-light);
+}
+
+h1,h2,h3 {
     font-family: "Comic Sans MS", "Comic Sans", cursive;
 }
 
+.italic {
+    font-style: italic;
+}
+
 p {
     font-family: 'Josefin Sans', sans-serif;
 }

css/index.css

@@ -48,7 +48,7 @@
 .description {
   background-color: var(--color-main-light);
   width: 100%;
-  height: 55rem;
+  height: auto;
   display: flex;
   box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
   position: relative;
@@ -61,20 +61,32 @@
   margin: 2rem 2rem;
   word-wrap: break-word;
   overflow: clip;
+  text-align: justify;
+}
+
+.description-text em {
+  color: var(--color-dark);
 }
 
 .description-img {
   width: 100%;
-  height: 100%;
+  height: auto;
   margin: 0 2rem;
   display: flex;
   justify-content: center;
   align-items: center;
 }
 
-.placeholder {
+.billboard {
   max-width: 30rem;
   height: auto;
   float: right;
   box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
+}
+
+.profilepic {
+  max-width: 25rem;
+  height: auto;
+  float: right;
+  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
 }

index.html

@@ -25,37 +25,54 @@
     </div>
     <div class="description">
         <div class="description-text">
-            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
+            <h3 class="italic">« je jure, en tant que loyer sur loi, d’exercer mes fonctions avec style, ruse,
-                dolore
+                pragmatisme et cramptés »</h3>
-                magna aliqua. Sed viverra ipsum nunc aliquet bibendum. Enim ut sem viverra aliquet eget sit amet. Cursus
+            <br>
-                sit
+            <h1>Votre avocat peut vous amener vers la victoire</h1>
-                amet dictum sit amet justo donec. Volutpat est velit egestas dui id ornare arcu odio. Cras fermentum
+            <br>
-                odio eu
+            <p>Avocat <em>(pas le fruit)</em> inscrit au Barreau de Toulouse depuis le 12 décembre 2012 à 4h56 du matin.
-                feugiat pretium nibh ipsum. Nisl condimentum id venenatis a condimentum. Massa tincidunt dui ut ornare
+                J’ai
-                lectus. Lectus mauris ultrices eros in cursus turpis. Lorem mollis aliquam ut porttitor leo a diam
+                ouvert mon cabinet seulement 2 minutes après, j'ai acquis de l’expérience avec de nombreuses affaires
-                sollicitudin tempor. Dictum sit amet justo donec enim diam vulputate. Volutpat consequat mauris nunc
+                autour des entreprises et des criminels. Je connais tous les délits inimaginables <em>(mon frère a fait
-                congue.
+                    10
-                Pulvinar neque laoreet suspendisse interdum consectetur libero id faucibus nisl. Risus in hendrerit
+                    ans de prison et mon père est évadé fiscal)</em>. Je me promets d’être toujours disponible pour mes
-                gravida
+                clients
-                rutrum quisque. Nunc mi ipsum faucibus vitae aliquet. Lectus nulla at volutpat diam ut. Diam in arcu
+                que ce soit en pleine nuit ou dans des dimensions parallèles <em>(Appel surtaxé)</em>. Attentif durant
-                cursus
+                les cours
-                euismod. Amet volutpat consequat mauris nunc congue.<br><br>
+                de M. Timètres en SVT au lycée Raymond Naves.
-                Tincidunt augue interdum velit euismod. Cras ornare arcu dui vivamus arcu felis bibendum. In fermentum
+                <br><br>J’intérviens à Toulouse, Ramonville Saint-Agne et <a
-                et
+                    href="https://www.google.fr/maps/@39.0198584,125.7532734,16">39.01939978492492,
-                sollicitudin ac. Id faucibus nisl tincidunt eget. Non odio euismod lacinia at quis. Quis viverra nibh
+                    125.75396209686407</a>
-                cras
+            </p>
-                pulvinar. Leo duis ut diam quam nulla porttitor massa id neque. Neque volutpat ac tincidunt vitae.
-                Aliquet
-                eget sit amet tellus. Mi proin sed libero enim sed. Enim sed faucibus turpis in eu mi bibendum neque
-                egestas. Interdum posuere lorem ipsum dolor sit amet consectetur. Ipsum consequat nisl vel pretium
-                lectus.
-                Id volutpat lacus laoreet non curabitur gravida arcu. Turpis massa tincidunt dui ut ornare lectus. Sit
-                amet
-                aliquam id diam. Orci a scelerisque purus semper. Amet nisl suscipit adipiscing bibendum est ultricies
-                integer quis.</p>
         </div>
         <div class="description-img">
-            <img class="placeholder" src="assets/meilleurappelersaoul.jpg"></img>
+            <img class="billboard" src="assets/meilleurappelersaoul.jpg"></img>
+        </div>
+    </div>
+    <div class="description">
+        <div class="description-img">
+            <img class="profilepic" src="assets/saoult_bg_arbre.jpg"></img>
+        </div>
+        <div class="description-text">
+            <h1>Votre avocat pour vous ! Pour vos droits</h1>
+            <br>
+            <p>
+                Je suis là pour vous et je vous permettrai d’obtenir vos droits. La loi a pour habitude d’oublier ce
+                qu’un humain est, le but est de vous aider.
+                <br>
+                Meurtre ? Vente de drogue ? Crime contre l’humanité ? Aucun humain sur cette belle terre qu’est la
+                France ou la Corée du Nord ne pourrait faire ces affronts. Je pense que vous avez été escroqués par les
+                lois corrompus des instances « « éthiques » » et je vais vous défendre comme si ma vie en dépendait !
+                <br><br>
+                Une entreprise c’est un vrai projet, certaines lois vous empêche de faire de ce rêve une réalité. Je
+                suis là pour rappeler au monde que votre projet est le meilleur.
+                <br>
+                Problème écologique ? non-respect des normes ? maltraitance des employés ? Je pense que dans ce beau
+                pays qu’est la France aucune licorne ne peut faire ces délits. Les entités dictant ces mauvais mots à
+                votre égard ont sûrement tort, et je vais me battre avec vous pour leur prouver quelle est la vraie
+                justice !
+
+            </p>
         </div>
     </div>
     <Footer></Footer>