Case studies rearrangement

Author: rusikv

case-studies/berliner-energieinstitut.md

@@ -23,7 +23,7 @@ description: Learn how Berliner Energieinstitut launched a fully custom energy I
         </div>
     </section>
     <section class="authored-quote">
-        <img src="/images/case-studies/david-eitzinger.webp" title="Berliner Energieinstitut Managing Director David Eitzinger" alt="David Eitzinger" width="987" height="636">
+        <img class="h-auto" src="/images/case-studies/david-eitzinger.webp" title="Berliner Energieinstitut Managing Director David Eitzinger" alt="David Eitzinger" width="987" height="636">
         <div class="text">
             <h2>Berliner Energieinstitut GmbH</h2>
             <p class="quote">“We were struggling trying to implement our own IOT infrastructure when ThingsBoard suddenly appeared. Immediately we started testing and were amazed with the feature completeness, stability and ease of use of this great platform, although it was only in version 1.0 and had been released just days prior. Our business needed some spec...<a target="_blank" href="/industries/smart-energy/?company=berliner">read more</a></p>

case-studies/case-study-page.sass

@@ -180,7 +180,8 @@
             background-color: #fff
 
         img
-          //height: auto
+          &.h-auto
+            height: auto
           width: 658px
           border-radius: 25px
 

case-studies/comet.md

@@ -43,7 +43,7 @@ description: Discover how co.met GmbH modernized smart metering and LoRaWAN serv
         </div>
     </section>
     <section class="authored-quote">
-        <img src="/images/case-studies/peter_backes.webp" title="co.met CEO Peter Backes" alt="Peter Backes" width="987" height="636">
+        <img class="h-auto" src="/images/case-studies/peter_backes.webp" title="co.met CEO Peter Backes" alt="Peter Backes" width="987" height="636">
         <div class="text">
             <h2>co.met GmbH</h2>
             <p class="quote">“We’re a meter operator and as such a service provider for energy distribution network carriers (electricity, gas, water and heat) and other meter operators. We provide SaaS-Solutions for the remote reading of meters, field force management (for meter fitters) and the administration of smart meter gateways. Additionally we’re a LoRa WAN car...<a target="_blank" href="/industries/smart-energy/?company=comet">read more</a></p>

case-studies/index.md

@@ -73,16 +73,6 @@ itemsPerPage: "9"
                 </a>
             </div>
         </div>
-        <div class="client-card" id="Smart infrastructure">
-            <div class="bg-wrap" style="background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url('/images/case-studies/obb.webp');">
-                <a class="content" href="/case-studies/obb-infra">
-                    <img class="logo" src="/images/case-studies/obb.svg" title="ÖBB-Infrastruktur AG" alt="ÖBB-Infrastruktur AG logo">
-                    <p>Smart railway infrastructure: digital transformation of ÖBB-Infrastruktur AG <br> &nbsp;</p>
-                    <p class="link">Learn more <i class="fas fa-arrow-right"></i></p>
-                    <span class="visually-hidden">about digital transformation of ÖBB-Infrastruktur AG with ThingsBoard</span>
-                </a>
-            </div>
-        </div>
         <div class="client-card" id="Smart city">
             <div class="bg-wrap" style="background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url('/images/case-studies/tjk-solutions.webp');">
                 <a class="content" href="/case-studies/tjk-solutions">
@@ -93,23 +83,13 @@ itemsPerPage: "9"
                 </a>
             </div>
         </div>
-        <div class="client-card" id="Cold chain monitoring">
-            <div class="bg-wrap" style="background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url('/images/case-studies/senseing.webp');">
-                <a class="content" href="/case-studies/senseing">
-                    <img class="logo" src="/images/case-studies/senseing.svg" title="SenseING GmbH" alt="SenseING GmbH logo">
-                    <p>Transforming food logistics with IoT-powered temperature monitoring <br> &nbsp;</p>
-                    <p class="link">Learn more <i class="fas fa-arrow-right"></i></p>
-                    <span class="visually-hidden">about transforming food logistics with ThingsBoard-powered temperature monitoring</span>
-                </a>
-            </div>
-        </div>
         <div class="client-card" id="Smart city">
-            <div class="bg-wrap" style="background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url('/images/case-studies/awake.webp');">
-                <a class="content" href="/case-studies/awake">
-                    <img style="height: 35px" class="logo" src="/images/case-studies/awake.svg" title="Awake" alt="Awake">
-                    <p>Awake: unifying global rental operations with custom IoT solutions  <br> &nbsp;</p>
+            <div class="bg-wrap" style="background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url('/images/case-studies/x-telia.webp');">
+                <a class="content" href="/case-studies/xtelia">
+                    <img style="height: 35px" class="logo" src="/images/case-studies/x-telia.svg" title="X-TELIA" alt="X-TELIA logo">
+                    <p>Smart signage at scale: X-TELIA deploys LoRaWAN™ parking management with ThingsBoard</p>
                     <p class="link">Learn more <i class="fas fa-arrow-right"></i></p>
