diff --git a/css/home_css.css b/css/home_css.css new file mode 100644 index 0000000..8ca2551 --- /dev/null +++ b/css/home_css.css @@ -0,0 +1,197 @@ +:root { + --bg-color: hsl(49 37% 94%); + --typewriterSpeed: 6s; + --typewriterCharacters: 24; + } + + body { + margin: 0; + font-family: "Source Sans Pro", sans-serif; + min-height: 100vh; + display: grid; + place-content: center; + text-align: center; + background: var(--bg-color); + } + + h1 { + font-size: clamp(1rem, 3vw + 1rem, 4rem); + position: relative; + font-family: "Source Code Pro", monospace; + position: relative; + /* width: max-content; */ + } + + h1::before, + h1::after { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + h1::before { + background: var(--bg-color); + animation: typewriter var(--typewriterSpeed) + steps(var(--typewriterCharacters)) 1s forwards; + } + + h1::after { + width: 0.125em; + background: black; + animation: typewriter var(--typewriterSpeed) + steps(var(--typewriterCharacters)) 1s forwards, + blink 750ms steps(var(--typewriterCharacters)) infinite; + } + + .subtitle { + color: hsl(0 0% 0% / 0.7); + font-size: 2rem; + font-weight: 400; + opacity: 0; + transform: translateY(3rem); + animation: fadeInUp 2s ease calc(var(--typewriterSpeed) + 2s) forwards; + } + + @keyframes typewriter { + to { + left: 100%; + } + } + + @keyframes blink { + to { + background: transparent; + } + } + + @keyframes fadeInUp { + to { + opacity: 1; + transform: translateY(0); + } + } + + + + + h3 { + font-size: clamp(1rem, 1vw + 1rem, 6rem); + position: relative; + font-family: "Source Code Pro", monospace; + position: relative; + /* width: max-content; */ + } + + + a { + text-decoration: none; + font-family: "Source Code Pro", monospace; + color: black; + } + + + footer { + /* background-color: lightblue; */ + position: absolute; + bottom: 3%; + width: 85%; + margin-left: 10%; + + + + } + + .social + { + margin-right: 10%; + /* margin-left: 2%; */ + /* background-color: yellow; */ + } + + + .projects + { + font-family: "Source Code Pro", monospace; + color: black; + + } + + + + +.button-85 { + margin-right: 3%; + padding: 0.6em 2em; + border: none; + outline: none; + color: rgb(255, 255, 255); + background: #111; + cursor: pointer; + position: relative; + z-index: 0; + border-radius: 10px; + user-select: none; + -webkit-user-select: none; + touch-action: manipulation; + } + + .button-85:before { + content: ""; + background: linear-gradient( + 45deg, + #ff0000, + #ff7300, + #fffb00, + #48ff00, + #00ffd5, + #002bff, + #7a00ff, + #ff00c8, + #ff0000 + ); + position: absolute; + top: -2px; + left: -2px; + background-size: 400%; + z-index: -1; + filter: blur(5px); + -webkit-filter: blur(5px); + width: calc(100% + 4px); + height: calc(100% + 4px); + animation: glowing-button-85 20s linear infinite; + transition: opacity 0.3s ease-in-out; + border-radius: 10px; + } + + @keyframes glowing-button-85 { + 0% { + background-position: 0 0; + } + 50% { + background-position: 400% 0; + } + 100% { + background-position: 0 0; + } + } + + .button-85:after { + z-index: -1; + content: ""; + position: absolute; + width: 100%; + height: 100%; + background: #222; + left: 0; + top: 0; + border-radius: 10px; + } + + + + + + \ No newline at end of file diff --git a/icons/cv_32.png b/icons/cv_32.png new file mode 100644 index 0000000..74e827d Binary files /dev/null and b/icons/cv_32.png differ diff --git a/icons/danger_16.png b/icons/danger_16.png new file mode 100644 index 0000000..559cf5b Binary files /dev/null and b/icons/danger_16.png differ diff --git a/icons/favicon/android-chrome-192x192.png b/icons/favicon/android-chrome-192x192.png new file mode 100644 index 0000000..d663e35 Binary files /dev/null and b/icons/favicon/android-chrome-192x192.png differ diff --git a/icons/favicon/android-chrome-512x512.png b/icons/favicon/android-chrome-512x512.png new file mode 100644 index 0000000..aaa1e25 Binary files /dev/null and b/icons/favicon/android-chrome-512x512.png differ diff --git a/icons/favicon/apple-touch-icon.png b/icons/favicon/apple-touch-icon.png new file mode 100644 index 0000000..ee96cfb Binary files /dev/null and b/icons/favicon/apple-touch-icon.png differ diff --git a/icons/favicon/favicon-16x16.png b/icons/favicon/favicon-16x16.png new file mode 100644 index 0000000..0f45f63 Binary files /dev/null and b/icons/favicon/favicon-16x16.png differ diff --git a/icons/favicon/favicon-32x32.png b/icons/favicon/favicon-32x32.png new file mode 100644 index 0000000..037f44f Binary files /dev/null and b/icons/favicon/favicon-32x32.png differ diff --git a/icons/favicon/favicon.ico b/icons/favicon/favicon.ico new file mode 100644 index 0000000..c96c3c2 Binary files /dev/null and b/icons/favicon/favicon.ico differ diff --git a/icons/favicon/site.webmanifest b/icons/favicon/site.webmanifest new file mode 100644 index 0000000..a9434a3 --- /dev/null +++ b/icons/favicon/site.webmanifest @@ -0,0 +1,14 @@ +{ + "name": "", + "short_name": "", + "icons": [ + { + "src": "/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png" + } + ], + "theme_color": "#FFFFFF", + "background_color": "#FFFFFF", + "display": "standalone" + } \ No newline at end of file diff --git a/icons/github_32.png b/icons/github_32.png new file mode 100644 index 0000000..460c883 Binary files /dev/null and b/icons/github_32.png differ diff --git a/icons/gmail_32.png b/icons/gmail_32.png new file mode 100644 index 0000000..88d5db7 Binary files /dev/null and b/icons/gmail_32.png differ diff --git a/icons/hackerrank_32.png b/icons/hackerrank_32.png new file mode 100644 index 0000000..fd19cc8 Binary files /dev/null and b/icons/hackerrank_32.png differ diff --git a/icons/instagram_32.png b/icons/instagram_32.png new file mode 100644 index 0000000..5d5ef2d Binary files /dev/null and b/icons/instagram_32.png differ diff --git a/icons/leetcode_32.png b/icons/leetcode_32.png new file mode 100644 index 0000000..53d5ec6 Binary files /dev/null and b/icons/leetcode_32.png differ diff --git a/icons/linked_32.png b/icons/linked_32.png new file mode 100644 index 0000000..dd1a1e5 Binary files /dev/null and b/icons/linked_32.png differ diff --git a/icons/psmohammedali_CV.pdf b/icons/psmohammedali_CV.pdf new file mode 100644 index 0000000..9298ad9 Binary files /dev/null and b/icons/psmohammedali_CV.pdf differ diff --git a/index.html b/index.html index f9b9137..5884f0f 100644 --- a/index.html +++ b/index.html @@ -1,431 +1,100 @@ + - - - - - - - - - - - - - - - - - - - - Mohammed Ali PS | Personal + + - + + + + Mohammed Ali | Portfolio - -
- -
- - - - -
-

My Journey towards Education

-
-
-
- School1 -
-
-
B V Reddy School, Chittoor
-
My Everything
-

“It’s one of my favorite seasons of the year: Back to School. - As a kid, I loved fresh school supplies, new outfits, the change of seasons, - and the chance to crack open a new textbook.” - - Dana Perino -

-
-
- -
-
-
R K Intermediate College
-
Deciding Way
-

“High school is what kind of grows you into the person you are. - I have great memories, good and bad, some learning experiences and some that I’ll take with me the rest of my life.” - – Giancarlo Stanton -

-
-
- School1 -
-
- -
-
- School1 -
-
-
VIT University, Vellore Campus
-
My Dream
-

“No period of my life has been one of such unmixed happiness as the four years - which have been spent within college walls.” - Horatio Alger -

-
-
-
-
- -
-
- -
-
+

Hello World, This is Mohammed Ali.

+

I'm

+ - - - - - - -
-

My Writings

-
-
-
-
- card1 - - stars +
+

Projects under Construction

+
+ + -
-
-

The World has a Revenge Letter for you..

-

I could see many started doing rituals at temples, namaz at mosques, - forgive prayers at church, Not only at religious locations but also at every house. - My question is “how is God involved in this?”, Do you think, God is punishing us?.

-

Of course, Not. He is no way related to this issue and we should consider god as a third person, - looking all these funny plays in his own Comfortableness.

-
-
- Click Here to read full Story -
-
-
- -
-
-
- card2 - - stars + + -
-
-

Corona Virus- A Threat for life (or) A Reminder for happy memories.

-

I my 20 years lifetime, I never seen such a situation that made world to house arrest. I could see night life scenario in day time itself. -

-

Roads are taking rest, the entire India has its population in houses.The busy jam-packed streets are now graveyards. The government officials are in dilemma, - Social media flooded with safety precautions, fake messages, Cheap political publicity

-
-
- Click Here to read full Story -
-
-
- -
-
-
- card3 - - stars + + + + + -
-
-

Our Contributions towards Nation - Republic India.

-

As of yesterday’s, scenario, we could be seen lot of celebrations that happened all around the India.

-

Lot of meetings are held both for children and family members started with explaining t

-
-
- Click Here to read full Story -
-
-
- -
-
- - -
-
-
-
- - - -

Skills

-
- - -
-
-
HTML
-
CSS
-
JavaScript
-
JQuery
-
materialize CSS
-
JQuery
-
- -
-
-
C
-
C#
-
Java
-
.NET
-
Python
-
Andriod Studio
-
- - -
-
-
Software Project Management
-
Software Testing
-
OS
-
-
- - - + +