diff --git a/CNAME b/CNAME new file mode 100644 index 00000000..0c95cfd9 --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +m.u.a.portfolio \ No newline at end of file diff --git a/Usman_Cv.docx b/Usman_Cv.docx new file mode 100644 index 00000000..82e44236 Binary files /dev/null and b/Usman_Cv.docx differ diff --git a/img/Design.jpg b/img/Design.jpg deleted file mode 100644 index 58809a2b..00000000 Binary files a/img/Design.jpg and /dev/null differ diff --git a/img/gif1.gif b/img/gif1.gif new file mode 100644 index 00000000..876683c7 Binary files /dev/null and b/img/gif1.gif differ diff --git a/img/gif2.gif b/img/gif2.gif new file mode 100644 index 00000000..c730d286 Binary files /dev/null and b/img/gif2.gif differ diff --git a/img/myPng.png b/img/myPng.png new file mode 100644 index 00000000..093b48b2 Binary files /dev/null and b/img/myPng.png differ diff --git a/img/proj1.PNG b/img/proj1.PNG new file mode 100644 index 00000000..2ddc186f Binary files /dev/null and b/img/proj1.PNG differ diff --git a/img/proj2.PNG b/img/proj2.PNG new file mode 100644 index 00000000..d727e65b Binary files /dev/null and b/img/proj2.PNG differ diff --git a/img/proj3.PNG b/img/proj3.PNG new file mode 100644 index 00000000..c9ab4740 Binary files /dev/null and b/img/proj3.PNG differ diff --git a/img/proj4.PNG b/img/proj4.PNG new file mode 100644 index 00000000..978f25d6 Binary files /dev/null and b/img/proj4.PNG differ diff --git a/img/proj5.PNG b/img/proj5.PNG new file mode 100644 index 00000000..97a61e9b Binary files /dev/null and b/img/proj5.PNG differ diff --git a/img/proj6.PNG b/img/proj6.PNG new file mode 100644 index 00000000..8bc548aa Binary files /dev/null and b/img/proj6.PNG differ diff --git a/img/proj7.PNG b/img/proj7.PNG new file mode 100644 index 00000000..60f0393a Binary files /dev/null and b/img/proj7.PNG differ diff --git a/index.html b/index.html index 1a429961..caf1ecf5 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,7 @@ - My Website + M.U.A 👋 @@ -15,7 +15,7 @@
-

Shaif Arfan

+

Mohammad Usman Ali
@@ -41,8 +41,8 @@

Shaif Arfan

Hello,

-

My Name is

-

Arfan

+

I'am

+

Mohammad Usman Ali

Portfolio
@@ -54,34 +54,36 @@

Arfan

Services

-

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsum deleniti maiores pariatur assumenda quas - magni et, doloribus quod voluptate quasi molestiae magnam officiis dolorum, dolor provident atque molestias - voluptatum explicabo!

+

Welcome to my portfolio! As a passionate and skilled developer, I specialize in leveraging the MERN stack to + craft dynamic and robust web & app applications. With a focus on delivering + seamless user experiences and efficient operations, I strive to create cutting-edge solutions that + resonate with modern web & app development trends!

-

Web Design

-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis debitis rerum, magni voluptatem sed - architecto placeat beatae tenetur officia quod

+

Web Dev

+

I specialize in creating various types of websites that cater to unique client needs, ensuring an immersive + and visually appealing interface.

-

Web Design

-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis debitis rerum, magni voluptatem sed - architecto placeat beatae tenetur officia quod

+

App Dev

+

I also specialize in creating various types of Mobile Apps that cater to unique client needs, ensuring an + immersive + and visually bes.

-

Web Design

-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis debitis rerum, magni voluptatem sed - architecto placeat beatae tenetur officia quod

+

Blockchain Dev

+

In addition to creating diverse types of web-apps, I am also deeply invested in the exciting realms of Web + 3.0 and blockchain technology.

-

Web Design

-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis debitis rerum, magni voluptatem sed - architecto placeat beatae tenetur officia quod

+

CMS Solutions

+

In addition to creating diverse CMS Solutions, I also have extensive kowledge about CMS Solutions with + graphical representation.

