diff --git a/Page1.html b/Page1.html index 1dd630a..9999370 100644 --- a/Page1.html +++ b/Page1.html @@ -1,14 +1,37 @@ - - - - - - - - - Projet Web - - - - + + + + + + + + 7 Continents + + + +
+ Globe Logo + +
+
+
+ +
+
+ + \ No newline at end of file diff --git a/Puissance4.html b/Puissance4.html index c767de8..9999370 100644 --- a/Puissance4.html +++ b/Puissance4.html @@ -1 +1,37 @@ -//test \ No newline at end of file + + + + + + + + 7 Continents + + + +
+ Globe Logo + +
+
+
+ +
+
+ + + \ No newline at end of file diff --git a/style.css b/style.css index e69de29..047357e 100644 --- a/style.css +++ b/style.css @@ -0,0 +1,60 @@ +header +{ + display: flex; + justify-content: flex-end; + align-items: center; + background-color: white; + padding-left: 0.5em; + padding-right: 0.5em; + padding-top:0.1em; + row-gap: 50px; +} +img +{ + margin-right: auto; +} +body +{ + display: flex; + flex-direction: column; + background-color: #17a2b8; + margin: 0%; + padding: 0%; + min-height: 100vh; +} +a +{ + text-decoration: none; + color: grey; + font-size: 1.2em; +} +section +{ + padding-top: 3em; + padding-bottom: 3em; + background-color: lightgrey; + margin: 20em; + margin-top : 5em; + margin-bottom: 5em; + border-radius: 0.5em; +} +article +{ + text-align: center; +} +.list a +{ + background-color: white; + padding-top:1em; + padding-bottom: 1em; + border-radius: 0.5em; +} +.list{ + display: grid; + grid-template-columns: repeat(3,1fr); + gap: 1em; + padding: 1em; +} +footer{ + margin-top: auto; +}