diff --git a/Project 10/images/Project2.png b/Project 10/images/Project2.png deleted file mode 100644 index d8ff6b2..0000000 Binary files a/Project 10/images/Project2.png and /dev/null differ diff --git a/Project 10/images/Saif.jpeg b/Project 10/images/Saif.jpeg deleted file mode 100644 index 7c28c90..0000000 Binary files a/Project 10/images/Saif.jpeg and /dev/null differ diff --git a/Project 10/images/project1.png b/Project 10/images/project1.png deleted file mode 100644 index 640c8f2..0000000 Binary files a/Project 10/images/project1.png and /dev/null differ diff --git a/Project 10/images/project3.png b/Project 10/images/project3.png deleted file mode 100644 index 3530c40..0000000 Binary files a/Project 10/images/project3.png and /dev/null differ diff --git a/Project 10/images/project4.png b/Project 10/images/project4.png deleted file mode 100644 index e945c8e..0000000 Binary files a/Project 10/images/project4.png and /dev/null differ diff --git a/Project 10/images/project5.png b/Project 10/images/project5.png deleted file mode 100644 index 5c8f8b4..0000000 Binary files a/Project 10/images/project5.png and /dev/null differ diff --git a/Project 10/images/project6.png b/Project 10/images/project6.png deleted file mode 100644 index a8e65c7..0000000 Binary files a/Project 10/images/project6.png and /dev/null differ diff --git a/Project 10/images/project8.png b/Project 10/images/project8.png deleted file mode 100644 index c17998b..0000000 Binary files a/Project 10/images/project8.png and /dev/null differ diff --git a/Project 10/images/project9.png b/Project 10/images/project9.png deleted file mode 100644 index 05e4cb2..0000000 Binary files a/Project 10/images/project9.png and /dev/null differ diff --git a/Project 10/index.html b/Project 10/index.html deleted file mode 100644 index 6398feb..0000000 --- a/Project 10/index.html +++ /dev/null @@ -1,154 +0,0 @@ - - - - - - - Portfolio Website - - - - - -
- -
-
-
-
-
- hero image -
-
-

- Hi , I am - Saif -

-

Frontend Developer

-
-
-
-
-

PROJECTS

-
-
-
-
- Project 1 -
-

Tribute Website

-
-
-
-
-
- Project 1 -
-

Job Application

-
-
-
-
-
- Project 1 -
-

Parallax Website

-
-
-
-
-
- Project 4 -
-

Landing Page

-
-
-
-
-
- Project 5 -
-

Restaurant Website

-
-
-
-
-
- Project 6 -
-

Music Website

-
-
-
-
-
- Project 8 -
-

Documentation Website

-
-
-
-
-
- Project 9 -
-

Blog Website

-
-
-
-
-
-
-
-
-

Let's work together...

-
-
- -

Linkedin

-
-
- -

Twitter

-
-
-

@ Send Mail

-
-
-
-
- -

Github

-
-
- -

Mobile

