diff --git a/assets/css/material-cards.css b/assets/css/material-cards.css
index 79a91fa..5fef10d 100644
--- a/assets/css/material-cards.css
+++ b/assets/css/material-cards.css
@@ -1401,6 +1401,22 @@ background: linear-gradient(90deg, rgba(255,199,27,1) 0%, rgba(255,18,74,1) 100%
     background: rgb(29,190,209);
     background: linear-gradient(90deg, rgba(29,190,209,1) 0%, rgba(127,223,163,1) 100%);
 }
+.material-card.form7 h2 {
+    background: rgb(255,199,27);
+background: linear-gradient(90deg, rgba(255,199,27,1) 0%, rgba(255,18,74,1) 100%);
+}
+.material-card.form7 h2:after {
+    border-top-color: transparent;
+    border-right-color: transparent;
+    border-bottom-color: transparent;
+    border-left-color: transparent;
+}
+.material-card.form7 h2:before {
+    border-top-color: transparent;
+    border-right-color: rgba(255,18,74,1);
+    border-bottom-color: rgba(255,18,74,1);
+    border-left-color: transparent;
+}
 .material-card.form4 h2:after {
     border-top-color: transparent;
     border-right-color: transparent;
diff --git a/assets/img/person/1.jpg b/assets/img/person/1.jpg
deleted file mode 100644
index 1357224..0000000
Binary files a/assets/img/person/1.jpg and /dev/null differ
diff --git a/assets/img/person/ouadah.png b/assets/img/person/ouadah.png
new file mode 100644
index 0000000..1a1c4d6
Binary files /dev/null and b/assets/img/person/ouadah.png differ
diff --git a/assets/img/person/oumarouayach.png b/assets/img/person/oumarouayach.png
new file mode 100644
index 0000000..3557ef8
Binary files /dev/null and b/assets/img/person/oumarouayach.png differ
diff --git a/index.html b/index.html
index 1c01fc5..8bd30d1 100644
--- a/index.html
+++ b/index.html
@@ -917,7 +917,7 @@ <h4>
                  <!--_________________________card7____________________________________________-->
 
                 <div class="col-md-4 col-sm-6 col-xs-12">
-                    <article class="material-card form4">
+                    <article class="material-card form3">
                         <h2>
                             <span>Hamid Bakli</span>
                             <strong>
@@ -927,7 +927,7 @@ <h2>
                         </h2>
                         <div class="mc-content">
                             <div class="img-container">
-                                <img class="img-responsive" src="assets/img/person/ouadah.jpg">
+                                <img class="img-responsive" src="assets/img/person/ouadah.png">
                             </div>
                             <div class="mc-description">
                                 His bio ...
@@ -951,7 +951,7 @@ <h4>
                  <!--_________________________card8____________________________________________-->
 
                 <div class="col-md-4 col-sm-6 col-xs-12">
-                    <article class="material-card form4">
+                    <article class="material-card form6">
                         <h2>
                             <span>Hamid Bakli</span>
                             <strong>
@@ -985,7 +985,7 @@ <h4>
                  <!--_________________________card9____________________________________________-->
 
                 <div class="col-md-4 col-sm-6 col-xs-12">
-                    <article class="material-card form4">
+                    <article class="material-card form2">
                         <h2>
                             <span>Hamid Bakli</span>
                             <strong>
@@ -1019,7 +1019,7 @@ <h4>
                  <!--_________________________card10____________________________________________-->
 
                 <div class="col-md-4 col-sm-6 col-xs-12">
-                    <article class="material-card form4">
+                    <article class="material-card form5">
                         <h2>
                             <span>Hamid Bakli</span>
                             <strong>
@@ -1029,7 +1029,7 @@ <h2>
                         </h2>
                         <div class="mc-content">
                             <div class="img-container">
-                                <img class="img-responsive" src="assets/img/person/oumarouayach.jpg">
+                                <img class="img-responsive" src="assets/img/person/oumarouayach.png">
                             </div>
                             <div class="mc-description">
                                 His bio ...
@@ -1053,7 +1053,7 @@ <h4>
                  <!--_________________________card11____________________________________________-->
 
                 <div class="col-md-4 col-sm-6 col-xs-12">
-                    <article class="material-card form4">
+                    <article class="material-card form1">
                         <h2>
                             <span>Hamid Bakli</span>
                             <strong>
@@ -1087,7 +1087,7 @@ <h4>
                  <!--_________________________card12____________________________________________-->
 
                 <div class="col-md-4 col-sm-6 col-xs-12">
-                    <article class="material-card form4">
+                    <article class="material-card form6">
                         <h2>
                             <span>Hamid Bakli</span>
                             <strong>
@@ -1119,7 +1119,7 @@ <h4>
                 </div>
 
                  <!--_________________________card13____________________________________________-->
-
+                <div class="col-lg-4"></div>
                 <div class="col-md-4 col-sm-6 col-xs-12">
                     <article class="material-card form4">
                         <h2>