@extends('layouts.site')


@section('title','Strona Startowa')

@section('content')

<!-- Sekcja nr 1 - START -->

        <div class="row card_margin">
            <div class="col-sm-4">
                <a href="#" class="kafelek_hover">
                <div class="card alert-primary kafelek kafelek_hover" >
                    <div class="img_div"><img src="{{ asset('/img/start/1_images.png') }}" class="p-5 card-img-top img-img" alt="..."></div>
                    <div class="card-body">
                    <h5 class="card-title alert-primary">Rejestr Czynności</h5>
                    <p class="card-text alert-primary">Opis</p>
                </div>
                </div>
                </a>
            </div>
            <div class="col-sm-4">
                <a href="#" class="kafelek_hover">
                <div class="card alert-secondary kafelek kafelek_hover">
                <div class="img_div"><img src="{{ asset('/img/start/2_images.png') }}" class="p-5 card-img-top img-img" alt="..."></div>
                <div class="card-body">
                    <h5 class="card-title alert-secondary">Rejestr Kategorii Czynności</h5>
                    <p class="card-text alert-secondary">Opis</p>
                </div>
                </div>
                </a>
            </div>
            <div class="col-sm-4">
                <a href="#" class="kafelek_hover">
                <div class="card alert-success kafelek kafelek_hover">
                    <div class="img_div"><img src="{{ asset('/img/start/3_images.png') }}" class="p-5 card-img-top img-img" alt="..."></div>
                    <div class="card-body">
                    <h5 class="card-title alert-success">Dane Inspektora Ochrony Danych</h5>
                    <p class="card-text alert-success">Opis</p>
                </div>
                </div>
                </a>
            </div>
        </div>

		<div class="row card_margin">
			<div class="col-sm-4">
				<a href="#" class="kafelek_hover">
                <div class="card alert-danger kafelek kafelek_hover" >
                    <div class="img_div"><img src="{{ asset('/img/start/2_images.png') }}" class="p-5 card-img-top img-img" alt="..."></div>
				    <div class="card-body">
					<h5 class="card-title alert-danger">Zarządzanie obszarem ochrony danych.</h5>
					<p class="card-text alert-danger">Opis</p>
				  </div>
				</div>
                </a>
			</div>
			<div class="col-sm-4">
				<a href="#" class="kafelek_hover">
                <div class="card alert-warning kafelek kafelek_hover" >
                    <div class="img_div"><img src="{{ asset('/img/start/1_images.png') }}" class="p-5 card-img-top img-img" alt="..."></div>
                    <div class="card-body">
					<h5 class="card-title alert-warning">IOD</h5>
					<p class="card-text alert-warning">Opis</p>
				  </div>
				</div>
                </a>
			</div>
			<div class="col-sm-4">

			</div>
		</div>


<!-- Sekcja nr 1 - KONIEC -->


@endsection




<!-- Navbar section -->
@section('navbar')

<i class="fas fa-chevron-right separator"></i>
<a class="navbar_navigate" href="{{ url('/m_kz') }}" data-toggle="tooltip" title="Moduł KZ - Kontrola Zarządcza">
    KZ - Kontrola Zarządcza
</a>


@endsection