diff --git a/3D BOX.css b/3D BOX.css new file mode 100644 index 0000000..c2d8d5f --- /dev/null +++ b/3D BOX.css @@ -0,0 +1,190 @@ +.boxes { + --size: 32px; + --duration: 800ms; + height: calc(var(--size) * 2); + width: calc(var(--size) * 3); + position: relative; + transform-style: preserve-3d; + transform-origin: 50% 50%; + margin-top: calc(var(--size) * 1.5 * -1); + transform: rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px); +} +.boxes .box { + width: var(--size); + height: var(--size); + top: 0; + left: 0; + position: absolute; + transform-style: preserve-3d; +} +.boxes .box:nth-child(1) { + transform: translate(100%, 0); + -webkit-animation: box1 var(--duration) linear infinite; + animation: box1 var(--duration) linear infinite; +} +.boxes .box:nth-child(2) { + transform: translate(0, 100%); + -webkit-animation: box2 var(--duration) linear infinite; + animation: box2 var(--duration) linear infinite; +} +.boxes .box:nth-child(3) { + transform: translate(100%, 100%); + -webkit-animation: box3 var(--duration) linear infinite; + animation: box3 var(--duration) linear infinite; +} +.boxes .box:nth-child(4) { + transform: translate(200%, 0); + -webkit-animation: box4 var(--duration) linear infinite; + animation: box4 var(--duration) linear infinite; +} +.boxes .box > div { + --background: #f6df5c; + --top: auto; + --right: auto; + --bottom: auto; + --left: auto; + --translateZ: calc(var(--size) / 2); + --rotateY: 0deg; + --rotateX: 0deg; + position: absolute; + width: 100%; + height: 100%; + background: var(--background); + top: var(--top); + right: var(--right); + bottom: var(--bottom); + left: var(--left); + transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ)); +} +.boxes .box > div:nth-child(1) { + --top: 0; + --left: 0; +} +.boxes .box > div:nth-child(2) { + --background: #f2e314; + --right: 0; + --rotateY: 90deg; +} +.boxes .box > div:nth-child(3) { + --background: #f5e944; + --rotateX: -90deg; +} +.boxes .box > div:nth-child(4) { + --background: #f0dc001f; + --top: 0; + --left: 0; + --translateZ: calc(var(--size) * 3 * -1); +} + +@-webkit-keyframes box1 { + 0%, 50% { + transform: translate(100%, 0); + } + 100% { + transform: translate(200%, 0); + } +} + +@keyframes box1 { + 0%, 50% { + transform: translate(100%, 0); + } + 100% { + transform: translate(200%, 0); + } +} +@-webkit-keyframes box2 { + 0% { + transform: translate(0, 100%); + } + 50% { + transform: translate(0, 0); + } + 100% { + transform: translate(100%, 0); + } +} +@keyframes box2 { + 0% { + transform: translate(0, 100%); + } + 50% { + transform: translate(0, 0); + } + 100% { + transform: translate(100%, 0); + } +} +@-webkit-keyframes box3 { + 0%, 50% { + transform: translate(100%, 100%); + } + 100% { + transform: translate(0, 100%); + } +} +@keyframes box3 { + 0%, 50% { + transform: translate(100%, 100%); + } + 100% { + transform: translate(0, 100%); + } +} +@-webkit-keyframes box4 { + 0% { + transform: translate(200%, 0); + } + 50% { + transform: translate(200%, 100%); + } + 100% { + transform: translate(100%, 100%); + } +} +@keyframes box4 { + 0% { + transform: translate(200%, 0); + } + 50% { + transform: translate(200%, 100%); + } + 100% { + transform: translate(100%, 100%); + } +} +html { + -webkit-font-smoothing: antialiased; +} + +* { + box-sizing: border-box; +} +*:before, *:after { + box-sizing: border-box; +} + +.loader { + min-height: 100vh; + font-family: Roboto, Arial; + color: white; + display: flex; + justify-content: center; + align-items: center; + background: black; + position: fixed; + z-index: 10000; + top:0; + left: 0; + bottom: 0; + right: 0; +} +.loader span{ + position: fixed; + bottom:10%; + font-size: 18px; + color: rgb(237, 228, 100); +} +.l-main { + transition:all 500ms; + } \ No newline at end of file diff --git a/images/banner.jpg b/images/banner.jpg new file mode 100644 index 0000000..9a7db4a Binary files /dev/null and b/images/banner.jpg differ diff --git a/images/profile-1.jpeg b/images/profile-1.jpeg new file mode 100644 index 0000000..60ea0cd Binary files /dev/null and b/images/profile-1.jpeg differ diff --git a/images/profile-2.jpeg b/images/profile-2.jpeg new file mode 100644 index 0000000..7f475d0 Binary files /dev/null and b/images/profile-2.jpeg differ diff --git a/images/profile-3.jpeg b/images/profile-3.jpeg new file mode 100644 index 0000000..63fb4a6 Binary files /dev/null and b/images/profile-3.jpeg differ diff --git a/images/profile-4.jpeg b/images/profile-4.jpeg new file mode 100644 index 0000000..482f503 Binary files /dev/null and b/images/profile-4.jpeg differ diff --git a/images/profile-5.jpeg b/images/profile-5.jpeg new file mode 100644 index 0000000..0cccfbe Binary files /dev/null and b/images/profile-5.jpeg differ diff --git a/images/profilePic.jpg b/images/profilePic.jpg new file mode 100644 index 0000000..52656a0 Binary files /dev/null and b/images/profilePic.jpg differ diff --git a/images/work1.jpg b/images/work1.jpg new file mode 100644 index 0000000..0012d80 Binary files /dev/null and b/images/work1.jpg differ diff --git a/images/work2.png b/images/work2.png new file mode 100644 index 0000000..03628c2 Binary files /dev/null and b/images/work2.png differ diff --git a/images/work3.jpg b/images/work3.jpg new file mode 100644 index 0000000..657b406 Binary files /dev/null and b/images/work3.jpg differ diff --git a/images/work4.jpg b/images/work4.jpg new file mode 100644 index 0000000..b3be65b Binary files /dev/null and b/images/work4.jpg differ diff --git a/images/work5.jpeg b/images/work5.jpeg new file mode 100644 index 0000000..0badd3e Binary files /dev/null and b/images/work5.jpeg differ diff --git a/images/work6.jpeg b/images/work6.jpeg new file mode 100644 index 0000000..cc3a9a0 Binary files /dev/null and b/images/work6.jpeg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..e4f64c6 --- /dev/null +++ b/index.html @@ -0,0 +1,430 @@ + + + + + + + Personal Portfolio Website + + + + + + + + + + + + + + +
+ +
+ +
+ +
+
+
+
Hello, my name is
+
Adarsh Jena
+
And I'm a
+ Hire me +
+
+
+ + +
+
+

About me

+
+
+ +
+
+
I'm Adarsh Jena and I'm a
+

As a developer, I specialize in creating modular and scalable front-end architectures.I generate fresh and unique content for any specific purpose.Since I respect the time, I always deliver content within the promised timeframe. I understand and respect the fact, that there is a story behind every brand , behind every individual.

+ Download CV +
+
+
+
+ + +
+
+

My Projects

+
+
+
+ +
Web Dev
+

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Rem quia sunt, quasi quo illo enim.

+
+
+
+
+ +
App Dev
+

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Rem quia sunt, quasi quo illo enim.

+
+
+
+
+ +
CP
+

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Rem quia sunt, quasi quo illo enim.

+
+
+
+
+ +
+ + +
+
+

My skills

+
+
+
My creative skills & experiences.
+

As a developer, I specialize in creating modular and scalable front-end architectures.I generate fresh and unique content for any specific purpose.Since I respect the time, I always deliver content within the promised timeframe. I understand and respect the fact, that there is a story behind every brand , behind every individual.

+ Read more +
+
+
+
+ HTML + 90% +
+
+
+
+
+ CSS + 60% +
+
+
+
+
+ JavaScript + 80% +
+
+
+
+
+ Flutter + 70% +
+
+
+
+
+ C/C++ + 70% +
+
+
+
+
+ React + 70% +
+
+
+
+
+ Java + 50% +
+
+
+
+
+
+
+ +
+
+

What Else I have done ?

+
+
+
+ +
BeatMaker
+

This is a BeatMaker. A webapp + which will make you dance. I have made this using + pure JavaScript.Cherry on the top , The easy + to use UI design powers your creativity on few + clicks.

+
+
+
+
+ +
e-comerse website
+

Developed fully functioning e-comerse website with + the use of bootstrap as a framework and php as + a backend language.This was my project during my + training program at internshala.Check out my + Github for such websites.

+
+
+
+
+ +
expense tracker
+

This is an expense tracker . Add , + delete , graph , and a lot more. I have made this + using react + framework. My first ever project on react , I have + used react state to manage the data , + Resulting a fully functioning web app.

+
+
+
+
+ +
Tic Tac To
+

Tic Tac To , an AI boot , which is unbeatable!!
+ Wanna play, check this out:- + Tic Tac to + Curious how I have implimented , source code at + GitHub +

+
+
+
+
+ +
Weather App
+

This is a Weather App. The app tracks your location and displays the weather of your locality in the home page. I have made this using Futter. I have used provider package to manage the data , Resulting a fully functioning weather app. GitHub

+
+
+
+
+ +
To Do App
+

This is a To Do App. I ahe developed it using flutter. I have used provider package to manage the data , Resulting a fully functioning weather app. github

+
+
+
+
+
+ + + +
+
+

Contact me

+
+
+
Get in Touch
+

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dignissimos harum corporis fuga corrupti. Doloribus quis soluta nesciunt veritatis vitae nobis?

+
+
+ +
+
Adarsh Jena
+
Student
+
+
+
+ +
+ +
Address
+
Lorem , ipsum
+ +
+
+
+ +
+ +
Email
+
adarshnjena@gmail.com
+ +
+
+
+
+
+
Message me
+
+
+
+ +
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+ + + +
+ + + + + diff --git a/pdf/Are we alone in the universe.pdf b/pdf/Are we alone in the universe.pdf new file mode 100644 index 0000000..056276c Binary files /dev/null and b/pdf/Are we alone in the universe.pdf differ diff --git a/pdf/DIVINE BEING.pdf b/pdf/DIVINE BEING.pdf new file mode 100644 index 0000000..ba14dbe Binary files /dev/null and b/pdf/DIVINE BEING.pdf differ diff --git a/pdf/Kuch Adhure Sapne.pdf b/pdf/Kuch Adhure Sapne.pdf new file mode 100644 index 0000000..f0a184d Binary files /dev/null and b/pdf/Kuch Adhure Sapne.pdf differ diff --git a/pdf/Profile.pdf b/pdf/Profile.pdf new file mode 100644 index 0000000..afa9436 Binary files /dev/null and b/pdf/Profile.pdf differ