Compare commits

...

2 Commits

Author SHA1 Message Date
baiobelfer
48973968fb refactor: replace inline styles with CSS classes in headers
Co-authored-by: aider (openrouter/deepseek/deepseek-chat-v3.1) <aider@aider.chat>
2025-09-03 14:35:25 +02:00
baiobelfer
e17d097b49 feat: add centered white "hello" text overlay on banner images
Co-authored-by: aider (openrouter/deepseek/deepseek-chat-v3.1) <aider@aider.chat>
2025-09-03 14:35:08 +02:00
3 changed files with 17 additions and 0 deletions

View File

@ -5,10 +5,25 @@ body {
padding: 0; padding: 0;
} }
header {
position: relative;
text-align: center;
}
header img { header img {
width: 100%; width: 100%;
} }
.header-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 48px;
font-weight: bold;
}
nav, footer { nav, footer {
background-color: #625B5B; background-color: #625B5B;
color: white; color: white;

View File

@ -8,6 +8,7 @@
<body> <body>
<header> <header>
<img src="imgs/baner.png" alt="kursy komputerowe"> <img src="imgs/baner.png" alt="kursy komputerowe">
<div class="header-text">hello</div>
</header> </header>
<nav> <nav>
<a href="i1.html">Strona główna</a> <a href="i1.html">Strona główna</a>

View File

@ -8,6 +8,7 @@
<body> <body>
<header> <header>
<img src="imgs/baner.png" alt="kursy komputerowe"> <img src="imgs/baner.png" alt="kursy komputerowe">
<div class="header-text">hello</div>
</header> </header>
<nav> <nav>
<a href="i1.html">Strona główna</a> <a href="i1.html">Strona główna</a>