@@ -97,66 +99,92 @@

Recent Projects

-

Project 1

-

Coding is Love

-

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum impedit unde - rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque atque libero non sunt - harum? Ipsum repellat animi, fugit architecto voluptatum odit et!

+

Versio

+

+ + Check This Out + +

+

Hosting Provider E-commerce Website that providesWeb-hosting to the customer for their product. Totally + used in Germany

- img + img
-

Project 2

-

Coding is Love

-

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum impedit unde - rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque atque libero non sunt - harum? Ipsum repellat animi, fugit architecto voluptatum odit et!

+

InApp Solution

+

+ + Check This Out + +

+

A Software house in karachi, I helped in this by webiste by making his new UI design with other + customizations!

- img + img
-

Project 3

-

Coding is Love

-

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum impedit unde - rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque atque libero non sunt - harum? Ipsum repellat animi, fugit architecto voluptatum odit et!

+

Superrior Crane App

+

MVP Product

+

It's an MVP app which contani all Dialy and monthly data of thier consumer, in this User can track thier + solutions and its jobs

- img + img
-

Project 4

-

Coding is Love

-

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum impedit unde - rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque atque libero non sunt - harum? Ipsum repellat animi, fugit architecto voluptatum odit et!

+

Verime Nambia

+

+ + Check This Out + +

+

This App's Concept to provide digital Wallet to it's user who can request the related documentation as + one click!

- img + img
-

Project 5

-

Coding is Love

-

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum impedit unde - rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque atque libero non sunt - harum? Ipsum repellat animi, fugit architecto voluptatum odit et!

+

Superrior Crane Web

+

+ + Check This Out + +

+

Comapny Website for tracking the jobs and their and check the related detail accrodig to related Job! +

- img + img +
+
+
+
+

Relyon Housekeeping

+

+ + Check This Out + +

+

U.K Based Organization to provide a Housekeeping services digitally! +

+
+
+ img
-
+
@@ -165,18 +193,18 @@

Coding is Love

- img + img

About me

-

Front End Developer

-

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Asperiores, velit alias eius non illum beatae atque - repellat ratione qui veritatis repudiandae adipisci maiores. At inventore necessitatibus deserunt - exercitationem cumque earum omnis ipsum rem accusantium quis, quas quia, accusamus provident suscipit magni! - Expedita sint ad dolore, commodi labore nihil velit earum ducimus nulla quae nostrum fugit aut, deserunt - reprehenderit libero enim!

- Download Resume +

MERN Stack Developer

+

am a MERN Stack developer from Pakistan with extensive knowledge of creating new designs for your business + that provide a visually appealing representation in the world.. + . A MERN stack development is a crucial part of modern web & app development, specializing in creating + dynamic and efficient web applications using the MERN stack technologies. They play a vital role in + designing, developing, and optimizing web applications to provide seamless user experiences!

+ Download Resume
@@ -193,8 +221,7 @@

Contact info

Phone

-

+1 234 123 1234

-

+1 234 123 1234

+

0308-2429235

@@ -202,14 +229,14 @@

+1 234 123 1234

Email

info@gmail.com

-

abcd@gmail.com

+

usman232429@gmail.com

Address

-

Fatikchhari, Chittagong, Bangladesh

+

Karcahi, Pakistan

@@ -217,28 +244,23 @@

Fatikchhari, Chittagong, Bangladesh

+ diff --git a/style.css b/style.css index 3f690465..8058ecd3 100644 --- a/style.css +++ b/style.css @@ -59,6 +59,8 @@ p { transition-property: background-color, color; } .cta:hover { + transition: 0.25s ease; + transition-property: background-color, color; color: white; background-color: crimson; } @@ -200,7 +202,7 @@ p { /* Hero Section */ #hero { - background-image: url(./img/hero-bg.png); + background-image: url('./img/gif1.gif'); background-size: cover; background-position: top center; position: relative; @@ -405,7 +407,7 @@ p { text-align: center; max-width: 1200px; margin: 0 auto; - padding: 100px 20px; + padding: 50px 20px; } #about .col-left { width: 250px;