<script>
import Service from '$lib/Service.svelte';
</script>

<style>
.main{
    max-width: 1000px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2em;
}

li{
    margin-bottom: 1em;
}
</style>

<div class="main">
    <Service service='Pametne inštalacije' serviceImage='/loxone_image.png'>
        <ul>
            <li>Inštalacija in zagon <a style="color: rgb(66, 175, 56); text-decoration: none;" href="https://www.loxone.com/int/">Loxone</a> sistema za pametno hišo</li>
            <li>Montaža in zagon domofonskih sistemov</li>
            <li>Odpiranje vrat na pin kodo ali kartico</li>
        </ul>
    </Service>
    <Service service='Telekomunikacije' serviceImage='/telecommunications_image.png' imageOnRight=true>
        <ul>
            <li>Napeljava podatkovnih kablov za računalniška omrežja</li>
            <li>Montaža komunikacijskih omaric</li>
            <li>Urejanje komunikacijskih vozlišč</li>
            <li>Montaža in konfiguracija WiFi dostopnih točk</li>
        </ul>
    </Service>
    <Service service='Elektroinštalacije' serviceImage='/electroinstalations_image.png'>
        <ul>
            <li>Napeljava električnih inštalacij</li>
            <li>Zamenjava dotrajanih inštalacij</li>
            <li>Zamenjava rezdelilnih omaric, varovalk, vtičnic in stikal</li>
            <li>Montaža luči</li>
        </ul>
        
    </Service>
</div>