restructuring cloudclients

css/style.css

@@ -817,17 +817,21 @@ ul#nav li a:hover .ul#nav li ul {
 /* NC clients
 --------------------------------------*/
 
-.NCcontainer {
+/*.NCcontainer {
   display: grid;
   grid-template-rows: 40% 60%;
   grid-template-columns: 39% 2% 59%;
-}
+}*/
 
 .NCclients h2 {
-  text-align: center;
+  text-align: left;
 }
 
-.NCclients {
+.NCclients h5 {
+  color: #50162D;
+}
+
+/*.NCclients {
   grid-row-start: 2;
   grid-row-end: 3;
   grid-column-start: 3;
@@ -862,7 +866,7 @@ ul#nav li a:hover .ul#nav li ul {
   grid-column-start: 3;
   grid-column-end: 4;
   align-self: start;
-}
+}*/
 
 .NCclients .client-item {
   width: 20%;

templates/modular/2col-left.html.twig

@@ -8,6 +8,9 @@
            {% for key, column in page.content|split('<hr />') %}
                <div class="{{ colsize[key] }} columns">
                   {{ column }}
+                  {% if colsize[key] == 'six' %}
+                  {% include 'modular/cloudclients.html.twig' %}
+                  {% endif %}
                </div>
            {% endfor %}
        </div>

templates/modular/2col-right.html.twig

@@ -8,6 +8,9 @@
            {% for key, column in page.content|split('<hr />') %}
                <div class="{{ colsize[key] }} columns">
                   {{ column }}
+                  {% if colsize[key] == 'six' %}
+                  {% include 'modular/cloudclients.html.twig' %}
+                  {% endif %}
                </div>
            {% endfor %}
        </div>

templates/modular/cloudclient-right.html.twig.meaz

@@ -2,18 +2,19 @@
 <section id="{{ page.slug }}">
 
 
-<div class="NCcontainer">
-
-<div class="NCtext_right">
-<h1>{{ page.header.title }}</h1>
-<p>{{ page.header.text }}</p>
-</div>
+<div class="NCcontainer row">
 
 <div class="NCimage_right">
 <img src="{{ page.url }}/{{ page.header.image }}">
 </div>
 
 <div class="NCclients">
+
+<div class="NCtext_right">
+<h1>{{ page.header.title }}</h1>
+<p>{{ page.header.text }}</p>
+</div>
+
 <h2>{{ page.header.text2 }}</h2>
 
      <div class="clients">

templates/modular/cloudclients.html.twig

@@ -0,0 +1,27 @@
+<div class=NCclients>
+
+<h5>{{ page.header.text2 }}</h5>
+
+     <div class="clients">
+         {% for item in page.header.clients %}
+         <div class="client-item columns">
+           <a href="{{ item.link }}" target="_blank">
+              <br>
+              <img src="{{ page.url }}/{{ item.logo }}">
+              <br>
+              <h6>{{ item.title }}</h6>
+              <div class=platforms>
+                <i class="fa {{ item.platforms[0] }}"></i>
+                <i class="fa {{ item.platforms[1] }}"></i>
+                <i class="fa {{ item.platforms[2] }}"></i>
+                <i class="fa {{ item.platforms[3] }}"></i>
+              </div>
+           </a>
+           {% if item.text %}
+             <div class="tooltiptext">{{ item.text }}</div>
+           {% endif %}
+         </div>
+         {% endfor %}
+      </div>
+     {{ page.content }}
+</div>