chore: minor updates

Author: kamilmysliwiec

index.html

@@ -305,7 +305,6 @@ <h4>Live preview</h4>
         ></iframe>
       </div>
     </div>
-
     <div class="video-wrapper" id="video">
       <div class="container">
         <h4>Conferences</h4>
@@ -399,7 +398,7 @@ <h5>Silver sponsors</h5>
           >
             <img
               src="img/n-inc-logo.svg"
-              class="silver-logo-140 m-l-10 m-r-10"
+              class="silver-logo m-l-10 m-r-10"
             />
         </a>
           <a
@@ -899,7 +898,7 @@ <h5>Sponsors / Partners</h5>
             />
           </a>
         </div>
-        <div class="support-section sponsor-tiles sponsor-tiles--high">
+        <!-- <div class="support-section sponsor-tiles sponsor-tiles--high">
           <h5>Community partners</h5>
           <a href="http://ng-atl.org" target="_blank" rel="nofollow">
             <img src="img/ngatl.svg" class="company-logo company-logo--wide" />
@@ -949,7 +948,7 @@ <h5>Community partners</h5>
               class="company-logo"
             />
           </a>
-        </div>
+        </div> -->
         <a
           href="https://docs.nestjs.com/support"
           target="_blank"

main.css

@@ -191,35 +191,69 @@ a:active {
   margin-bottom: 12px;
 }
 
-.highlights-wrapper {
+.highlights-wrapper,
+.discover-wrapper {
   background: #f1f3f3;
   padding: 100px 0;
   text-align: center;
 }
 
+.discover-wrapper {
+  background: #ebebeb;
+}
+
+.discover-wrapper .heading h4 {
+  font-size: 36px;
+  margin: 0;
+  line-height: 60px;
+}
+
+.discover-wrapper .heading p {
+  font-weight: 500;
+  max-width: 700px;
+  margin: 15px auto 50px;
+  color: #000;
+  font-size: 16px;
+  line-height: 30px;
+}
+
+.discover-wrapper .heading a {
+  color: #ea2845;
+}
+
 .highlights-wrapper .icon-wrapper {
   width: 70px;
   height: 75px;
   margin: 0 auto;
   display: block;
 }
 
-.highlights-wrapper h5 {
+.highlights-wrapper h5,
+.discover-wrapper h5 {
   text-transform: uppercase;
   font-weight: bold;
   font-size: 18px;
   color: #ea2845;
   margin: 40px 0 0;
 }
 
-.highlights-wrapper p {
+.highlights-wrapper p,
+.discover-wrapper p {
   font-size: 16px;
   font-weight: 500;
   max-width: 300px;
   margin: 20px auto;
   line-height: 30px;
 }
 
+.discover-wrapper .heading a {
+  color: #ea2845;
+}
+
+.discover-wrapper .heading a:hover {
+  color: #111;
+}
+
 .sponsors-wrapper,
 .video-wrapper {
   padding: 100px 0;
@@ -294,13 +328,13 @@ a:active {
 }
 
 .principal-logo {
-  width: 240px;
+  width: 200px;
   max-width: 100%;
   margin: 15px;
 }
 
 .gold-logo {
-  max-width: 185px;
+  max-width: 150px;
   margin: 10px 20px;
   vertical-align: middle;
   height: auto;
@@ -313,28 +347,23 @@ a:active {
 }
 
 .gold-logo--wide {
-  max-width: 225px;
+  max-width: 200px;
 }
 
 .gold-logo--high {
-  max-height: 120px;
+  max-height: 95px;
 }
 
 .silver-logo {
-  width: 170px;
+  width: 100px;
   max-width: 100%;
 }
 
 .silver-logo--low {
-  max-height: 120px;
+  max-height: 60px;
   width: auto;
 }
 
-.silver-logo-140 {
-  width: 140px;
-  max-width: 100%;
-}
-
 .gojob-logo {
   width: 115px;
   margin-left: 15px;
@@ -653,6 +682,40 @@ a:active {
   transform: rotate(-30deg);
 }
 
+.companies-tiles {
+  margin: 70px auto;
+}
+
+.companies-tiles a {
+  text-align: center;
+  height: 60px;
+  width: 20%;
+  float: left;
+  margin: 30px 0;
+  position: relative;
+}
+
+.companies-tiles img {
+  filter: grayscale(1);
+  opacity: 0.5;
+  max-width: 135px;
+  max-height: 80px;
+}
+
+.companies-tiles img:hover {
+  filter: grayscale(0);
+  opacity: 1;
+}
+
+.companies-tiles a img {
+  margin: 0;
+  left: 50%;
+  top: 50%;
+  transform: translateY(-50%) translateX(-50%);
+  position: absolute;
+}
+
+
 @media (max-width: 1300px) {
   .enterprise-wrapper {
     background-position: -250px bottom;