<!DOCTYPE HTML>

<html>
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="Content-Language" content="pl"/>
    <meta http-equiv="pragma" content="no-cache"/>
    <meta http-equiv="cache-control" content="no-cache"/>
    <meta name="distribution" content="global"/>

    <title>Pitbull</title>


    <link rel="stylesheet" href="css/semantic.css">


    <style>

        .image {
            padding-top: 60px !important;
        }

        .header {
            padding-top: 10px;
            padding-bottom: 10px;
            font-size: 24px !important;
        }

        i.angle {
            font-size: 80px;
        }


    </style>


</head>

<body>

<div style="font-size: 25px; margin: 0 auto; text-align: center; padding-top: 50px;">
    <img style="width: 200px;" src="img/logo.png"/>
    <p style="padding-top: 50px;">Wybierz projekt</p>
    <div>
        <div style="font-size: 12px; margin: 0 auto; text-align: center; padding-top: 70px;">
            <div class="ui centered cards">
                <div class="card">
                    <div class="image">
                        <i class="angle double down icon"></i>
                    </div>
                    <div class="content">
                        <div class="header">Zamówienia</div>

                    </div>
                    <div class="extra content">
                        <div id="bZamowienia" data-target="orders" class="ui animated fade basic button goToTarget"
                             tabindex="0">
                            <div class="visible content">Otwórz</div>
                            <div class="hidden content">
                                Kliknij
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="image">
                        <i class="angle double down icon"></i>
                    </div>
                    <div class="content">
                        <div class="header">Dokumenty</div>

                    </div>
                    <div class="extra content">
                        <div id="bDokumenty" data-target="docs" class="ui animated fade basic button goToTarget"
                             tabindex="0">
                            <div class="visible content">Otwórz</div>
                            <div class="hidden content">
                                Kliknij
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="image">
                        <i class="angle double down icon"></i>
                    </div>
                    <div class="content">
                        <div class="header">CSV</div>

                    </div>
                    <div class="extra content">
                        <div id="bCSV" data-target="csv" class="ui animated fade basic button goToTarget" tabindex="0">
                            <div class="visible content">Otwórz</div>
                            <div class="hidden content">
                                Kliknij
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br/>
            <div class="ui centered cards">
                <div class="card">
                    <div class="image">
                        <i class="angle double down icon"></i>
                    </div>
                    <div class="content">
                        <div class="header">Wykres</div>

                    </div>
                    <div class="extra content">
                        <div id="bWykres" data-target="chart" class="ui animated fade basic button goToTarget"
                             tabindex="0">
                            <div class="visible content">Otwórz</div>
                            <div class="hidden content">
                                Kliknij
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="image">
                        <i class="angle double down icon"></i>
                    </div>
                    <div class="content">
                        <div class="header">Wydruk</div>

                    </div>
                    <div class="extra content">
                        <div id="bWydruk" data-target="print" class="ui animated fade basic button goToTarget"
                             tabindex="0">
                            <div class="visible content">Otwórz</div>
                            <div class="hidden content">
                                Kliknij
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="image">
                        <i class="angle double down icon"></i>
                    </div>
                    <div class="content">
                        <div class="header">ID zamówienia</div>

                    </div>
                    <div class="extra content">
                        <div id="bIdOrder" data-target="idorder" class="ui animated fade basic button goToTarget"
                             tabindex="0">
                            <div class="visible content">Otwórz</div>
                            <div class="hidden content">
                                Kliknij
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ui centered cards">
                <div class="card">
                    <div class="image">
                        <i class="angle double down icon"></i>
                    </div>
                    <div class="content">
                        <div class="header">Dynamika</div>

                    </div>
                    <div class="extra content">
                        <div id="bIdOrder" data-target="dynamics" class="ui animated fade basic button goToTarget"
                             tabindex="0">
                            <div class="visible content">Otwórz</div>
                            <div class="hidden content">
                                Kliknij
                            </div>
                        </div>
                    </div>
                </div>
				   <div class="card">
                    <div class="image">
                        <i class="angle double down icon"></i>
                    </div>
                    <div class="content">
                        <div class="header">Porownie Spedimex</div>

                    </div>
                    <div class="extra content">
                        <div id="bIdOrder" data-target="compare" class="ui animated fade basic button goToTarget"
                             tabindex="0">
                            <div class="visible content">Otwórz</div>
                            <div class="hidden content">
                                Kliknij
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div>
            </div>
        </div>
    </div>
</div>
<script src='js/jquery.min.js'></script>
<script src="js/semantic.js"></script>


</body>
</html>

<script>

    $(document).on('click', '.goToTarget', function () {

        location.href = $(this).attr('data-target') + ".php";

    });


</script>


