Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Sportclub</title>
    <meta name="Semka.html" cntent="width=device-width, initial-scale=1">
    <!--    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">-->
    <!--    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">-->
    <!--    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>-->

    <!-- Bootstrap 4 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link href="https://fonts.googleapis.com/css?family=Dancing+Script:700|Lobster|Tomorrow:400,600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="semkastyle.css">
    <script src="../../AppData/Local/Temp/Semka.html1/Javka.js"></script>
    <script src="Javka.js"></script>
</head>

<body style="background-color:#2E2E2E;">

<div class="container-fluid">
    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-2">
            <br>
            <br>
            <div id="logo" >
                <a href="Semka.html">
                <img src="log.png" class="img-responsive fit-image" href="Semka.html">
                </a>
            </div>
        </div>
        <div class="col-md-8">
            <br>
            <div id="nazov" >
                <p>Horná Dolná Bats</p>
            </div>
        </div>
        <div class="col-md-1"></div>
        <div class="col-md-1"></div>
        <div class="col-md-10">
            <nav class="navbar navbar-expand-lg navbar-dark">
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="collapse navbar-collapse" id="navbarCollapse">
                    <ul class="navbar-nav mr-auto">
                        <li class="nav-item">
                            <a class="nav-link" href="Semka.html">Domov</a>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                Kategórie
                            </a>
                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <a class="dropdown-item" href="Prip.html">Prípravka</a>
                                <a class="dropdown-item" href="Mlzci.html">Mladší žiaci</a>
                                <a class="dropdown-item" href="Mlzky.html">Mladšie žiačky</a>
                                <a class="dropdown-item" href="Stzci.html">Starši žiaci</a>
                                <a class="dropdown-item" href="Stzky.html">Staršie Žiačky</a>
                                <a class="dropdown-item" href="Dorci.html">Mladší dorast</a>
                                <a class="dropdown-item" href="Dorky.html">Mladšie dorastenky</a>
                                <a class="dropdown-item" href="Sdorci.html">Starší dorast</a>
                                <a class="dropdown-item" href="Sdorky.html">Staršie dorastenky</a>
                                <a class="dropdown-item" href="Muzi.html">Muži</a>
                                <a class="dropdown-item" href="Zeny.html">Ženy</a>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="Media.html">Média</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="Kontakt.html">Kontakt</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="E-shop.html">E-shop</a>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>
        <div class="col-md-1"></div>
    </div>
    <div class="row">
        <div class="col-sm-1"></div>
        <div class="col-sm-10">
        </div>
        <div class="col-sm-1"></div>
    </div>
    <div class="row">
        <div class="col-md-1"></div>
        <div class="Col-12 col-md-8 col-lg-9 col-xl-10">
            <br>
            <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img src="1.jpg" class="d-block w-50" alt="...">
                    </div>
                    <div class="carousel-item">
                        <img src="2.jpg" class="d-block w-50" alt="...">
                    </div>
                    <div class="carousel-item">
                        <img src="3.jpg" class="d-block w-50" alt="...">
                    </div>
                </div>
                <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
            <br>
            <br>
            <div id="clanok">
                <br>
                <h2>Mladšie žiačky vyhrali derby</h2>
                <strong>Horná Dolná - Dolná Horná 30:22 (14:11)</strong>
                <p>Zostava: Pekná, Milá - Dobrá 8, Štastná 5, Usmiata 4, Vysoká 4, Nízka 3, Šarmantná 2, Obyčajná 2, Múdra 1, Chudá 1, Pravá, Najlepšia, Fajná  </p>
                <p>Derby zápas sa pre nás nezačal vyvíjať pozitívne, keď sme v 9. minúte prehrávali 3:6...</p>
                <div class="d-flex justify-content-between">
                    <a href="clanok1.html">
                <strong>Zobraziť viac</strong>
                </a>
                    <span>15.12.2019
                    </span>
                </div>
                <br>
                <br>
            </div>
            <br>
            <div id="clanok">
                <br>
                <h2>Mladšie žiačky vyhrali derby</h2>
                <strong>Horná Dolná - Dolná Horná 30:22 (14:11)</strong>
                <p>Zostava: Pekná, Milá - Dobrá 8, Štastná 5, Usmiata 4, Vysoká 4, Nízka 3, Šarmantná 2, Obyčajná 2, Múdra 1, Chudá 1, Pravá, Najlepšia, Fajná  </p>
                <p>Derby zápas sa pre nás nezačal vyvíjať pozitívne, keď sme v 9. minúte prehrávali 3:6...</p>
                <a href="clanok1.html">
                    <strong>Zobraziť viac</strong>
                </a>
                <span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp15.12.2019
                    </span>
                <br>
                <br>
            </div>
            <br>
            <div id="clanok">
                <br>
                <h2>Mladšie žiačky vyhrali derby</h2>
                <strong>Horná Dolná - Dolná Horná 30:22 (14:11)</strong>
                <p>Zostava: Pekná, Milá - Dobrá 8, Štastná 5, Usmiata 4, Vysoká 4, Nízka 3, Šarmantná 2, Obyčajná 2, Múdra 1, Chudá 1, Pravá, Najlepšia, Fajná  </p>
                <p>Derby zápas sa pre nás nezačal vyvíjať pozitívne, keď sme v 9. minúte prehrávali 3:6...</p>
                <a href="clanok1.html">
                    <strong>Zobraziť viac</strong>
                </a>
                <span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp15.12.2019
                    </span>
                <br>
                <br>
            </div>
            <br>
            <div id="clanok">
                <br>
                <h2>Mladšie žiačky vyhrali derby</h2>
                <strong>Horná Dolná - Dolná Horná 30:22 (14:11)</strong>
                <p>Zostava: Pekná, Milá - Dobrá 8, Štastná 5, Usmiata 4, Vysoká 4, Nízka 3, Šarmantná 2, Obyčajná 2, Múdra 1, Chudá 1, Pravá, Najlepšia, Fajná  </p>
                <p>Derby zápas sa pre nás nezačal vyvíjať pozitívne, keď sme v 9. minúte prehrávali 3:6...</p>
                <a href="clanok1.html">
                    <strong>Zobraziť viac</strong>
                </a>
                <span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp15.12.2019
                    </span>
                <br>
                <br>
            </div>
            <br>

        </div>
        <div class="Col-12 col-md-4 col-lg-3 col-xl-2">
            <br>
            <h5>
                Nasledujúce zápasy
            </h5>
            <table class="table table-striped table-dark">
                <thead>
                <tr>
                    <th scope="col">Dátum</th>
                    <th scope="col">Kategória</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <th scope="row">24.12.2019</th>
                    <td>Muži</td>
                </tr>
                <tr>
                    <th scope="row">25.12.2019</th>
                    <td>Ml.Žiaci</td>
                </tr>
                <tr>
                    <th scope="row">1.1.2020</th>
                    <td>St.Dorastenky</td>
                </tr>
                </tbody>
            </table>
            <br>
            <h5>
                Výsledky
            </h5>
            <table class="table table-striped table-dark">
                <thead>
                <tr>
                    <th scope="col">Výsledok</th>
                    <th scope="col">Kategória</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <th scope="row">24:16</th>
                    <td>Muži</td>
                </tr>
                <tr>
                    <th scope="row">25:12</th>
                    <td>Ml.Žiaci</td>
                </tr>
                <tr>
                    <th scope="row">18:18</th>
                    <td>St.Dorastenky</td>
                </tr>
                </tbody>
            </table>
            <br>
            <h5>
                Tabuľka
            </h5>
            <table class="blueTable">
                <thead>
                <tr>
                    <th>&nbsp;#</th>
                    <th>Team</th>
                    <th>Záp.</th>
                    <th>&nbsp;&nbsp;&nbsp;Body</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>&nbsp;1</td><td>Horná Dolná</td><td>10</td><td>&nbsp;&nbsp;&nbsp;20</td></tr>
                <tr>
                    <td>&nbsp;2</td><td>Stredná Horná</td><td>11</td><td>&nbsp;&nbsp;&nbsp;19</td></tr>
                <tr>
                    <td>&nbsp;3</td><td>Stredná Dolná</td><td>10</td><td>&nbsp;&nbsp;&nbsp;16</td></tr>
                <tr>
                    <td>&nbsp;4</td><td>Dolná Horná</td><td>9</td><td>&nbsp;&nbsp;&nbsp;15</td></tr>
                <tr>
                    <td>&nbsp;5</td><td>Horná Stredná</td><td>10</td><td>&nbsp;&nbsp;&nbsp;15</td></tr>
                <tr>
                    <td>&nbsp;6</td><td>Dolná Dolná</td><td>9</td><td>&nbsp;&nbsp;&nbsp;10</td></tr>
                <tr>
                    <td>&nbsp;7</td><td>Dolná Stredná</td><td>9</td><td>&nbsp;&nbsp;&nbsp;8</td></tr>
                <tr>
                    <td>&nbsp;8</td><td>Horná Horná</td><td>8</td><td>&nbsp;&nbsp;&nbsp;7</td></tr>
                <tr>
                    <td>&nbsp;9</td><td>Stredná Stredná</td><td>10</td><td>&nbsp;&nbsp;&nbsp;2</td></tr>
                <tr>
                    <td>&nbsp;10</td><td>Žilina</td><td>11</td><td>&nbsp;&nbsp;&nbsp;0</td></tr>
                </tbody>
                </tr>
            </table>
            </div>
            <br>
            <br>
        </div>
        <div class="col-md-1"></div>
    </div>

    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-10">
            <div id="koniec" class="row">
                <h3>Kontakt</h3>
                <hr class="light">
                <p>Hornodolná 5, 903 15 Horná Dolná</p>
                <p>tel.: +421/ 905 264 894</ p>
                <p>e-mail: hornadolna@hornadolna.sk</p>
                <p> © 2019 Róbert Fabian. All rights reserved.</p>
            </div>
        </div>
        <div class="col-md-1"></div>
    </div>

    <button class="myBtn"onclick="topFunction()" id="myBtn" title="Go to top"><i class="fa fa-home"></i></button>


    <script>
        //Get the button
        var mybutton = document.getElementById("myBtn");

        // When the user scrolls down 20px from the top of the document, show the button
        window.onscroll = function() {scrollFunction()};

        function scrollFunction() {
            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                mybutton.style.display = "block";
            } else {
                mybutton.style.display = "none";
            }
        }

        // When the user clicks on the button, scroll to the top of the document
        function topFunction() {
            document.body.scrollTop = 0;
            document.documentElement.scrollTop = 0;
        }
    </script>


</body>
</html>