diff --git a/index.html b/index.html index 0da4aa4..0988ff9 100644 --- a/index.html +++ b/index.html @@ -12,13 +12,15 @@
-
-
-
-
-
-
-

Hi! I'm Trix Developer👋

-

Hello There I'm John Carlien Trix Darlucio Web and Mobile Developer based in Manila, Philippines. 🌎

-
-
@@ -83,8 +87,8 @@

Tech Stack |

ABOUT ME

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, tenetur.

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem, quam - Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam, non. + Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem, quam + Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam, non. Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi, quam. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam, explicabo. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolores, in. @@ -94,14 +98,32 @@

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, tenetur.<

-
+
+
+
PORTFOLIO
+

Each project is a unique piece of development 🧩

+
+
+ +
- +
CONTACT
+

Don't be shy! Hit me up! 👇

+
- - + +
diff --git a/style.css b/style.css index e590104..ddcc901 100644 --- a/style.css +++ b/style.css @@ -113,6 +113,7 @@ img { position: fixed; width: 100%; z-index: 10; + transition: 2s ease; } .logo, .mode, @@ -230,11 +231,12 @@ body { /*---------------------*\ #About \*----------------------*/ -#home{ +#about{ display: flex; justify-content: center; align-items: center; - height: 100vh; + height: 50vh; + background-color: var(--dark-black-color); } .about .grid-container-2{ display: flex; @@ -244,6 +246,7 @@ body { .about .grid-container-2 img{ height: 20rem; border-radius: 1rem; + margin-right: 2.50rem; } .about .grid-container-2 .item-2{ position: relative; @@ -251,19 +254,41 @@ body { } .about .grid-container-2 .item-2 h5{ color: var(--blue-color); - font-weight: 600; + font-weight: 700; font-size: 1rem; } .about .grid-container-2 .item-2 h4{ - font-weight: 600; + font-weight: 900; font-size: 1.10rem; - margin-block: 1rem + margin-block: 2rem; + line-height: 2rem; } .about .grid-container-2 .item-2 p{ font-size: 1rem; line-height: 2rem; } +/*---------------------*\ + #Project +\*----------------------*/ +#project{ + height: 50vh; +} +#project .container{ + margin-top: 10rem; + margin-inline: 20rem; +} + +/*---------------------*\ + #Contact +\*----------------------*/ +#contact{ + height: 50vh; +} +#contact .container{ + margin-top: 10rem; + margin-inline: 20rem; +} /*---------------------*\ #Light Mode @@ -275,6 +300,7 @@ body.light-mode{ } body.light-mode .header{ background-color: var(--white-color); + transition: 2s ease; } body.light-mode .header .links ul li a{ margin-inline: 1rem;