From 0e8681193d701de939b9acb755df89bca5382683 Mon Sep 17 00:00:00 2001 From: Stephen Chege Date: Sun, 25 Jul 2021 12:27:36 +0300 Subject: [PATCH] kenyan flag --- kenyan_flag/kenya.css | 173 +++++++++++++++++++++++++++++++++++++++++ kenyan_flag/kenya.html | 45 +++++++++++ 2 files changed, 218 insertions(+) create mode 100644 kenyan_flag/kenya.css create mode 100644 kenyan_flag/kenya.html diff --git a/kenyan_flag/kenya.css b/kenyan_flag/kenya.css new file mode 100644 index 0000000..e9771ce --- /dev/null +++ b/kenyan_flag/kenya.css @@ -0,0 +1,173 @@ +body { + background: rgb(221, 21, 71); +} + +h1{ + margin-left: 500px; + margin-right: 110px; + color: rgb(34, 71, 194); +} + +.boxes { + margin-left: 400px; +} + +.box { + width: 500px; + height: 100px; +} + +.box1 { + background: black; +} + +.box2 { + background: white; + height: 10px; +} + +.box3 { + background: red; +} + +.box4 { + background: white; + height: 10px; +} + +.box5 { + background: green; +} + +.circle { + background-color: red; + width: 100px; + height: 200px; + margin-top: -260px; + margin-left: 600px; + border-radius: 50%; +} + +.square { + background-color: white; + height: 20px; + width: 20px; + margin-top: -112px; + margin-left: 640px; + border-radius: 50%; +} + +.edge { + height: 80px; + width: 25px; + border-radius: 50%; + /*background-color: black;*/ +} + +.left { + background: linear-gradient(to right, red 50%, black 50%); + margin-top: -48px; + margin-left: 594px; +} + +.right { + background: linear-gradient(to right, black 50%, red 50%); + margin-top: -79px; + margin-left: 682px; +} + +.incircle { + background: white; + width: 20px; + height: 70px; + border-radius: 50%; +} + +.one { + background: linear-gradient(to right, white 50%, red 50%); + margin-top: -126px; + margin-left: 635px; +} + + +.two { + background: linear-gradient(to right, red 50%, white 50%); + margin-top: -70px; + margin-left: 645px; +} + + +.three { + background: linear-gradient(to right, white 50%, red 50%); + margin-left: 635px; + margin-top: 27px; +} + + + +.four { + background: linear-gradient(to right, red 50%, white 50%); + margin-left: 645px; + margin-top: -70px; +} + +.lower { + background: white; + height: 50px; + width: 10px; +} + +.lower1 { + margin-top: -27px; + margin-left: 589px; + rotate: 30deg; +} + +.lower2 { + margin-top: -52px; + margin-left: 704px; + height: 52px; + rotate: -35deg; +} + +.upper { + background: white; + height: 20px; + width: 10px; +} + +.upper1 { + margin-top: -181px; + margin-left: 694px; + rotate: 30deg; +} + +.upper2 { + margin-top: -20px; + margin-left: 595px; + rotate: -30deg; +} + +.spear { + height: 50px; + width: 15px; +} + +.spear1 { + background: white; + margin-top: -64px; + margin-left: 576px; + border-top-left-radius: 70%; + border-top-right-radius: 70%; + rotate: -30deg; +} + +.spear2 { + background: white; + margin-top: -48px; + margin-left: 707px; + border-top-left-radius: 70%; + border-top-right-radius: 70%; + rotate: 30deg; +} + diff --git a/kenyan_flag/kenya.html b/kenyan_flag/kenya.html new file mode 100644 index 0000000..1cff675 --- /dev/null +++ b/kenyan_flag/kenya.html @@ -0,0 +1,45 @@ + + + + + + + Kenyan Flag + + + +

The Kenyan Flag

+ +
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+
+ + + \ No newline at end of file