c2021/INF.03-01-25.01-SG
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add centered white "hello" text overlay on banner images

Browse Source 
Co-authored-by: aider (openrouter/deepseek/deepseek-chat-v3.1) <aider@aider.chat>
This commit is contained in:
baiobelfer 2025-09-03 14:35:08 +02:00
parent f5c52bab2e
commit e17d097b49
3 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
css/layout.css
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;

5
i1.html
View File

@ -6,8 +6,9 @@
<link rel="stylesheet" href="css/layout.css"> <link rel="stylesheet" href="css/layout.css">
</head> </head>
<body> <body>
<header> <header style="position: relative; text-align: center;">
<img src="imgs/baner.png" alt="kursy komputerowe"> <img src="imgs/baner.png" alt="kursy komputerowe" style="width: 100%;">
<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 48px; font-weight: bold;">hello</div>
</header> </header>
<nav> <nav>
<a href="i1.html">Strona główna</a> <a href="i1.html">Strona główna</a>

5
raty.html
View File

@ -6,8 +6,9 @@
<link rel="stylesheet" href="css/layout.css"> <link rel="stylesheet" href="css/layout.css">
</head> </head>
<body> <body>
<header> <header style="position: relative; text-align: center;">
<img src="imgs/baner.png" alt="kursy komputerowe"> <img src="imgs/baner.png" alt="kursy komputerowe" style="width: 100%;">
<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 48px; font-weight: bold;">hello</div>
</header> </header>
<nav> <nav>
<a href="i1.html">Strona główna</a> <a href="i1.html">Strona główna</a>