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

+ +
+
+ +
+

Things I want to learn

+ +
+ +
+ +
+

Contact

+

+ Email me here: + Email me +

+
+ +
+ + + + 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