From ad7d9ea7d82e37f776eaff0b1778bde2321a8638 Mon Sep 17 00:00:00 2001 From: Ramotala Karabo Date: Sun, 7 Jul 2024 15:12:07 +0200 Subject: [PATCH 1/4] Creating CodeSpace Cat Potfolio webpage structure. --- css-docs/index.css | 0 html-docs/index.html | 104 +++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 104 insertions(+) create mode 100644 css-docs/index.css create mode 100644 html-docs/index.html diff --git a/css-docs/index.css b/css-docs/index.css new file mode 100644 index 0000000..e69de29 diff --git a/html-docs/index.html b/html-docs/index.html new file mode 100644 index 0000000..61404aa --- /dev/null +++ b/html-docs/index.html @@ -0,0 +1,104 @@ + + + + + + + + + +
+

CodeSpace Cat's Portfolio

+ + + +
+ + +
+

About Me

+
+ A CodeSpace Cat picture +
+ +

Hello! I'm CodeSpace Cat. I'm purr-passionate about web development and design. I've been pawing at the web industry for just one catnap (that's less than a day in human terms), and I adore crafting pawsitively intuitive, whisker-twitching, and fur-tastic web experiences. Whoa that's a lot of puns.

+
+ + +
+

My Skills

+ +
+ + +
+ + +

Catfolio

+ + + + + + + + + + + + + + + + + + + + + + + + +
Project NameDateDescriptionThumbnail
Purrfect Landing PageJanuary 2024A delightful landing page for a luxury cat condo + An image showing a landing page for cats. +
Kitty CommerceFebruary 2024An online store selling the fanciest catnip toys + An image showing the +
CatChatJune 2024A social media site for cats to meow and hiss! + An image showcasing a CatChat app +
+
+ + + + + + From 491537034b8fb4fbb939ba83a904967a08dc426f Mon Sep 17 00:00:00 2001 From: Ramotala Karabo Date: Sun, 7 Jul 2024 16:46:38 +0200 Subject: [PATCH 2/4] Styling the layout of the web page --- css-docs/index.css | 41 +++++++++++++++++++++++++++++++++++++++++ html-docs/index.html | 21 +++++++++++++-------- 2 files changed, 54 insertions(+), 8 deletions(-) diff --git a/css-docs/index.css b/css-docs/index.css index e69de29..e3b32b2 100644 --- a/css-docs/index.css +++ b/css-docs/index.css @@ -0,0 +1,41 @@ +body{ + background:rgba(234, 143, 30, 0.5) +} +/*Properly aigning the headings and styling it*/ +h1,h3{ + text-align:center; + background-color:rgba(234, 143, 30, 0.9); + padding:20px; +} + +/*setting dimensions in-between navigation section*/ +nav{ + margin:30px 0px 30px 0px; +} + +/*styling the links behaviour and state when hovered over*/ +a:hover{ + padding:10px; + opacity:0.7; + transition:opacity 0.5s; + text-decoration:none; +} + +.nav-section>ul>li{ + list-style-type:none; + margin-top:20px; +} + +/*Adding table styling for better naviagtion of the table*/ +.catfolio-table{ + border-style:solid; + border-color:rgba(234, 143, 30, 0.9); + margin:30px 0px 30px 0px; +} +tr:hover{ + background-color:rgba(234, 143, 30, 0.4); +} +th{ + background-color:rgba(234, 143, 30, 0.4); +} + diff --git a/html-docs/index.html b/html-docs/index.html index 61404aa..6a4b6f8 100644 --- a/html-docs/index.html +++ b/html-docs/index.html @@ -4,19 +4,24 @@ - CodeSpace Cat Portfolio + +
-

CodeSpace Cat's Portfolio

+

CodeSpace Cat's Portfolio

-