diff --git a/projects/Portfolio/images/email.png b/projects/Portfolio/images/email.png new file mode 100644 index 00000000..35a1e83d Binary files /dev/null and b/projects/Portfolio/images/email.png differ diff --git a/projects/Portfolio/images/github.png b/projects/Portfolio/images/github.png new file mode 100644 index 00000000..e28a8373 Binary files /dev/null and b/projects/Portfolio/images/github.png differ diff --git a/projects/Portfolio/images/java.png b/projects/Portfolio/images/java.png new file mode 100644 index 00000000..26d35b38 Binary files /dev/null and b/projects/Portfolio/images/java.png differ diff --git a/projects/Portfolio/images/linkedin.png b/projects/Portfolio/images/linkedin.png new file mode 100644 index 00000000..f63dcc65 Binary files /dev/null and b/projects/Portfolio/images/linkedin.png differ diff --git a/projects/Portfolio/images/twitter.png b/projects/Portfolio/images/twitter.png new file mode 100644 index 00000000..4a76f471 Binary files /dev/null and b/projects/Portfolio/images/twitter.png differ diff --git a/projects/Portfolio/index.html b/projects/Portfolio/index.html index 9f9f231f..f1305eca 100644 --- a/projects/Portfolio/index.html +++ b/projects/Portfolio/index.html @@ -13,51 +13,74 @@
vloud -

I'm Vijay Benz,

-

A Web Developer.

+ +

I'm Vijay Benz,

+

A Web Developer.

-
+ + +
-

Greetings

-
I am a 18 yo student who loves Science and Technology +

Greetings

+
+ I am a 18 yo student who loves Science and Technology
-
-

My Skills

+
+ + +
+

My Skills

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

Experience

+ + + + +
+

Experience

GirlScript Summer of Code 2023

Contributing to some nice open source projects

-

Time Period May 2023 - Present

+

Time Period May 2023 - Present

@@ -66,18 +89,21 @@

GirlScript Summer of Code 2023

St.Joseph's Institute of Technology

Learning the fundamentals of Computer Science and some trash subjects like EVS, Engineering Graphics, Chemistry.

-

Time Period November 2022 - Present

+

Time Period November 2022 - Present

-
-

My Skills

+
+ + +
+

My Projects

Math Game

-
+

Flames Calculator

@@ -86,23 +112,46 @@

Flames Calculator

Blog Site

+
+ + +
+ +
+

Went through my portfolio? Wanna know more about me?

+

"A day without coding is a day wasted"

+

-Vijay Benz

+ +
+
+

Get in Touch

+
+ + + E-mail +

+ + Github

+ + + LinkedIn +

+ + + Twitter
-
-
-

Get in Touch

-

Went through my portfolio? Wanna know more about me?

-

"A day without coding is a day wasted"

-

-Vijay Benz

