diff --git a/about.html b/about.html index 1f23bae..910a72d 100644 --- a/about.html +++ b/about.html @@ -80,7 +80,7 @@
-
+
profile
@@ -89,9 +89,9 @@
-

SKILLS

+

SKILLS

-
    +
+
- diff --git a/projects.html b/projects.html index 145cfe1..7b2be49 100644 --- a/projects.html +++ b/projects.html @@ -200,6 +200,40 @@
+ diff --git a/public/css/about.css b/public/css/about.css index 38b476b..1d3551e 100644 --- a/public/css/about.css +++ b/public/css/about.css @@ -1,9 +1,11 @@ +@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Jersey+15&family=Sixtyfour+Convergence&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap'); + .container { display: grid; - grid-template-areas: "header header"; grid-template-columns: 1fr 2fr; gap: 24px; padding: 24px; + padding-bottom: 0px; } section { @@ -14,6 +16,16 @@ section { margin-bottom: 24px; } +.flex-container { + display: flex; + justify-content: space-between; +} + +.social-icons { + margin-top: 6px; + margin-right: 24px; +} + #profile { background-image: url("../images/pic.png"); color: #d8d8d9; @@ -34,6 +46,40 @@ dt { margin-top: 12px; } +.text { + margin-right: 24px; + font-family: "Ubuntu", serif; + font-weight: 400; + font-style: normal; + transition: .8s; +} + +section ul { + margin-left: 20px; +} + +footer { + display: flex; + justify-content: space-between; + transition: .8s; + padding: 8px; + background-color: var(--menu-text-bg); + border-radius: 12px; + margin-bottom: 24px; +} + +footer p { + margin-left: 12px; + font-family: "Ubuntu", serif; + font-weight: 400; + font-style: normal; +} + +.social-icons { + margin-top: 6px; + margin-right: 24px; +} + @media only screen and (max-width: 740px) { .container { display: flex; diff --git a/public/css/projects.css b/public/css/projects.css index 0900b26..ae8bdfa 100644 --- a/public/css/projects.css +++ b/public/css/projects.css @@ -1,4 +1,5 @@ @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Jersey+15&family=Sixtyfour+Convergence&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Jersey+15&family=Sixtyfour+Convergence&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap'); .container { margin-top: 2%; @@ -117,3 +118,26 @@ .content-body a:hover { color: var(--primary); } + +footer { + display: flex; + justify-content: space-between; + transition: .8s; + padding: 8px; + background-color: var(--menu-text-bg); + border-radius: 12px; + margin-bottom: 24px; + width: 80vw; +} + +footer p { + font-family: "Ubuntu", serif; + font-weight: 400; + font-style: normal; + margin-left: 12px; +} + +.social-icons { + margin-top: 6px; + margin-right: 24px; +} \ No newline at end of file