-                    <span class="visually-hidden">about unifying global rental operations with custom IoT solutions</span>
+                    <span class="visually-hidden">about X-TELIA deploys LoRaWAN™ parking management with ThingsBoard</span>
                 </a>
             </div>
         </div>
@@ -124,12 +104,52 @@ itemsPerPage: "9"
             </div>
         </div>
         <div class="client-card" id="Smart city">
-            <div class="bg-wrap" style="background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url('/images/case-studies/x-telia.webp');">
-                <a class="content" href="/case-studies/xtelia">
-                    <img style="height: 35px" class="logo" src="/images/case-studies/x-telia.svg" title="X-TELIA" alt="X-TELIA logo">
-                    <p>Smart signage at scale: X-TELIA deploys LoRaWAN™ parking management with ThingsBoard</p>
+            <div class="bg-wrap" style="background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url('/images/case-studies/iioote.webp');">
+                <a class="content" href="/case-studies/iioote">
+                    <img style="height: 35px" class="logo" src="/images/case-studies/iioote.svg" title="iiOOTE" alt="iiOOTE logo">
+                    <p>From Prototyping to Commercial Services: How iiOOTE Scaled IoT with ThingsBoard</p>
                     <p class="link">Learn more <i class="fas fa-arrow-right"></i></p>
-                    <span class="visually-hidden">about X-TELIA deploys LoRaWAN™ parking management with ThingsBoard</span>
+                    <span class="visually-hidden">about iiOOTE deploys LoRaWAN™ parking management with ThingsBoard</span>
+                </a>
+            </div>
+        </div>
+        <div class="client-card" id="Smart energy">
+            <div class="bg-wrap" style="background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url('/images/case-studies/comet.webp');">
+                <a class="content" href="/case-studies/comet">
+                    <img style="height: 42px" class="logo" src="/images/case-studies/comet.svg" title="co.met" alt="comet logo">
+                    <p>Powering the future of utilities: co.met GmbH’s IoT breakthrough with ThingsBoard</p>
+                    <p class="link">Learn more <i class="fas fa-arrow-right"></i></p>
+                    <span class="visually-hidden">about Powering the future of utilities: co.met GmbH’s IoT breakthrough with ThingsBoard</span>
+                </a>
+            </div>
+        </div>
+        <div class="client-card" id="Smart infrastructure">
+            <div class="bg-wrap" style="background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url('/images/case-studies/obb.webp');">
+                <a class="content" href="/case-studies/obb-infra">
+                    <img class="logo" src="/images/case-studies/obb.svg" title="ÖBB-Infrastruktur AG" alt="ÖBB-Infrastruktur AG logo">
+                    <p>Smart railway infrastructure: digital transformation of ÖBB-Infrastruktur AG <br> &nbsp;</p>
+                    <p class="link">Learn more <i class="fas fa-arrow-right"></i></p>
+                    <span class="visually-hidden">about digital transformation of ÖBB-Infrastruktur AG with ThingsBoard</span>
+                </a>
+            </div>
+        </div>
+        <div class="client-card" id="Cold chain monitoring">
+            <div class="bg-wrap" style="background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url('/images/case-studies/senseing.webp');">
+                <a class="content" href="/case-studies/senseing">
+                    <img class="logo" src="/images/case-studies/senseing.svg" title="SenseING GmbH" alt="SenseING GmbH logo">
+                    <p>Transforming food logistics with IoT-powered temperature monitoring <br> &nbsp;</p>
+                    <p class="link">Learn more <i class="fas fa-arrow-right"></i></p>
+                    <span class="visually-hidden">about transforming food logistics with ThingsBoard-powered temperature monitoring</span>
+                </a>
+            </div>
+        </div>
+        <div class="client-card" id="Smart city">
+            <div class="bg-wrap" style="background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url('/images/case-studies/awake.webp');">
+                <a class="content" href="/case-studies/awake">
+                    <img style="height: 35px" class="logo" src="/images/case-studies/awake.svg" title="Awake" alt="Awake">
+                    <p>Awake: unifying global rental operations with custom IoT solutions  <br> &nbsp;</p>
+                    <p class="link">Learn more <i class="fas fa-arrow-right"></i></p>
+                    <span class="visually-hidden">about unifying global rental operations with custom IoT solutions</span>
                 </a>
             </div>
         </div>
@@ -143,16 +163,6 @@ itemsPerPage: "9"
                 </a>
             </div>
         </div>
-        <div class="client-card" id="Smart city">
-            <div class="bg-wrap" style="background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url('/images/case-studies/iioote.webp');">
-                <a class="content" href="/case-studies/iioote">
-                    <img style="height: 35px" class="logo" src="/images/case-studies/iioote.svg" title="iiOOTE" alt="iiOOTE logo">
-                    <p>From Prototyping to Commercial Services: How iiOOTE Scaled IoT with ThingsBoard</p>
-                    <p class="link">Learn more <i class="fas fa-arrow-right"></i></p>
-                    <span class="visually-hidden">about iiOOTE deploys LoRaWAN™ parking management with ThingsBoard</span>
-                </a>
-            </div>
-        </div>
         <div class="client-card" id="Facility management">
             <div class="bg-wrap" style="background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url('/images/case-studies/suessco.webp');">
                 <a class="content" href="/case-studies/suessco">
