diff --git a/agile-dev/css/custom.css b/agile-dev/css/custom.css index 6f8d869..6f17954 100644 --- a/agile-dev/css/custom.css +++ b/agile-dev/css/custom.css @@ -1,3 +1,53 @@ +.section-2 { + display: flex; + align-items: center; + margin: 0 auto; + /* Centre le bloc horizontalement */ + width: 80%; + /* Largeur du bloc */ +} + +.section-3 { + display: flex; + align-items: center; + margin: 0 auto; + width: 80%; + text-justify: ; +} + +.left { + flex: 1 1 auto; + /* Ne pas agrandir la zone automatiquement */ + margin-right: 20px; + /* Marge à droite pour séparer les zones */ +} +.left2 { + flex: 1 1 auto; + /* Ne pas agrandir la zone automatiquement */ + text-align: right; + margin-right: 20px; + /* Marge à droite pour séparer les zones */ +} +.center { + flex: 0 0 auto; + margin: 0 20px; /* Marge à gauche et à droite pour séparer les zones */ +} + +.right { + flex: 1 1 auto; + /* Permet à la zone de droite de prendre toute la largeur disponible */ +} + + +h2 { + font-size: 1.5em; + /* Taille du titre */ +} + +button { + padding: 10px 20px; + /* Espacement intérieur du bouton */ +} /* section 1 */ .section1 { @@ -47,4 +97,3 @@ nav .imagelogo{ nav .listenav{ padding-right: 35px; } - diff --git a/agile-dev/index.html b/agile-dev/index.html index 6575810..82a4082 100644 --- a/agile-dev/index.html +++ b/agile-dev/index.html @@ -1,6 +1,9 @@ - + + + + @@ -9,13 +12,9 @@ - - - 🤙 Yo! app -
@@ -33,12 +32,10 @@
- -
-
+
iphone section1
@@ -51,17 +48,73 @@

Lorem ipsum

+ +
+
+ appli-iphone +
+
+

Benefice

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's + standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make + a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, + remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing + Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions + of Lorem Ipsum.

+ +
+
+ + - - - +
+
+

Benefice 2

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the + industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and + scrambled it to + make a type specimen book. It has survived not only five centuries, but also the leap into electronic + typesetting, + remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets + containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker + including + versions of Lorem Ipsum.

+
+
+ appli-iphone> +
+
+

Benefice 3

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the + industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and + scrambled it to + make a type specimen book. It has survived not only five centuries, but also the leap into electronic + typesetting, + remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets + containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker + including + versions of Lorem Ipsum.

+

Benefice 3

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the + industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and + scrambled it to + make a type specimen book. It has survived not only five centuries, but also the leap into electronic + typesetting, + remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets + containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker + including + versions of Lorem Ipsum.

+
+
+ - - - + + + +