From c11f8885dac05a0c6d18542eb4bc75bc97c49fd2 Mon Sep 17 00:00:00 2001
From: Yvette <162037528+HOUANGASSI-yvette@users.noreply.github.com>
Date: Tue, 22 Oct 2024 10:38:51 +0000
Subject: [PATCH] Add files via upload
ce code est un code html css permettant de reproduire le drapeau Togolais.
---
Togo/index.html | 21 +++++++++++++++
Togo/style.css | 69 +++++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 90 insertions(+)
create mode 100644 Togo/index.html
create mode 100644 Togo/style.css
diff --git a/Togo/index.html b/Togo/index.html
new file mode 100644
index 000000000..9ce2d13b5
--- /dev/null
+++ b/Togo/index.html
@@ -0,0 +1,21 @@
+
+
+
+ Drapeau Togolais
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Togo/style.css b/Togo/style.css
new file mode 100644
index 000000000..44a2d0c2d
--- /dev/null
+++ b/Togo/style.css
@@ -0,0 +1,69 @@
+body{
+width: 100%;
+height: 100vh;
+display: flex;
+flex-direction: column;
+justify-content: center;
+align-items: center;
+}
+
+.drapeauTogolais {
+ display: grid;
+ grid-template: repeat( 5, 1fr) / 30% 70%;
+ width: 300px;
+ height: 150px;
+
+ }
+
+
+ .bande {
+
+ width: 210px;
+ }
+
+
+ .verte {
+ background-color: green;
+ }
+
+
+ .jaune {
+ background-color: yellow;
+ }
+
+
+ .rouge {
+ background-color: red;
+ display: flex;
+ justify-content: center;
+ width:90px;
+ height:90px;
+ position: relative;
+ }
+
+
+ .un {
+ grid-row: span 3 ;
+ }
+
+
+ .cinq {
+ grid-column: span 2 ;
+ width: 300px;
+ }
+
+
+ .six {
+ grid-column: span 2;
+ width: 300px;
+ }
+
+
+ .etoile {
+ background-color: white;
+ width: 70px;
+ height: 70px;
+ clip-path: polygon(25% 65%, 50% 0%, 75% 65%,12% 25%,88% 25%);
+ position : absolute;
+ top:23px;
+ }
\ No newline at end of file