@@ -193,16 +203,6 @@ itemsPerPage: "9"
                 </a>
             </div>
         </div>
-        <div class="client-card" id="Smart energy">
-            <div class="bg-wrap" style="background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url('/images/case-studies/comet.webp');">
-                <a class="content" href="/case-studies/comet">
-                    <img style="height: 42px" class="logo" src="/images/case-studies/comet.svg" title="co.met" alt="comet logo">
-                    <p>Powering the future of utilities: co.met GmbH’s IoT breakthrough with ThingsBoard</p>
-                    <p class="link">Learn more <i class="fas fa-arrow-right"></i></p>
-                    <span class="visually-hidden">about Powering the future of utilities: co.met GmbH’s IoT breakthrough with ThingsBoard</span>
-                </a>
-            </div>
-        </div>
         <div class="client-card" id="Smart energy">
             <div class="bg-wrap" style="background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url('/images/case-studies/berliner-energieinstitut.webp');">
                 <a class="content" href="/case-studies/berliner-energieinstitut">

case-studies/obb-infra.md

@@ -45,7 +45,7 @@ description: Discover how ÖBB-Infrastruktur AG enhanced railway efficiency and
         </div>
     </section>
     <section class="authored-quote">
-        <img src="/images/case-studies/Dominic_Winkler.webp" title="ÖBB-Infrastruktur AG IT Enterprise Architect Dominic Winkler" alt="Dominic Winkler" width="1316" height="848">
+        <img class="h-auto" src="/images/case-studies/Dominic_Winkler.webp" title="ÖBB-Infrastruktur AG IT Enterprise Architect Dominic Winkler" alt="Dominic Winkler" width="1316" height="848">
         <div class="text">
             <h2>ÖBB-Infrastruktur AG</h2>
             <p class="quote">“Thingsboard Edge gives us the invaluable ability to allow data to flow within our IT network without the need to bridge Firewalls and Public Internet.”</p>

case-studies/oxi.md

@@ -44,7 +44,7 @@ description: Discover how OXI TRADE optimized its alternative energy operations
         </div>
     </section>
     <section class="authored-quote">
-        <img src="/images/case-studies/Vyacheslav-Shashkov.webp" title="OXI Trade CEO Vyacheslav Shashkov" alt="Vyacheslav Shashkov" width="1316" height="848">
+        <img class="h-auto" src="/images/case-studies/Vyacheslav-Shashkov.webp" title="OXI Trade CEO Vyacheslav Shashkov" alt="Vyacheslav Shashkov" width="1316" height="848">
         <div class="text">
             <h2>OXI TRADE</h2>
             <p class="quote">"Collaboration with ThingsBoard has been a significant step forward for OXI Company in the field of IoT infrastructure. The ThingsBoard platform has greatly simplified the process of connecting, managing, and monitoring our pellet burners. Thanks to ThingsBoard, we not only gained the ability to respond promptly to technical issues but also provided our partners and end-users with a convenient and reliable tool for managing the equipment. Overall, we are fully satisfied with the results of working with the ThingsBoard team, as our collaboration has allowed us to achieve the desired outcomes. We truly value the responsiveness and high quality of communication at every stage of our partnership."</p>

case-studies/suessco.md

@@ -23,7 +23,7 @@ description: Discover how SuessCo Sensors and ThingsBoard enable real-time monit
         </div>
     </section>
     <section class="authored-quote">
-        <img src="/images/case-studies/Ernst_Windhör.webp" title="SuessCo Sensors GmbH CEO Ernst Windhör" alt="Ernst Windhör" width="1316" height="848">
+        <img class="h-auto" src="/images/case-studies/Ernst_Windhör.webp" title="SuessCo Sensors GmbH CEO Ernst Windhör" alt="Ernst Windhör" width="1316" height="848">
         <div class="text">
             <h2>SuessCo Sensors GmbH</h2>
             <p class="quote">“Bridges are very often still monitored manually and it is also very time-consuming to check whether they are still in good condition or not.”</p>

case-studies/vypin.md

@@ -43,7 +43,7 @@ description: Discover how Vypin leveraged ThingsBoard's IoT platform to achieve
         </div>
     </section>
     <section class="authored-quote">
-        <img src="/images/case-studies/JT_McGibbon.webp" title="Vypin LLC General manager JT McGibbon" alt="JT McGibbon" width="1316" height="848">
+        <img class="h-auto" src="/images/case-studies/JT_McGibbon.webp" title="Vypin LLC General manager JT McGibbon" alt="JT McGibbon" width="1316" height="848">
         <div class="text">
             <h2>Vypin LLC</h2>
             <p class="quote">“I wanted to thank everyone at Thingsboard on behalf of us here at Vypin for the tremendous support over the past few months. This has allowed Vypin to taste the finish line for our two primary projects. We are looking forward to continuing our partnership and even strengthening our business relationship and opportunities going forward.”</p>