diff --git a/index.html b/index.html index 8a57ac1..e265abc 100644 --- a/index.html +++ b/index.html @@ -63,5 +63,43 @@
+
+
+ +
+
+

Titre de la catégorie.

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin felis + lectus, feugiat in eros sit amet, venenatis euismod urna. Aliquam id + porttitor erat, vitae dapibus velit. Praesent id felis tincidunt, + efficitur tortor eget, volutpat orci. Vestibulum ac lectus tincidunt, + suscipit justo at, fringilla nisl. Aliquam tincidunt congue faucibus. Duis in nisi tortor. + Nulla sit amet turpis nec turpis rhoncus venenatis. Sed nec malesuada quam. + Aenean faucibus neque id nibh facilisis auctor.

+
+ +
+
+ +
+
+

Titre de la catégorie.

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin felis + lectus, feugiat in eros sit amet, venenatis euismod urna. Aliquam id + porttitor erat, vitae dapibus velit. Praesent id felis tincidunt, + efficitur tortor eget, volutpat orci. Vestibulum ac lectus tincidunt, + suscipit justo at, fringilla nisl. Aliquam tincidunt congue faucibus. Duis in nisi tortor. + Nulla sit amet turpis nec turpis rhoncus venenatis. Sed nec malesuada quam. + Aenean faucibus neque id nibh facilisis auctor.

+
+ +
+
+ +
+
+ diff --git a/style.css b/style.css index 70da149..89f537d 100644 --- a/style.css +++ b/style.css @@ -145,4 +145,46 @@ h1,h2,h3,h4,h5,p{ #presentation_img{ margin-left: auto; margin-top: 20px; +} + +.feature_div{ + border: 4px dotted red; + width: 75%; + margin: auto; + margin-top: 30px; + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-between; + gap: 6%; +} +.feature_img_div{ + width: 40%; + flex: 1; + min-width: 300px; +} +.feature_img_div img{ + height: 100%; + width: 100%; +} +.feature_text_div{ + width: 40%; + flex: 1; + min-width: 300px; +} +.feature_text_div h2{ + margin-bottom: 5px; +} +.feature_text_div article p{ + margin-top: 20px; +} +.feature_button{ + padding-left: 8px; + padding-right: 8px; + padding-top: 5px; + padding-bottom: 5px; + background-color: aqua; + border: none; + border-radius: 6px; + font-size: 1.3em; } \ No newline at end of file