From 096bf908f9e298ff63c26a6f5de8ee719bd9b484 Mon Sep 17 00:00:00 2001 From: ngumasamuel36-Del Date: Wed, 22 Apr 2026 20:39:30 +0100 Subject: [PATCH 1/2] Adding Registration form html and css files --- Registration_form/Form_style.css | 46 +++++++++++++++++ Registration_form/Registration_form.html | 63 ++++++++++++++++++++++++ 2 files changed, 109 insertions(+) create mode 100644 Registration_form/Form_style.css create mode 100644 Registration_form/Registration_form.html diff --git a/Registration_form/Form_style.css b/Registration_form/Form_style.css new file mode 100644 index 0000000..8415cd8 --- /dev/null +++ b/Registration_form/Form_style.css @@ -0,0 +1,46 @@ +/* applying google font */ +body { + font-family:'Roboto', sans-serif; + background-color: #f4f4f4; + padding:20px +} +/* form styling */ +form { + background-color: #ffffff; + padding:20px; + border-radius:8px; + max-width:400px; + margin:auto; + box-shadow:0 0 10pxrgba(0,0,0,0.1); +} + /*labels*/ + label { + display:block; + margin-bottom:5px; + font-weight:bold; + } + /* input fields */ + input,select,textarea{ + width:100%; + padding:10px; + margin-bottom:15px; + border:1px solid#ccc; + border-radius:4px; + } + /* submit button */ + button{ + width:100%; + padding:12px; + background-color:#007BFF; + color:white; + border:none; + border-radius:4px; + font-size:16px; + cursor:pointer; + } + /* hover effect for button */ + + button:hover{ + background-color:#0056b3; + } + diff --git a/Registration_form/Registration_form.html b/Registration_form/Registration_form.html new file mode 100644 index 0000000..efa4e34 --- /dev/null +++ b/Registration_form/Registration_form.html @@ -0,0 +1,63 @@ + + + + + + + Registration form + + + +

Training Registration form

+
+ +
+ +

+ +
+ +

+ + +
+

+ +
+

+ + +
+ +
+ + +
+ + +
+ +

+ + +
+ +

+ + + + +

+ + + + +
+ + + + \ No newline at end of file From 64a762b1e7c7da4f005422362ed141bdea5f858e Mon Sep 17 00:00:00 2001 From: ngumasamuel36-Del Date: Sun, 26 Apr 2026 09:18:35 +0100 Subject: [PATCH 2/2] Added html and css files for About me page --- About_me.css | 43 ++++++++++++++++++++++++++++ About_me.html | 78 +++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 121 insertions(+) create mode 100644 About_me.css create mode 100644 About_me.html diff --git a/About_me.css b/About_me.css new file mode 100644 index 0000000..624ae61 --- /dev/null +++ b/About_me.css @@ -0,0 +1,43 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.container{ + max-width: 800px; + margin: 0 auto; +} + +header, footer{ + background-color: #222; + color: white; + padding: 20px; + text-align: center; +} + +section{ + padding: 20px; +} + +h1,h2{ + margin-bottom: 10px; +} + +nav a{ + padding: 10px; + display:inline-block; + color: white; + text-decoration: none; +} + +nav a:hover{ + color:#ffd700; +} + +h1{ + color:darkblue; +} +h2{ + color:darkblue; +} \ No newline at end of file diff --git a/About_me.html b/About_me.html new file mode 100644 index 0000000..954d42e --- /dev/null +++ b/About_me.html @@ -0,0 +1,78 @@ + + + + + + + About Me + + + + +
+ +
+ +
+
+
+

Samuel

+

Front-End Developer

+ +

My name is Samuel, I am a Web Developer student at SEED WOC26. I enjoy building + clean responsive websites and helping others learn how the wed works.

l +

Outside of coding, I have some soft skills like active listening and communication. + I am also passionate about business, entrepreneurship, research and creative projects. +Growth is my priority +

+
+
+ +
+ +Profile Photo + +
+ +
+

My Skills

+
    +
  • Coding
    • +
  • Communication
    • +
  • Active listening
    • +
  • Business Strategy and Branding
    • +
  • Football
    • +
+
+
+ +
+

Things I want to learn

+
    +
  • Back-end Development
    • +
  • UI/UX Designing
    • +
  • Public speaking
    • +
+
+ +
+ +
+

Contact

+

+ Email me here: + Email me +

+
+ +
+ + + +