Update worker section

Update 1.4
Move info and add blur substrate.
add chevrons

index.html

@@ -221,16 +221,27 @@ <h3 class="card-title2">Procreate</h3>
         </section>
         <section>
             <img src="images/ronaldrichards.png" alt="Ronald Richards">
+            <div class="blur">
             <h1 class="name">
                 Ronald Richards
             </h1>
             <p class="worker">Product Manager</p>
-            <p class="work-des">Incididunt cillum do sint sint enim ullamco id deserunt mollit qui reprehenderit do.
+        </div>
+            <p class="work-des">Incididunt cillum do sint sint enim ullamco id deserunt mollit <br> qui reprehenderit do.
                 Velit ex tempor cillum
-                ad sint occaecat. Do nulla velit labore occaecat do deserunt Lorem magna officia incididunt consectetur
-                amet. Sunt consectetur veniam minim ex commodo sint non. Occaecat aute officia excepteur non laboris id
+                ad sint occaecat. <br> Do nulla velit labore occaecat do deserunt Lorem magna <br> officia incididunt consectetur
+                amet. Sunt consectetur veniam <br> minim ex commodo sint non. Occaecat aute officia <br> excepteur non laboris id
                 qui
                 ad.</p>
+                <ul class="chevrons">
+                    <li class="che-left"><img src="images/chevronleft.png" alt="chr-left"></li>
+                    <li class="chr-right"><img src="images/chevronright.png" alt="chr-right"></li>
+                </ul>
+                <ul class="lanes">
+                    <li class="not-active-lane"></li>
+                    <li class="active-lane"></li>
+                    <li class="not-active-lane"></li>
+                </ul>
         </section>
         <section class="footin">
             <h1 class="main-titlee">Become a contributor?</h1>

style.css

@@ -419,6 +419,50 @@ body {
 
 }
 
+.work-des{
+    display: flex;
+    flex-wrap: wrap;
+    letter-spacing: 1.5%;
+    line-height: 30px;
+color: rgba(255, 255, 255, 0.78);
+font-family: "Roboto";
+font-size: 14px;
+font-weight: 400;
+}
+
+.lanes{
+    list-style: none;
+    display: flex;
+    gap: 18px;
+    justify-content: center;
+}
+
+.not-active-lane{
+    width: 44px;
+    height: 8px;
+    border-radius: 4px;
+    background: rgb(40, 48, 54);
+}
+
+.active-lane{
+    width: 44px;
+    height: 8px;
+    border-radius: 4px;
+box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
+background: rgb(255, 110, 48); 
+}
+
+.blur{
+    position: absolute;
+    margin-left: 317px;
+    top: 3872px;
+/*    */
+padding: 10px 22px;
+    border-radius: 8px;
+backdrop-filter: blur(50px);
+background: rgba(40, 48, 54, 0.2);
+}
+
 .newcomer-tools {
     gap: 24px;
     display: flex;
@@ -481,13 +525,35 @@ body {
     font-family: "Poppins";
     font-size: 16px;
     font-weight: 400;
+
+}
+
+.che-left{
+position: absolute;
+box-sizing: border-box;
+top: 3700px;
+}
+
+.chr-right{
+    position: absolute;
+width: 12px;
+height: 24px;
+margin-left: 1100px;
+top: 3700px;
+}
+
+.chevrons{
+    list-style: none;
 }
 
 .work-des {
+    position: absolute;
     color: rgba(255, 255, 255, 0.78);
     font-family: "Roboto";
     font-size: 14px;
     font-weight: 400;
+    top: 3628px;
+    margin-left: 586px;
 }
 
 .footer-font-i {
@@ -513,6 +579,7 @@ body {
     font-family: "Poppins";
     font-size: 16px;
     font-weight: 500;
+    margin-bottom: 27px;
 }
 
 
@@ -544,7 +611,7 @@ body {
 .antools-f {
     display: flex;
     flex-wrap: wrap;
-
+    
 }
 
 .container {