Informacje dodatkowe
Przygotowujemy treści, które Cię interesują.
Galeria
Obraz 1
Obraz 2
Obraz 3
Obraz 4
```
### Zawartość plików zewnętrznych
**styles.css**
```css
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.site-header {
background-color: #333;
color: #fff;
padding: 10px 0;
}
.nav-list {
list-style-type: none;
padding: 0;
}
.nav-item {
display: inline;
margin-right: 20px;
}
.nav-link {
color: #fff;
text-decoration: none;
}
.hero-section {
background-color: #f4f4f4;
padding: 20px;
}
.gallery-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: 10px;
}
.site-footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px 0;
}
```
**script.js**
```javascript
document.addEventListener("DOMContentLoaded", function() {
console.log("Strona załadowana");
});
```
W powyższym kodzie placeholders `[tittle]`, `[h1]` i `[t1]` można zastąpić odpowiednimi wartościami. Kod HTML zawiera różne klasy CSS, które mogą być pomocne do stylizacji elementów strony. W pliku JavaScript znajduję się prosty skrypt, który wyświetla wiadomość w konsoli po załadowaniu strony.