diff --git a/src/css/style.css b/src/css/style.css index a2ec965..2f0a3c7 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -332,3 +332,35 @@ body { width: 80%; } } + + + + + + +#skills { + background-color: #f9f9f9; + padding: 20px; + margin: 40px auto; + max-width: 800px; + border-radius: 8px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + text-align: center; +} + +#skills h2 { + font-size: 24px; + margin-bottom: 20px; + color:black !important; +} + +#skills ul { + list-style: none; + padding: 0; +} + +#skills li { + font-size: 18px; + margin: 10px 0; + color: black !important; +} diff --git a/src/index.html b/src/index.html index 0c8dcbb..a225f42 100644 --- a/src/index.html +++ b/src/index.html @@ -1,297 +1,243 @@ - - - - - - Portfolio Template - Open source - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - + + +
+ Franklin's profile picture +

Hi, I'm Franklin

+

Building Digital Products, Brands, and Experiences

+ +

+ A Frontend Developer and Visual Designer with experience in web + design, brand identity, and product design. +

+ + Connect With Me + +
+
+ + + +
+

My Skills

+ +
+ + + +
+
+
+

Projects

+

Check out some of my personal and paid projects

+
+ +
+ +
+
+
+

Project One

+

React, Redux, SASS

+
+
+ +
- - -
-
-
-

Project Two

-

React, Redux, SASS

-
- -
- - -
+
+ + +
+
+
+

Project Two

+

React, Redux, SASS

+
+
+ +
- - -
-
-
-

Project Three

-

React, Redux, SASS

-
- -
- - -
+
+ + +
+
+
+

Project Three

+

React, Redux, SASS

+
+
+ +
- - -
-
-
-

Project Four

-

React, Redux, SASS

-
- -
- - -
+
+ + +
+
+
+

Project Four

+

React, Redux, SASS

+
+
+ +
- - -
-
-
-

Project Five

-

React, Redux, SASS

-
- -
- - -
+
+ + +
+
+
+

Project Five

+

React, Redux, SASS

+
+
+ +
- - -
-
-
-

Project Six

-

React, Redux, SASS

-
- -
- - -
+
+ + +
+
+
+

Project Six

+

React, Redux, SASS

+
+
+ +
-
+ + - See More -
+ See More + - + + + + \ No newline at end of file diff --git a/src/js/script.js b/src/js/script.js index 0e9191f..312dfe8 100644 --- a/src/js/script.js +++ b/src/js/script.js @@ -65,3 +65,7 @@ let myDate = document.querySelector("#datee"); const yes = new Date().getFullYear(); myDate.innerHTML = yes; + + + +