-
-
-
-
-
- - - diff --git a/Project 10/style.css b/Project 10/style.css deleted file mode 100644 index 59125ac..0000000 --- a/Project 10/style.css +++ /dev/null @@ -1,284 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); -:root { - --lighting-color: #0089b7; - --dark-color: #003d62; - --darker-color: #003251; - --secondary-color: #fff700; -} -* { - margin: 0; - padding: 0; - box-sizing: border-box; -} - -html { - font-size: 62.5%; -} -body, -html { - font-family: "Poppins", sans-serif; - font-weight: 300; - line-height: 1.4; - scroll-behavior: smooth; - color: white; -} -body { - font-size: 1.4rem; -} - -.container { - max-width: 1300px; - margin: 0 auto; -} -a { - text-decoration: none; - color: white; -} -ul { - list-style: none; -} -header { - position: sticky; - top: 0; - z-index: 100; - background: var(--lighting-color); -} - -section { - scroll-margin-top: 50px; -} -nav { - display: flex; - justify-content: space-between; - align-items: center; - padding: 1rem; -} -nav ul { - display: flex; - gap: 1rem; -} -nav li { - font-size: 1.8rem; - border-bottom: 0.4rem transparent solid; - transition: 0.3s ease-in-out; -} -nav li:hover { - border-bottom: 0.4rem var(--secondary-color) solid; - transition: 0.3s ease-in-out; -} -.logo { - font-size: 2rem; - font-weight: 700; -} - -#hero { - background: var(--dark-color); - padding: 4rem 0; - border-bottom: 4px solid var(--lighting-color); - max-height: 100vh; -} -#hero .container { - display: flex; - justify-content: space-around; - align-items: center; -} -.hero_content { - display: grid; - place-items: center; -} - -#hero h1 { - font-size: 3rem; - font-weight: bold; -} - -.hi_text { - font-size: 6rem; - font-weight: bold; - color: var(--secondary-color); -} -.name_text { - font-size: 5rem; -} - -#hero h2 { - font-size: 4rem; - font-weight: bold; - - overflow: hidden; /* Ensures the content is not revealed until the animation */ - border-right: 0.15em solid orange; /* The typwriter cursor */ - white-space: nowrap; /* Keeps the content on a single line */ - margin: 0 auto; /* Gives that scrolling effect as the typing happens */ /* Adjust as needed */ - animation: typing 5s steps(40, end), blink-caret 0.75s step-end infinite; -} - -@keyframes typing { - from { - width: 0; - } - to { - width: 100%; - } -} -@keyframes blink-caret { - from, - to { - border-color: transparent; - } - 50% { - border-color: orange; - } -} - -/* Project Section */ - -#project { - background: var(--darker-color); -} - -#project h2 { - font-size: 6rem; - text-align: center; - padding: 2rem 0; -} -.project_container { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); - gap: 2rem; -} -.grid_item { - display: grid; - place-items: center; -} - -.card { - width: 320px; - display: flex; - flex-direction: column; - border-radius: 0.5rem; - overflow: hidden; - transition: 0.2s ease-in-out; -} -.card:hover { - transform: scale(1.05); - transition: 1s ease-in-out; -} -.card:hover img { - transform: scale(1.05); - transition: 0.3s ease-in-out; - opacity: 0.8; -} -.card:hover .card_content { - background: white; - color: var(--dark-color); - transform: translateY(0px); -} - -.card_content { - padding: 2rem; - position: relative; - top: -6.5rem; - margin-bottom: -6.5rem; - transition: 0.5s ease-in-out; - transform: translateY(100px); -} -.card_content h3 { - text-align: center; -} - -/* Contact Section */ -#contact { - background: var(--dark-color); -} - -#contact h2 { - font-size: 6rem; - text-align: center; - margin: 2rem 0; -} - -#contact .container { - height: 90vh; - display: flex; - flex-direction: column; - gap: 4rem; - justify-content: center; -} - -.top_contact { - max-width: 800px; - display: grid; - margin: 0 auto; - grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); -} -.contact_way { - display: flex; - gap: 1rem; - align-items: center; -} - -.contact_way i { - font-size: 3rem; -} -.contact_way h3 { - font-size: 3rem; - font-weight: bold; -} - -.bottom_contact { - max-width: 400px; - gap: 1rem; - display: grid; - margin: 0 auto; - grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); -} - -/* Footer */ - -footer { - background: var(--darker-color); - padding: 2rem; - color: white; - font-size: 1.6rem; - text-align: center; -} - -/* Media Query */ - -@media (max-width: 786px) { - html { - font-size: 40%; - } - #hero .container { - flex-direction: column; - } - .hero_image { - display: grid; - place-items: center; - } - #contact .container { - height: 70vh; - } -} -@media (max-width: 500px) { - html { - font-size: 32%; - } - #hero .container { - flex-direction: column; - } - .hero_image { - display: grid; - place-items: center; - } - #contact .container { - height: 50vh; - } -} - -.hero_image_animate__animated_animate__bounceInLeft img { - animation: bounceInLeft 1s; - height: 373px; - width: 589px; - border-radius: 39%; -} diff --git a/Project 6/style.css b/Project 6/style.css index 2bbcd8c..3f8162d 100644 --- a/Project 6/style.css +++ b/Project 6/style.css @@ -37,6 +37,10 @@ a { width: 120rem; margin: 0 auto; } +.container h4 { + font-size: 20px; + font-weight: 200; +} header { background-color: var(--purple300); position: sticky; @@ -68,6 +72,7 @@ button:hover { nav ul { display: flex; gap: 20px; + font-size: large; } nav ul li { @@ -112,6 +117,13 @@ nav ul li:hover { color: white; } +.music-section .container h2 { + font-size: 32px; +} +.music-section .container p { + font-size: 14px; +} + .ipad-iphone-img { margin-top: -400px; position: relative; @@ -143,6 +155,14 @@ nav ul li:hover { margin-bottom: 50px; } +.about-music h3 { + font-size: 32px; +} + +.about-music p { + font-size: 14px; +} + .video-section { /* background-image: url(images/video.png); */ min-height: 800px; @@ -158,7 +178,9 @@ nav ul li:hover { gap: 30px; margin-top: -1400px; text-align: center; - margin-left: 150px; + /* margin-left: 150px; */ + font-size: medium; + padding-top: 30%; } .video-section .video_play { width: 100%; @@ -185,6 +207,7 @@ nav ul li:hover { display: flex; flex-direction: column; gap: 20px; + font-size: medium; } .footer-upper { @@ -213,9 +236,3 @@ nav ul li:hover { .gift-section { scroll-margin: 120px; } - -@media screen and (max-width: 768px) { - nav ul { - width: 100%; - } -} diff --git a/index.html b/index.html index e5bfa85..01ba4f5 100644 --- a/index.html +++ b/index.html @@ -63,7 +63,7 @@

Tribute Website

- Project 2 + Project 2

Job Application

@@ -73,7 +73,7 @@

Job Application

- Project 3 + Project 3

Parallax Website

@@ -138,10 +138,13 @@

Blog Website

Let's work together...

-
- -

Linkedin

-
+
+ +

Linkedin

+
+

Twitter