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

add comments

Browse Source
This commit is contained in:
baiobelfer 2025-09-04 13:00:25 +02:00
parent 63060a9db8
commit a9e4b4bafb
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
css/layout.css
View File

@ -13,6 +13,15 @@ header {
header img { header img {
width: 100%; 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 { .header-text {
position: absolute; position: absolute;
top: 50%; top: 50%;
@ -21,4 +30,5 @@ header img {
color: white; color: white;
font-size: 48px; font-size: 48px;
font-weight: bold; font-weight: bold;
} }

3
i1.html
View File

@ -6,7 +6,7 @@
<link rel="stylesheet" href="css/layout.css"> <link rel="stylesheet" href="css/layout.css">
</head> </head>
<body> <body>
<header> <header>
<img src="imgs/baner.png" alt="kursy komputerowe"> <img src="imgs/baner.png" alt="kursy komputerowe">
<div class="header-text">Kursy komputerowe</div> <div class="header-text">Kursy komputerowe</div>
@ -18,6 +18,7 @@
<a href="raty.html">Koszt rat</a> <a href="raty.html">Koszt rat</a>
<a href="https://moje-szkolenia.pl/">Nasz partner</a> <a href="https://moje-szkolenia.pl/">Nasz partner</a>
</nav> </nav>
<main> <main>
<h3>Kursy komputerowe - programowanie</h3> <h3>Kursy komputerowe - programowanie</h3>
<table> <table>