diff --git a/agile-dev/correction/index.html b/agile-dev/correction/index.html index 0c3c5cd..413835d 100644 --- a/agile-dev/correction/index.html +++ b/agile-dev/correction/index.html @@ -4,9 +4,9 @@ - + - + 🤙 Yo! application 🤙 | Simplon diff --git a/agile-dev/css/custom.css b/agile-dev/css/custom.css index e69de29..358bb19 100644 --- a/agile-dev/css/custom.css +++ b/agile-dev/css/custom.css @@ -0,0 +1,105 @@ + +/* début CSS jorge*/ + + +header { + display:flex; + background-color: black; + height: 200px; + justify-content: space-between; + +} + +.logo { +display: flex; +justify-content: center; + +} + +.logo img { +height: 150px; + +} + +.toplinks a { + + display: flex; + justify-content: space-evenly; +margin: 20px; +color:white; +text-decoration: none; +background-color: rgb(214, 65, 19); +padding: 4px 10px; +border-radius: 30px; +font-size: 15px; + +} + +/* fin CSS jorge*/ + +/* debut CSS lucas*/ + +/* css de la premiere section avec le texte */ + +#section1 { + + height: 300px; + width:100%; + display: flex; + justify-content: space-around; + background-color: rgb(214, 65, 19); + color:rgb(255, 255, 255); + font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + align-items: center; + +} + +/* je sépare la section en 2 avec les 2 div*/ + +.div1 { + margin:center; + font-weight: bold; +} + +.div2 { + + align-self: flex-end; + +} + +/* mise en liens et en ligne de mon texte */ + +#section1 .links { + + + display: flex; + justify-content: space-evenly; + color: rgb(255, 255, 255); +} + +#section1 .links a{ + background-color: rgb(70, 64, 64); + color: rgb(189, 189, 189); + margin: 10px; + border-radius: 30px; + padding: 15px; + +} + +h1 { + +font-size: 50px; +text-decoration: underline; + +} + +.div1 img { + +margin-left: 28%; +margin-right: -10%; +margin-top: 40px; + +} + +/* fin CSS lucas */ + diff --git a/agile-dev/index.html b/agile-dev/index.html index 2fb0a11..3113147 100644 --- a/agile-dev/index.html +++ b/agile-dev/index.html @@ -1,25 +1,70 @@ - - - - - - - - - - 🤙 Yo! application 🤙 | Simplon - - - - - - - - - - - - - + + + + + + + + + + + 🤙 Yo! application 🤙 | Simplon + + + + + + + +
+ + + + +
+ + + + +
+ +
+

Yo! Le nouveau moyen de partager !

+ + + + liens de téléchargement vers android + liens de téléchargement vers ios + +
+ +
+ + iphone et ipad utilisant l'application + +
+ +
+ + + + + + + + + + + \ No newline at end of file