Changed images used in the layout.

Added content to Our Way part.
Added overlay for passion / dedication pictures due to low quality photos.
We will have to eventually replace all of those in about section with better ones.

Author: Tomasz-Kluczkowski

_pages/01_about.html

@@ -35,7 +35,7 @@ <h2 class="about__page-subtitle">Our Goals, Our Story</h2>
                 <h2 class="about__section-title-left">Who We Are</h2>
                 <div class="row">
                     <div class="col-md-8 offset-md-2">
-                        <img class="about__paragraph-img-main rounded" src="../static/images/about/python_sprints_decoded_673x411px.JPG" alt="Test image 1">
+                        <img class="about__paragraph-img-main rounded" src="../static/images/about/python_sprints_decoded_673x411px.JPG" alt="Focused on quality">
                         <h2 class="about__paragraph-title-dark">Python Sprints Decoded</h2>
                         <hr class="about__divider-right">
                         <p class="about__paragraph-dark">
@@ -65,14 +65,23 @@ <h2 class="about__img-top-title">Passion</h2>
             <div class="about__img-bot-title-container">
                 <h2 class="about__img-bot-title">Dedication</h2>
             </div>
-            <!--<img class="about__img-bot rounded" src="../static/images/about/top_image_964x659px.JPG" alt="Test image 1">-->
         </div>
     </div>
 
     <div class="about__container container-fluid">
         <div class="row">
             <div class="col-12 no-padding-x">
-                <h2 class="about__section-title-left">Our Way</h2>
+                <h2 class="about__section-title-right">Our Way</h2>
+                <div class="row">
+                    <div class="col-md-8 offset-md-2">
+                        <img class="about__paragraph-img-main rounded" src="../static/images/about/teamwork_673x411px.JPG" alt="Teamwork for the win">
+                        <h2 class="about__paragraph-title-dark">Teamwork Rules</h2>
+                        <hr class="about__divider-right">
+                        <p class="about__paragraph-dark">
+                            We believe in helping each other to bring the knowledge in the group up to the highest possible level. Anyone can ask a question and expect aid in their problems during the session. We have people using all kinds of OSes, editors etc. and we all sometimes struggle but a solution is just ask someone else to have a look.
+                        </p>
+                    </div>
+                </div>
             </div>
         </div>
     </div>

_sass/about.scss

@@ -39,6 +39,7 @@
 .about__section-title-right {
   @extend .about__section-title-left;
   text-align: right;
+  margin-top: 5%;
 }
 
 
@@ -95,7 +96,7 @@
   position: absolute;
   top: 0;
   right: 15%;
-  background: url("../images/about/top_image_964x643px.JPG") no-repeat top center;
+  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/about/top_img_passion_964x643px.JPG") no-repeat top center;
   background-size: cover;
   overflow: hidden;
   width: 40%;
@@ -115,7 +116,7 @@
     height: 100%;
     content: "";
     display: block;
-    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), url("../images/about/top_image_964x643px.JPG") no-repeat top center;
+    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("../images/about/top_img_passion_964x643px.JPG") no-repeat top center;
     background-size: cover;
     filter: blur(2px);
     z-index: -1;
@@ -136,7 +137,7 @@
   left: 15%;
   width: 40%;
   height: 50%;
-  background: url("../images/about/top_image_964x659px.JPG") no-repeat bottom center;
+  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/about/bot_img_dedication_964x643px.JPG") no-repeat bottom center;
   background-size: cover;
   overflow: hidden;
   border: $old-white 2px groove;
@@ -155,7 +156,7 @@
     height: 100%;
     content: "";
     display: block;
-    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), url("../images/about/top_image_964x659px.JPG") no-repeat bottom center;
+    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("../images/about/bot_img_dedication_964x643px.JPG") no-repeat bottom center;
     background-size: cover;
     filter: blur(2px);
     z-index: -1;