<div class="col-6">
    <div class="row">
        <div class="col-3">

            <div class="scadacard level1 status">
                <!-- @import "/app/loader/components/loader.html" -->

                <h1 class="color-power">43,414
                    <span> MW</span>
                </h1>
                <h2>Power Production</h2>
                <h6>KK Park West, Denmark</h6>
            </div>
        </div>
        <div class="col-3">

            <div class="scadacard level1 status">

                <!-- @import "/app/loader/components/loader.html" -->


                <h1 class="color-wind">7
                    <span> m/s</span>
                </h1>
                <h2>Wind Speed</h2>
                <h6>KK Park West, Denmark</h6>

            </div>
        </div>
        <div class="col-3">

            <div class="scadacard level1 status">
                <!-- @import "/app/loader/components/loader.html" -->

                <h1>N/A
                </h1>
                <h3>Lost production category [Scheduled maintenance] today</h3>
                <h6>KK Park West, Denmark</h6>

            </div>
        </div>
        <div class="col-3">

            <div class="scadacard level1 status">
                <!-- @import "/app/loader/components/loader.html" -->

                <h1>N/A
                </h1>
                <h3>Downtime [Environment] monthly</h3>
                <h6>KK Park West, Denmark</h6>

            </div>
        </div>
    </div>
</div>