From 484fb29dd213965cf0593f25139824b29d763cd3 Mon Sep 17 00:00:00 2001 From: Guillaume Date: Wed, 17 Jun 2026 10:50:51 +0200 Subject: [PATCH] debut_page_principale --- css/style.css | 84 +++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 54 +++++++++++++++++++++++++++++++++ 2 files changed, 138 insertions(+) diff --git a/css/style.css b/css/style.css index e69de29..5abda55 100644 --- a/css/style.css +++ b/css/style.css @@ -0,0 +1,84 @@ +body { + width: 100%; + height: 100%; + background-color: rgb(190, 255, 255); + margin: 0; +} +#img_1 { + display: flex; + width: 20%; + height: 20%; +} +.image_footer { + display: flex; + width: 30%; + height: 30%; +} +.align_x { + display: flex; + width: 100%; + height: 100%; + flex-direction: row; + justify-content: space-between; +} +#text_1 { + display: flex; + width: 65%; + height: 15%; + font-size: 200%; +} +h1 { + background-color: steelblue; + font-size: 40px; +} +h2 { + text-align: center; + background-color: cadetblue; +} +#nav_barre { + display: flex; + width: 100%; + height: 100px; + background-color: steelblue; +} + +.styled { + border: 0; + line-height: 2.5; + padding: 0 20px; + font-size: 1rem; + text-align: center; + color: white; + text-shadow: 1px 1px 1px black; + border-radius: 10px; + background-color: tomato; + background-image: linear-gradient( + to top left, + rgb(0 0 0 / 0.2), + rgb(0 0 0 / 0.2) 30%, + transparent + ); +} + +.styled:hover { + background-color: red; +} + +.styled:active { + box-shadow: + inset -2px -2px 3px rgb(255 255 255 / 0.6), + inset 2px 2px 3px rgb(0 0 0 / 0.6); +} + +#buttons { + height: 100%; + width: 25%; + display: flex; + justify-content: space-around; + flex-direction: row-reverse; + margin-left: auto; + align-items: center; +} +.shadow { + box-shadow: 0px 10px 5px gray; +} diff --git a/index.html b/index.html index e69de29..9b4887b 100644 --- a/index.html +++ b/index.html @@ -0,0 +1,54 @@ + + + + + + + +
+
+

+ Lorem Ipsum is simply dummy text of the printing and + typesetting industry. Lorem Ipsum has been the industry's + standard dummy text ever since 1966, when designers at + Letraset and James Mosley, the librarian at St Bride + Printing Library in London, took a 1914 Cicero translation + and scrambled it to make dummy text for Letraset's Body Type + sheets. It has survived not only many decades, but also the + leap into electronic typesetting, remaining essentially + unchanged. It was popularised thanks to these sheets and + more recently with desktop publishing software including + versions of Lorem Ipsum. +

+
+ +
+
+ + + + +
+

+

stagiaires rpz

+

+ +