diff --git a/css-docs/index.css b/css-docs/index.css new file mode 100644 index 0000000..789a5d2 --- /dev/null +++ b/css-docs/index.css @@ -0,0 +1,59 @@ +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; + margin:70px 0px 70px 0px; +} +h1{ + margin-top:0px; +} +p{ + line-height:1.5em; +} + +/*setting dimensions around navigation section*/ +nav{ + margin:30px 0px 30px 0px; +} + +/*styling the links behaviour and state when hovered over*/ +a:link,a:visited{ + text-decoration:none; + letter-spacing:8px; + color:black; + border-style:solid; + border-color:rgba(234, 143, 30, 0.9); + border-width:0px 0px 0px 4px; + padding-left:6px; +} +a:hover{ + padding:10px; + opacity:0.7; + transition:opacity 0.5s; + transition:border-width 0.5s; + text-decoration:none; + border-width:0px 0px 4px 0px; +} + +.nav-section>ul>li{ + list-style-type:none; + margin-top:30px; +} + +/*Adding styling to the table 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 new file mode 100644 index 0000000..25d3439 --- /dev/null +++ b/html-docs/index.html @@ -0,0 +1,131 @@ + + + + + + + CodeSpace Cat Portfolio + + + + + +
+

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