- CONTACT ME
-
-
- Github - LinkedIn - Twitter + +
+ +
© 2023 Vijay Benz
- + + + + + \ No newline at end of file diff --git a/projects/Portfolio/styles.css b/projects/Portfolio/styles.css index 1096128e..37a41491 100644 --- a/projects/Portfolio/styles.css +++ b/projects/Portfolio/styles.css @@ -1,5 +1,17 @@ +*{ + margin: 0; + padding: 0; +} + .top { - background-color: #D18CE0; + background-color:#344583; + width: 100vw; + height: 100vh; + +} +.toptext{ + color:hotpink; + font-size: 4rem; } body { @@ -10,15 +22,15 @@ body { } h1 { - margin-top: 50px auto 0 auto; font-family: 'Sacramento', cursive; - font-size: 5.625rem; + font-size: 5.62rem; color: #580a69; } -h2 { +.h2{ font-size: 4rem; color: #580a69; + padding-top: 20px; } h3 { @@ -28,6 +40,10 @@ h3 { p { font-size: 3em; line-height: 40px; + +} +.str{ + color:red; } .bottom-cloud { @@ -42,23 +58,57 @@ p { } .skillimg { - width: 200px; - height: 200px; + width: 400px; + height: 400px; + margin-bottom: 20px; + margin-left: 70px; + +} +.skillimg:hover{ + color:navy; + border-radius:80px; + + border: 10px solid ; + + } +.skillpic{ + width: 250px; + height: 350px; + margin-bottom: 3px; + padding-right: 30px; + padding-left: 25px; + cursor:pointer; +} +.skillpic:hover{ + color:#580a69; + border-radius:12px; + + border: 5px solid ; +} .skills { - margin-bottom: 100px; word-wrap: break-word; display: flex; flex-wrap: wrap; - justify-content: center; + /* justify-content: center; align-items: center; - text-align: center; + text-align: center; */ + +} + +.skill-row { + width: 100px; + height: 100px; + border-radius: 5px; + padding: 20px; + font-size: 10px; + margin:20px; } + .profile { - margin-bottom: 100px; word-wrap: break-word; display: flex; flex-wrap: wrap; @@ -74,27 +124,18 @@ p { height: 300px; } -.skill-row ,.project-row{ - width: 200px; + + +.project-row{ + width: 400px; height: 200px; border-radius: 5px; padding: 20px; font-size: 10px; - margin:20px; -} - -.bottom { - font-size: 4em; - margin-top: 50px; -} - -.btn { - font-size: 2em; + margin-top:40px ; +cursor: pointer; } -.mid { - margin-bottom: 50px; -} .about{ width: 64rem; border-width: 20000px; @@ -144,8 +185,169 @@ div.experience .exp p { .innerexp { height: 8rem; + margin-top: 20px; } .sjit{ position: relative; top: 100px; -} \ No newline at end of file +} + +#gh{ + font-size: 4rem; + padding: 15px; + padding-bottom: 50px; + color:#580a69; +} + +.box1{ + background-color:rosybrown ; + width: 100vw; + height: 100vh; +} + +.box2{ + background-color:white; + width: 100vw; + height: 100vh; +} + +#b2h{ + margin-bottom: 130px; + font-size: 4rem; + padding: 15px; +} +.box3{ + background-color:thistle; + width:100vw; + height: 100vh; +} +#b3h{ + color:darkmagenta; + font-size: 4rem; + padding: 15px; +} + +.box4{ + background-color:lightsteelblue; + height: 100vh; +} +#b4h{ + color:black; + font-size: 4rem; + padding: 15px; +} + +.box5{ + background-color:darkolivegreen; + word-wrap: break-word; + display: flex; + flex-wrap: wrap; +} + +.text{ + background-color:antiquewhite; + height: 95vh; + word-wrap: break-word; + color:midnightblue; + + width:50vw; + +} +.link-contact{ + background-color:midnightblue; + height: 95vh; + width: 48.5vw; + border: 1px solid black; + color:white; + + +} +.a-text{ + background-color:antiquewhite; + padding: 30px 20px 30px 20px; + padding-bottom: 70px; + word-wrap: break-word; + /* width:200px; */ + margin: 100px 30px 40px 30px; +} + +.link-box{ + + padding: 230px 20px 30px 20px; + margin:150px 40px 0px 240px; + padding-top: 50px; + height: 300px; + width: 240px; + align-items:center; + + border-style: solid; + border-color:lightblue; + border-radius:90px 0px 90px 0px; + border-width: thick; + +} + +.a-link{ + padding: 0px 40px 50px 10px; + font-size: 27px; + margin-bottom: 60px; + color:white; + + +} + +.b-link{ + padding: 0px 40px 50px 10px; + font-size: 27px; + margin-bottom: 60px; + color:white; + + +} + +.c-link{ + padding: 0px 40px 50px 10px; + font-size: 27px; + color:white; + + margin-bottom: 60px; + + +} +.d-link{ + padding: 0px 40px 50px 10px; + font-size: 27px; + margin-bottom: 60px; + color:white; + + +} +.a-link:hover{ +color:lightblue;} +.b-link:hover{ +color:lightblue;} +.c-link:hover{ +color:lightblue;} +.d-link:hover{ +color:lightblue;} + + +.logo{ + width: 35px; + height: 30px; +} + +.sH{ + padding-top: 50px; + font-size: 3rem; +} + +.box6{ + background-color:white; + width:100vw; + height: 4vh; + font-size: 20px; + padding-top: 3px; + color:black; +} +