From 20c9e4212ce651aa745b6be0193cb4f78e87a37c Mon Sep 17 00:00:00 2001 From: bendwit <184859846+BenDWit@users.noreply.github.com> Date: Mon, 28 Jul 2025 14:09:47 +0200 Subject: [PATCH] old stuff --- .../CSS/Colored_Boxes/index.html | 18 ++++++++ .../CSS/Colored_Boxes/styles.css | 25 +++++++++++ .../CSS/Confidential_Email/index.html | 23 +++++++++++ .../CSS/Confidential_Email/styles.css | 28 +++++++++++++ .../CSS/Contact_Form/index.html | 23 +++++++++++ .../CSS/Contact_Form/styles.css | 41 +++++++++++++++++++ .../CSS/Playing_Cards/index.html | 0 .../CSS/Playing_Cards/styles.css | 0 8 files changed, 158 insertions(+) create mode 100644 Certified_Full_Stack_Developer/CSS/Colored_Boxes/index.html create mode 100644 Certified_Full_Stack_Developer/CSS/Colored_Boxes/styles.css create mode 100644 Certified_Full_Stack_Developer/CSS/Confidential_Email/index.html create mode 100644 Certified_Full_Stack_Developer/CSS/Confidential_Email/styles.css create mode 100644 Certified_Full_Stack_Developer/CSS/Contact_Form/index.html create mode 100644 Certified_Full_Stack_Developer/CSS/Contact_Form/styles.css create mode 100644 Certified_Full_Stack_Developer/CSS/Playing_Cards/index.html create mode 100644 Certified_Full_Stack_Developer/CSS/Playing_Cards/styles.css diff --git a/Certified_Full_Stack_Developer/CSS/Colored_Boxes/index.html b/Certified_Full_Stack_Developer/CSS/Colored_Boxes/index.html new file mode 100644 index 0000000..8ccd829 --- /dev/null +++ b/Certified_Full_Stack_Developer/CSS/Colored_Boxes/index.html @@ -0,0 +1,18 @@ + + + + + + Colored Boxes + + + +
+
+
+
+
+
+
+ + \ No newline at end of file diff --git a/Certified_Full_Stack_Developer/CSS/Colored_Boxes/styles.css b/Certified_Full_Stack_Developer/CSS/Colored_Boxes/styles.css new file mode 100644 index 0000000..b78aaa0 --- /dev/null +++ b/Certified_Full_Stack_Developer/CSS/Colored_Boxes/styles.css @@ -0,0 +1,25 @@ +body { + background-color: #f4f4f4; +} + +.color-box { + width: 10px; + height: 10px; + display: inline-block; +} + +.color1{ + background-color: #323232; +} +.color2 { + background-color: rgb(10, 20, 255); +} +.color3 { + background-color: aqua; +} +.color4 { + background-color: hsl(10, 15%, 37%); +} +.color5 { + background-color: green; +} \ No newline at end of file diff --git a/Certified_Full_Stack_Developer/CSS/Confidential_Email/index.html b/Certified_Full_Stack_Developer/CSS/Confidential_Email/index.html new file mode 100644 index 0000000..f447042 --- /dev/null +++ b/Certified_Full_Stack_Developer/CSS/Confidential_Email/index.html @@ -0,0 +1,23 @@ + + + + + + + Confidential Email + + + +
+
+

CONFIDENTIAL

+
+
+

TOP SECRET

+
+

address:Homestreet 1 1919EI

+

name:BEN

+

sender:CIA

+
+ + \ No newline at end of file diff --git a/Certified_Full_Stack_Developer/CSS/Confidential_Email/styles.css b/Certified_Full_Stack_Developer/CSS/Confidential_Email/styles.css new file mode 100644 index 0000000..1624810 --- /dev/null +++ b/Certified_Full_Stack_Developer/CSS/Confidential_Email/styles.css @@ -0,0 +1,28 @@ +#email { + padding: 50px; + margin-top: 50px; + width: 500px; + border: 2px solid black; + max-width: 500px; + box-sizing: border-box; +} + +#confidential { + display: inline-block; + padding: 10px 4px; + margin-left: 10px; + border: 2px solid black; + transform: rotate(20deg); +} + +#top-secret{ + display: inline-block; + transform: rotate(20deg); + padding: 10px 4px; + margin-left: 10px; + border: 10px solid black; +} + +.blurred { + filter: blur(3px); +} \ No newline at end of file diff --git a/Certified_Full_Stack_Developer/CSS/Contact_Form/index.html b/Certified_Full_Stack_Developer/CSS/Contact_Form/index.html new file mode 100644 index 0000000..43db7e2 --- /dev/null +++ b/Certified_Full_Stack_Developer/CSS/Contact_Form/index.html @@ -0,0 +1,23 @@ + + + + + + Contact Form + + + +
+
+

Leave a message

+ + + + + + + +
+
+ + \ No newline at end of file diff --git a/Certified_Full_Stack_Developer/CSS/Contact_Form/styles.css b/Certified_Full_Stack_Developer/CSS/Contact_Form/styles.css new file mode 100644 index 0000000..1f352ff --- /dev/null +++ b/Certified_Full_Stack_Developer/CSS/Contact_Form/styles.css @@ -0,0 +1,41 @@ +* { + padding: 0; + margin: 0; +} + +body { + background-color: aquamarine; +} + +.form-container { + border-radius: 25px; + padding: 20px; + width: 50%; + background-color: aliceblue; + display: center; +} + +label { + margin: 10px; + color: brown; +} + +input { + width: 90px; + padding: 10px; + margin-bottom: 10px; + height: 10px; +} +textarea { + width: 90px; + padding: 10px; + margin-bottom: 10px; +} +button { + background-color: rgb(82, 90, 90); + font-size: 12px; +} + +button:hover { + background-color: green; +} \ No newline at end of file diff --git a/Certified_Full_Stack_Developer/CSS/Playing_Cards/index.html b/Certified_Full_Stack_Developer/CSS/Playing_Cards/index.html new file mode 100644 index 0000000..e69de29 diff --git a/Certified_Full_Stack_Developer/CSS/Playing_Cards/styles.css b/Certified_Full_Stack_Developer/CSS/Playing_Cards/styles.css new file mode 100644 index 0000000..e69de29