Closed github-learning-lab[bot] closed 4 years ago
@@ -0,0 +1.118 @@ @import url ( 'https://fonts.googleapis.com/css?family=Permanent+Marker|Playfair+Display:900|Open+Sans' );
body { sfondo : # e9e9e9 ; immagine di sfondo : url ( 'background.jpg' ); dimensione dello sfondo : copertina; imbottitura : 100 px ; famiglia di caratteri : 'Open Sans' , sans-serif; colore : # 000 ; display : griglia; align-items : center; grid-template-colonne : auto 300 px ; background-repeat : nessuna ripetizione; }
corpo : dopo { contenuto : "Grazie a Unsplash (immagine di sfondo)" ; posizione : fissa; sinistra : 0 ; in basso : 0 ; larghezza : 100 % ; imbottitura : 10 px ; colore : # 919191 ; dimensione carattere : 10 pt ; }
h1 { grid-row-start : 1 ; grid-column-start : 1 ; griglia-colonna-fine : 3 ; colore : rgb ( 104 , 85 , 57 ); dimensione carattere : 48 pt ; famiglia di caratteri : 'Playfair Display' , sans-serif;
immagine di sfondo : gradiente lineare ( 120 gradi , rgb ( 30 , 77 , 53 ) 0 % , rgb ( 245 , 233 , 149 ) 50 % , rgb ( 28 , 33 , 104 ) 100 % );
background-repeat : nessuna ripetizione;
dimensione dello sfondo : 100 % 0,2 em ;
posizione di sfondo : 0 100 % ;
transizione : facilità di sfondo 0,25 s easy-in;
}
img { grid-row-start : 2 ; grid-column-start : 1 ; larghezza massima : 200 px ; altezza massima : 200 px ; bordo-raggio : 10 px ; box-shadow : 0 4 px 8 px 0 rgba ( 0 , 0 , 0 , 0.2 ) , 0 6 px 20 px 0 rgba ( 0 , 0 , 0 , 0.19 ); margine : 50 px ; }
ul { list-style-type : none; grid-row-start : 2 ; griglia-colonna-inizio : 2 ; larghezza : 200 px ; dimensione carattere : 14 pt ; }
ul : prima di { contenuto : "Collegamenti rapidi" ; famiglia di caratteri : 'marcatore permanente' , corsivo; colore : rgb ( 28 , 33 , 104 ); colore di sfondo : rgba ( 245 , 233 , 149 , 0,5 ); dimensione carattere : 18 pt ; }
li { imbottitura : 10 px ; }
un { colore : rgb ( 28 , 33 , 104 ); display : blocco in linea; troppo pieno : nascosto; posizione : relativa; decorazione del testo : nessuna; allineamento verticale : in basso; } a : after { sfondo : gradiente lineare (in basso , rgb ( 245 , 233 , 149 ) , rgb ( 245 , 233 , 149 )) centro 1,08 em / 100% 2 px senza ripetizione; contenuto : "" ; altezza : 100 % ; sinistra : 0 ; posizione : assoluta; in alto : 0 ; larghezza : 400 % ; cambio di volontà : trasformare; indice z : -1 ; } a : hover : after { -webkit-animation : sottolineatura-gradiente 6 s infinito lineare; animazione : sottolineatura 6 s infinito lineare; immagine di sfondo : gradiente lineare ( 90 gradi , rgba ( 122 , 95 , 255 , 0,8 ) 15 % , rgba ( 1 , 255 , 137 , 0,6 ) 35 % , rgba ( 122 , 95 , 255 , 0,8 ) 85 % ) ; }
@ -webkit-keyframes underline-gradient { 0 % { -webkit-transform : translate3d ( 0 % , 0 % , 0 ); trasforma : translate3d ( 0 % , 0 % , 0 ); } 100 % { -webkit-transform : translate3d ( -75 % , 0 % , 0 ); trasforma : translate3d ( -75 % , 0 % , 0 ); } }
@keyframes underline-gradient { 0 % { -webkit-transform : translate3d ( 0 % , 0 % , 0 ); trasforma : translate3d ( 0 % , 0 % , 0 ); } 100 % { -webkit-transform : translate3d ( -75 % , 0 % , 0 ); trasforma : translate3d ( -75 % , 0 % , 0 ); } }
Let's build your first webpage
HTML is the markup language that forms the backbone of the internet. In this course, you will learn how to build a clean, stunning webpage using HTML which you can set as your browser's default start page. This is only the first step in your journey, but it will form an important foundation in your journey as a new developer.
What is HTML?
HTML stands for Hyper Text Markup Language. HTML is not a programming language. It is simply a way to describe the structure of your website. Your web browser reads the HTML document and displays it in the window.
Where does your website begin?
When someone enters your web address, the web standards will automatically look for a file called index.html and display it in your browser. Most people call this your home page.
Step 1: Hosting your webpage
It isn't enough to simply create a webpage on GitHub. You must deploy your webpage to a web host that is connected to the internet. For this course we will use GitHub Pages, but you could publish the HTML to any static host.
:keyboard: Activity: Turn on GitHub Pages
master
as your GitHub Pages publishing source.I'll respond in this issue after GitHub Pages has finished deploying your site.