update template

3 years ago · 506c19181b
2 changed files with 101 additions and 12 deletions
--- a/tabulky.html
+++ b/tabulky.html
@ -0,0 +1,85 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/bootstrap.css">
 </head>
 <body class="d-flex flex-column min-vh-100">
    <!-- navigační lištu -->
    <div class="container">
        <header class="d-flex justify-content-center py-3">
            <ul class= "nav nav-pills">
                <li class="nav-item"><a href="#" class="nav-link active">HOME</a></li>
                <li class="nav-item"><a href="#" class="nav-link">Link1</a></li>
                <li class="nav-item"><a href="#" class="nav-link">Link2</a></li>
            </ul>
        </header>
    </div>
    <!-- HLAVNÍ ČÁST KÓDU -->
    <main class="container">
            <h1 class="display-1">TABULKY</h1>
        <table class="table table-striped table-hover">
            <thead>
                <tr>
                    <th>Jmeno</th>
                    <th>Prijmeni</th>
                    <th>Město</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>John</td>
                    <td>Smith</td>
                    <td>Praha</td>
                </tr>
                <tr>
                    <td>Harry</td>
                    <td>Potter</td>
                    <td>Brno</td>
                </tr>
                <tr>
                    <td>Jack</td>
                    <td>Sparrow</td>
                    <td>Ostrava</td>
                </tr>
                <tr>
                    <td>Jack</td>
                    <td>Sparrow</td>
                    <td>Ostrava</td>
                </tr>
                <tr>
                    <td>Jack</td>
                    <td>Sparrow</td>
                    <td>Ostrava</td>
                </tr>
                <tr>
                    <td>Jack</td>
                    <td>Sparrow</td>
                    <td>Ostrava</td>
                </tr>
            </tbody>
        </table>
    </main>
    <!-- Footer - zakončení stránky -->    
    <footer class="footer mt-auto">
            <ul class="nav justify-content-center border-bottom">
                <li class="nav-item"><a href="#" class="nav-link text-muted">HOME</a></li>
                <li class="nav-item"><a href="#" class="nav-link text-muted">Link1</a></li>
                <li class="nav-item"><a href="#" class="nav-link text-muted">Link2</a></li>    
            </ul>
            <p class="text-center text-muted">Škrabánek 2022</p>
    </footer>
    <script src="js/bootstrap.bundle.js"></script>
 </body>
 </html>
--- a/template.html
+++ b/template.html
@ -10,23 +10,27 @@
 <body class="d-flex flex-column min-vh-100">
    <!-- navigační lištu -->
    <div class="container">
        <header class="d-flex justify-content-center py-3">
            <ul class= "nav nav-pills">
                <li class="nav-item"><a href="#" class="nav-link active">HOME</a></li>
                <li class="nav-item"><a href="#" class="nav-link">Link1</a></li>
                <li class="nav-item"><a href="#" class="nav-link">Link2</a></li>
            </ul>
        </header>
    </div>
    <main>
            <header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
              <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
                <span class="fs-4">Nazev Aplikace</span>
              </a>        
              <ul class="nav nav-pills">
                <li class="nav-item"><a href="#" class="nav-link active" aria-current="page">Home</a></li>
                <li class="nav-item"><a href="#" class="nav-link">Link 1</a></li>
                <li class="nav-item"><a href="#" class="nav-link">Link 2</a></li>
                <li class="nav-item"><a href="#" class="nav-link">Link 3</a></li>
              </ul>
            </header>
          </div>
    <!-- HLAVNÍ ČÁST KÓDU -->
    <main class="container">
            <h1 class="display-1">Nadpis</h1>
    </main>
    <!-- Footer - zakončení stránky -->    
    <footer class="footer mt-auto">
            <ul class="nav justify-content-center border-bottom">
            <ul class="nav justify-content-center border-bottom py-2 mb-3">
                <li class="nav-item"><a href="#" class="nav-link text-muted">HOME</a></li>
                <li class="nav-item"><a href="#" class="nav-link text-muted">Link1</a></li>
                <li class="nav-item"><a href="#" class="nav-link text-muted">Link2</a></li>