<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> .headerNaglowek { position: relative; width: 100%; height: auto; min-height: 200px; /* Minimalna wysokość */ background: url('http://eclipse.elektron.pk.edu.pl/~plany-wieik/lib/exe/fetch.php?media=logo_2.png') no-repeat center center; background-size: contain; display: flex; justify-content: center; align-items: center; } .headerNaglowek img { width: 100%; max-width: 600px; /* Dopasuj szerokość obrazu */ height: auto; } .logo { margin: 0 20px; min-height: 100px; } .clickable-area { position: absolute; width: 80px; /* Dopasuj do szerokości loga */ height: 80px; /* Dopasuj do wysokości loga */ background-color: rgba(255, 0, 0, 0); /* Widoczne tylko dla testów */ cursor: pointer; } .left-logo { top: 15px; left: 8.1%; } .right-logo { top: 15px; right: 51%; } .clickable-area:hover { background-color: rgba(255, 0, 0, 0.0); } .header2 { margin: 0; padding: 0; min-height: 150vh; background: linear-gradient(180deg, rgba(255, 255, 255, 0.8), rgba(169, 169, 169, 0.0)), url('http://eclipse.elektron.pk.edu.pl/~plany-wieik/lib/exe/fetch.php?media=tlo_plan.jpg'); background-size: cover; background-position: top; position: relative; } .header2-left, .header21-left, .header3-left, .header31-left { font-family: 'Arial', cursive, sans-serif; font-weight: bold; font-style: italic; line-height: 1.1; } .header2-left { color: rgb(128, 0, 128); font-size: 3vw; padding-top: 30px; padding-left: 20px; } .header21-left { color: rgb(128, 0, 128); font-size: 2.5vw; padding-top: 20px; padding-left: 20px; } .header3-left { color: #00008B; font-size: 2.8vw; padding: 20px 40px; background-color: rgba(255, 255, 255, 0.8); /* Jaśniejsze, półprzezroczyste tło */ border-radius: 5px; display: block; margin: 50px 0; /* Zmniejszony margines między elementami w pionie */ margin-left: 40px; /* Przesunięcie tła w prawo */ margin-top: 100px; /* Przesunięcie elementów w dół */ width: fit-content; /* Tło ograniczone do szerokości tekstu */ } .header31-left { color: #00008B; font-size: 2.8vw; padding: 20px 40px; background-color: rgba(255, 255, 255, 0.8); /* Jaśniejsze, półprzezroczyste tło */ border-radius: 5px; display: block; margin: 10px 0; /* Zmniejszony margines między elementami w pionie */ margin-left: 40px; /* Przesunięcie tła w prawo */ margin-top: 30px; /* Przesunięcie elementów w dół */ width: fit-content; /* Tło ograniczone do szerokości tekstu */ } @media (min-width: 1400px) { .headerNaglowek { max-width: 100vw; /* Pełna szerokość ekranu */ } .headerNaglowek img { max-width: 100vw; /* Obraz również może się rozciągać */ } } @media (max-width: 768px) { .headerNaglowek { width: 100%; height: auto; min-height: 80px; /* Minimalna wysokość */ padding: 1px; } .headerNaglowek img { margin-top:5px; max-width: 300px; /* Mniejszy rozmiar na telefonach */ } .header2-left, .header21-left, .header3-left, .header31-left { font-size: 6vw; margin-left: 20px; } } </style> </head> <body> <!– Nagłówek z logotypami –> <div class="headerNaglowek"> <!-- Klikalne obszary na logo --> <a href="https://www.pk.edu.pl"> <div class="clickable-area left-logo"></div> </a> <a href="https://www.wieik.pk.edu.pl"> <div class="clickable-area right-logo"></div> </a> </div> <div class="header2"> <div class="header2-left"> <i><b>Plan zajęć WIEiK</b></i> </div> <div class="header21-left"> <i><b>semestr letni 2025/2026</b></i> </div> <div class="header3-left"> <a href=" https://plany.wieik.pk.edu.pl">Harmonogram zajęć</a> </div> </div> </body>

<a href="doku.php?id=pdf:start">Harmonogram zajęć</a>

Harmonogramy zajęć

Organizacja roku akademickiego 2025/2026

Archiwum harmonogramów