make separate section

Author: despadam

_includes/facilities.html

@@ -17,19 +17,5 @@ <h1 class="mt-5 mb-5">Facilities</h1>
         </div>
       {% endfor %}
     </div>
-    <aside class="secondary-breaker">
-      <div class="container text-center">
-      </div>
-    </aside>
-    <h2 class="mt-5 mb-5">Industry Partners</h2>
-    <div class="row justify-content-center">
-      {% for partner in site.partners %}
-        <div class="partner col-lg-4 card">
-          <a href="{{ partner.url }}" target="_blank">
-            <img class="partner-logo" src="{{ partner.image }}" alt="{{ partner.name }}">
-          </a>
-        </div>
-      {% endfor %}
-    </div>
   </div>
 </section>

_includes/nav.html

@@ -4,6 +4,7 @@
     mission: "nav-link-mission",
     news: "nav-link-news",
     facilities: "nav-link-facilities",
+    partners: "nav-link-partners",
     team: "nav-link-team",
     repositories: "nav-link-repositories",
     documentation: "nav-link-documentation",
@@ -87,6 +88,9 @@
     </li>
     <li class="nav-item mx-lg-3">
      <a class="page-scroll nav-link" id="nav-link-facilities" href="{{'#facilities' | relative_url }}" onclick="onClick(event);">Facilities</a>
+    </li>
+      <li class="nav-item mx-lg-3">
+     <a class="page-scroll nav-link" id="nav-link-partners" href="{{'#partners' | relative_url }}" onclick="onClick(event);">Industry Partners</a>
     </li>
     <li class="nav-item mx-lg-3">
      <a class="page-scroll nav-link" id="nav-link-team" href="{{'#team' | relative_url }}" onclick="onClick(event);">Team</a>

_includes/partners.html

@@ -0,0 +1,14 @@
+<section id="partners" class="partners text-center bg-light">
+  <div class="container mb-3">
+    <h1 class="mt-5 mb-5">Industry Partners</h1>
+    <div class="row justify-content-center">
+      {% for partner in site.partners %}
+        <div class="partner col-lg-4 card">
+          <a href="{{ partner.url }}" target="_blank">
+            <img class="partner-logo" src="{{ partner.image }}" alt="{{ partner.name }}">
+          </a>
+        </div>
+      {% endfor %}
+    </div>
+  </div>
+</section>

_layouts/home.html

@@ -19,6 +19,8 @@
   {% include release.html %}
   {% include facilities.html %}
   {% include breaker.html %}
+  {% include partners.html %}
+  {% include breaker.html %}
   {% include team.html %}
   {% include breaker.html %}
   {% include repositories.html %}

_sass/base.scss

@@ -113,13 +113,13 @@ div.container {
   .navbar-menu {
     padding-left: 120px;
     padding-right: 120px;
-  }
 
-  @media (max-width: 1300px) {
-    .navbar-menu {
+    @media (max-width: 1360px) {
       padding: 5px 20px;
     }
-  
+  }
+
+  @media (max-width: 1360px) {
     li {
       text-align: center;
     }