Certo! Ecco un semplice script HTML e CSS per creare il sito web che hai descritto.
### HTML (index.html)
```html
Marta's Space
```
### CSS (styles.css)
```css
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
margin: 0;
padding: 0;
}
.container {
text-align: center;
padding: 20px;
}
h1 {
font-family: 'Onyx', sans-serif;
font-size: 48px;
margin-bottom: 20px;
}
.gallery {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.band-photo {
width: 200px;
height: auto;
margin: 10px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
```
### Note
- Assicurati di sostituire `nirvana.jpg`, `guns_n_roses.jpg`, e `queen.jpg` con i percorsi corretti delle immagini che desideri utilizzare.
- Puoi modificare le dimensioni delle immagini e il layout secondo le tue preferenze.
Certo! Ecco un semplice script HTML e CSS per creare il sito web che hai descritto.
### HTML (index.html)
```html
Marta's Space
```
### CSS (styles.css)
```css
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
margin: 0;
padding: 0;
}
.container {
text-align: center;
padding: 20px;
}
h1 {
font-family: 'Onyx', sans-serif;
font-size: 48px;
margin-bottom: 20px;
}
.gallery {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.band-photo {
width: 200px;
height: auto;
margin: 10px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
```
### Note
- Assicurati di sostituire `nirvana.jpg`, `guns_n_roses.jpg`, e `queen.jpg` con i percorsi corretti delle immagini che desideri utilizzare.
- Puoi modificare le dimensioni delle immagini e il layout secondo le tue preferenze.
To learn more HTML/CSS, check out these tutorials!
