Untitled

<!DOCTYPE html>
<html lang="pl">
<head>
    <title>Programtica - nauczanie z przygodą! | Strona główna</title>
    <meta charset="utf-8">
    <meta name="author" content="Konstanty Dmochowski">
    <meta name="keywords" content="matematyka, fizyka, informatyka, szkoła, ciekawostki, lekcje, poradniki, pomoc, korepetycje, mathematics, physics, informatics, school, lessons, tutorials, videos, help, informations, curiosities">
    <meta name="description" content="Szeroko pojęty portal edukacyjny, na którym będą zamieszczane lekcje - z takich dziedzin jak: matematyka, fizyka, informatyka wraz z obudową dydaktyczną - zbiory zadań, poradniki, przydatne materiały do dalszej analizy!">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">

    <link rel="stylesheet" href="main.css">
    <link rel="apple-touch-icon" sizes="57x57" href="/img/icons/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/img/icons/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/img/icons/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/img/icons/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/img/icons/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/img/icons/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/img/icons/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/img/icons/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/img/icons/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="/img/icons/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/img/icons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/img/icons/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/img/icons/favicon-16x16.png">
    <link rel="manifest" href="/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/img/icons/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">

    <!--[if lt IE 9>
    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
    <![endif]-->
</head>

<body>
    <header>
        <div id="logo">
            <img src="img/logo.png" alt="Logo strony">
        </div>

        <nav>
            <ul class="our_menu">
                <li><a href="#">Strona główna</a></li>
                <li><a href="#">Kursy</a></li>
                <li><a href="#">Materiały dydaktyczne</a></li>
                <li><a href="#">Forum</a></li>
                <li><a href="#">Kontakt</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <article>
            <section>
               <div class="hello">
                    <header>
                        <h1>Witaj drogi adepcie!</h1>
                    </header>
                        <p>
                             Jeżeli czujesz, że masz trudności w opanowaniu materiału z przedmiotów takich jak matematyka, fizyka, informatyka - lub po prostu uważasz że potrzebujesz pozszerzenia wiedzy, ta strona jest dla Ciebie!
                        </p>
                </div>
                <div class="container-for-images">
                    <div class="images">
                        <figure>
                           <img src="img/information_technology_error.png" alt="Matematyka">
                           <figcaption>
                               Matematyka
                           </figcaption>
                        </figure>
                    </div>

                    <div class="images">
                         <figure>
                           <img src="img/information_technology.png" alt="Informatyka">
                           <figcaption>
                               Informatyka
                           </figcaption>
                        </figure>
                    </div>

                    <div class="images">
                        <figure>
                           <img src="img/information_technology_error.png" alt="Informatyka">
                           <figcaption>
                               Fizyka
                           </figcaption>
                        </figure>
                    </div>
                </div>
            </section>
        </article>

           <section>
                <div class="posts">
                    <header>
                           <h1>Nowe tematy</h1>
                           <p>Tutaj znajdziesz kilka ostatnio wprowadzonych zajęć - pamiętaj, że zawsze będzie możliwość powrotu do nich z poziomu zakładki „Kursy" 😃 </p>
                       </header>

                        <div class="post">
                            <div class="post-image">
                                <img src="img/favicon.png" alt="Obrazek">
                            </div>
                            <div class="post-text">
                                <h2>#1 - Liczby i działania. Potęgowanie i pierwiastkowanie.</h2>
                                <p>Jak liczyć potęgi i pierwiastki? Dlaczego ich znajomość jest taka ważna? Najważniejsze wzory wraz z własnościami.</p>
                            </div>
                        </div>
                </div>
            #1 - System Linux. Podstawowe polecenia terminala.

            Po co wciąż używamy terminala? Jakie są podstawowe komendy w Linuksie? Skróty klawiszowe ułatwiające pracę.
           </section>

    </main>
</body>

</html>