Verde/cartoline
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Aggiunti i font e cambiato il colore del testo e dello sfondo

Browse Source
This commit is contained in:
La Programmatrice Verde 2024-11-25 17:49:21 +01:00
parent 6962501c65
commit 4fffb00700
2 changed files with 29 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
index.html
View File

@ -1,10 +1,10 @@
<html> <html>
<head> <head>
<link rel=stylesheet href="mystyle.css"> <link rel=stylesheet href="./mystyle.css">
<title>Cartoline</title> <title>Cartoline</title>
</head> </head>
<body> <body>
<center><h1>Cartoline natalizie</h1></center> <center><h1 class="titolo">Cartoline natalizie</h1></center>
<div id="cartoline"> <div id="cartoline">
<button class="cartoline-posizione" type="button"> <button class="cartoline-posizione" type="button">
<div class="cartolina-davanti"> <div class="cartolina-davanti">
@ -21,6 +21,9 @@
<br> <br>
<br> <br>
<br> <br>
<br>
<br>
<br>
<p class="cartolina-testo">Sereno Natale<p> <p class="cartolina-testo">Sereno Natale<p>
<p class="cartolina-testo">Pieno di felicità</p> <p class="cartolina-testo">Pieno di felicità</p>
</div> </div>
@ -42,6 +45,9 @@
<br> <br>
<br> <br>
<br> <br>
<br>
<br>
<br>
<p class="cartolina-testo">Mi raccomando,<p> <p class="cartolina-testo">Mi raccomando,<p>
<p class="cartolina-testo">Fate i buoni tutto l'anno!</p> <p class="cartolina-testo">Fate i buoni tutto l'anno!</p>
<p class="cartolina-testo">-Babbo Natale</p> <p class="cartolina-testo">-Babbo Natale</p>
@ -64,6 +70,9 @@
<br> <br>
<br> <br>
<br> <br>
<br>
<br>
<br>
<p class="cartolina-testo">Buon Natale<p> <p class="cartolina-testo">Buon Natale<p>
<p class="cartolina-testo">E felice anno nuovo 💕</p> <p class="cartolina-testo">E felice anno nuovo 💕</p>
</div> </div>
@ -74,6 +83,6 @@
<br> <br>
<br> <br>
<br> <br>
<center><p>Clicca su una cartolina per vedere il messaggio</p></center> <center><p class="help">Clicca su una cartolina per vedere il messaggio</p></center>
</body> </body>
</html> </html>

19
mystyle.css
View File

@ -1,8 +1,8 @@
body{
body{ background-color: #9ee37d;
background-color: #ae0d13; color: #19323c;
color: #ddab46; font-weight: 400;
font-family: Arial, Helvetica, sans-serif; font-style: normal;
} }
/* contenitore della cartolina */ /* contenitore della cartolina */
#cartoline { #cartoline {
@ -57,4 +57,13 @@
padding-right: 40px; padding-right: 40px;
color: black; color: black;
text-align: right; text-align: right;
font-family: "League Script", cursive;
}
.help{
font-family: "Agbalumo", system-ui;
}
.titolo{
font-family: "Norican", serif;
} }