3 changed files with 22 additions and 28 deletions
--- a/css/layout.css
+++ b/css/layout.css
@ -14,14 +14,6 @@ header img {
    width: 100%;
 }
 /* 
    position: absolute – wyrzuca tekst z normalnego przepływu strony i umieszcza go nad obrazkiem.
    top: 50%; left: 50% – zaczyna od środka nagłówka.
    transform: translate(-50%, -50%) – przesuwa tekst o połowę jego szerokości/wysokości, by był idealnie wyśrodkowany.
    color: white – biały tekst na ciemnym tle obrazka.
    font-size: 48px – duży tekst. 
 */
 .header-text {
    position: absolute;
    top: 50%;
@ -32,10 +24,6 @@ header img {
    font-weight: bold;
 }
 /* 
 nav (menu) i footer (stopka) mają ciemnoszare tło (#625B5B), biały tekst i padding.
 text-align: center – centruje zawartość. 
 */
 nav, footer {
    background-color: #625B5B;
    color: white;
@ -43,16 +31,6 @@ nav, footer {
    text-align: center;
 }
 /* 
 a w nav to linki:
 font-weight: bold – pogrubienie
 background-color: #EAEAEA – jasny tło przycisków
 color: #625B5B – ciemny kolor tekstu
 padding: 10px – przestrzeń wewnątrz przycisku
 margin: 50px – duża przestrzeń między linkami
 border-radius: 20px – zaokrąglone rogi
 text-decoration: none – usuwa podkreślenie linków 
 */
 nav a {
    font-weight: bold;
    background-color: #EAEAEA;
@ -68,3 +46,23 @@ nav a:hover {
    color: #EAEAEA;
    border: 1px solid #EAEAEA;
 }
 ul {
    margin-left: 40px;
    list-style-type: circle;
 }
 table {
    border: 1px dashed #625B5B;
    width: 60%;
    margin-left: 40px;
    text-align: center;
 }
 .kontrolki {
    margin: 5px;
 }
 main {
    padding: 20px;
 }
--- a/i1.html
+++ b/i1.html
@ -6,19 +6,15 @@
    <link rel="stylesheet" href="css/layout.css">
 </head>
 <body>
    <header>
        <img src="imgs/baner.png" alt="kursy komputerowe">
-        <div class="header-text">Kursy komputerowe</div>
+        <div class="header-text">hello</div>
    </header>
    <nav>
        <a href="i1.html">Strona główna</a>
        <a href="raty.html">Koszt rat</a>
        <a href="https://moje-szkolenia.pl/">Nasz partner</a>
    </nav>
    <main>
        <h3>Kursy komputerowe - programowanie</h3>
        <table>
--- a/imgs/baner.png
+++ b/imgs/baner.png