testing colors

assets/css/style.css

@@ -133,7 +133,7 @@ h6 {
 .navbar a:hover,
 .navbar .active,
 .navbar .active:focus,
-.navbar li:hover>a {
+.navbar li:hover > a {
   color: #ffb727;
 }
 
@@ -172,11 +172,11 @@ h6 {
 
 .navbar .dropdown ul a:hover,
 .navbar .dropdown ul .active:hover,
-.navbar .dropdown ul li:hover>a {
+.navbar .dropdown ul li:hover > a {
   color: #ffb727;
 }
 
-.navbar .dropdown:hover>ul {
+.navbar .dropdown:hover > ul {
   opacity: 1;
   top: 100%;
   visibility: visible;
@@ -188,7 +188,7 @@ h6 {
   visibility: hidden;
 }
 
-.navbar .dropdown .dropdown:hover>ul {
+.navbar .dropdown .dropdown:hover > ul {
   opacity: 1;
   top: 0;
   left: 100%;
@@ -200,7 +200,7 @@ h6 {
     left: -90%;
   }
 
-  .navbar .dropdown .dropdown:hover>ul {
+  .navbar .dropdown .dropdown:hover > ul {
     left: -100%;
   }
 }
@@ -268,7 +268,7 @@ h6 {
 
 .navbar-mobile a:hover,
 .navbar-mobile .active,
-.navbar-mobile li:hover>a {
+.navbar-mobile li:hover > a {
   color: #ffb727;
 }
 
@@ -303,11 +303,11 @@ h6 {
 
 .navbar-mobile .dropdown ul a:hover,
 .navbar-mobile .dropdown ul .active:hover,
-.navbar-mobile .dropdown ul li:hover>a {
+.navbar-mobile .dropdown ul li:hover > a {
   color: #ffb727;
 }
 
-.navbar-mobile .dropdown>.dropdown-active {
+.navbar-mobile .dropdown > .dropdown-active {
   display: block;
 }
 
@@ -443,6 +443,10 @@ section {
   line-height: 0;
 }
 
+#test span {
+  color: #3b434a17;
+}
+
 .section-title p {
   margin-bottom: 0;
   position: relative;
@@ -497,11 +501,11 @@ section {
   font-size: 14px;
 }
 
-.breadcrumbs ol li+li {
+.breadcrumbs ol li + li {
   padding-left: 10px;
 }
 
-.breadcrumbs ol li+li::before {
+.breadcrumbs ol li + li::before {
   display: inline-block;
   padding-right: 10px;
   color: #6c757d;
@@ -971,7 +975,10 @@ section {
   position: relative;
 }
 
-.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
+.portfolio-details
+  .portfolio-details-slider
+  .swiper-pagination
+  .swiper-pagination-bullet {
   width: 12px;
   height: 12px;
   background-color: #fff;
@@ -979,7 +986,10 @@ section {
   border: 1px solid #ffb727;
 }
 
-.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
+.portfolio-details
+  .portfolio-details-slider
+  .swiper-pagination
+  .swiper-pagination-bullet-active {
   background-color: #ffb727;
 }
 
@@ -1002,7 +1012,7 @@ section {
   font-size: 15px;
 }
 
-.portfolio-details .portfolio-info ul li+li {
+.portfolio-details .portfolio-info ul li + li {
   margin-top: 10px;
 }
 
@@ -1208,7 +1218,7 @@ section {
   font-weight: 600;
 }
 
-.contact .php-email-form .error-message br+br {
+.contact .php-email-form .error-message br + br {
   margin-top: 25px;
 }
 
@@ -1260,7 +1270,7 @@ section {
   padding: 12px 15px;
 }
 
-.contact .php-email-form button[type=submit] {
+.contact .php-email-form button[type="submit"] {
   background: #ffb727;
   border: 0;
   padding: 10px 24px;
@@ -1269,7 +1279,7 @@ section {
   border-radius: 5px;
 }
 
-.contact .php-email-form button[type=submit]:hover {
+.contact .php-email-form button[type="submit"]:hover {
   background: #ffc85a;
 }
 
@@ -1358,4 +1368,4 @@ section {
 
 #footer .credits {
   font-size: 13px;
-}
+}

index.html

@@ -71,15 +71,27 @@
         <section id="about" class="about">
             <div class="container">
 
-                <div class="section-title">
-                    <span>About Me</span>
-                    <h2>About Me</h2>
-                    <p> Passionate about computer science and love to have lengthy conversations
-                        about it.<br>
-                        Autonomous but also capable of communicating and
-                        handling people.<br>
-                        Overall flexible, adaptable and always curious by new experiences.
-                    </p>
+                <div class="row">
+                    <div class="section-title col-lg-6">
+                        <span>About Me</span>
+                        <h2>About Me</h2>
+                        <p> Passionate about computer science and love to have lengthy conversations
+                            about it.<br>
+                            Autonomous but also capable of communicating and
+                            handling people.<br>
+                            Overall flexible, adaptable and always curious by new experiences.
+                        </p>
+                    </div>
+                    <div class="section-title col-lg-6" id="test">
+                        <span>About Me</span>
+                        <h2>About Me</h2>
+                        <p> Passionate about computer science and love to have lengthy conversations
+                            about it.<br>
+                            Autonomous but also capable of communicating and
+                            handling people.<br>
+                            Overall flexible, adaptable and always curious by new experiences.
+                        </p>
+                    </div>
                 </div>
 
                 <div class="row">