Skip to content

Commit 7dc44eb

Browse files
musmanali123musmanali123
committed
new changes
1 parent efb64b0 commit 7dc44eb

File tree

9 files changed

+63
-50
lines changed

9 files changed

+63
-50
lines changed

‎img/myPng.png

79.5 KB
Loading

‎img/proj1.PNG

155 KB
Loading

‎img/proj2.PNG

287 KB
Loading

‎img/proj3.PNG

206 KB
Loading

‎img/proj4.PNG

141 KB
Loading

‎img/proj5.PNG

55.6 KB
Loading

‎img/proj6.PNG

48.9 KB
Loading

‎index.html

Lines changed: 62 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -54,34 +54,36 @@ <h1>Mohammad Usman Ali <span></span></h1>
5454
<div class="services container">
5555
<div class="service-top">
5656
<h1 class="section-title">Serv<span>i</span>ces</h1>
57-
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsum deleniti maiores pariatur assumenda quas
58-
magni et, doloribus quod voluptate quasi molestiae magnam officiis dolorum, dolor provident atque molestias
59-
voluptatum explicabo!</p>
57+
<p>Welcome to my portfolio! As a passionate and skilled developer, I specialize in leveraging the MERN stack to
58+
craft dynamic and robust web & app applications. With a focus on delivering
59+
seamless user experiences and efficient operations, I strive to create cutting-edge solutions that
60+
resonate with modern web & app development trends!</p>
6061
</div>
6162
<div class="service-bottom">
6263
<div class="service-item">
6364
<div class="icon"><img src="https://img.icons8.com/bubbles/100/000000/services.png" /></div>
6465
<h2>Web Dev</h2>
65-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis debitis rerum, magni voluptatem sed
66-
architecto placeat beatae tenetur officia quod</p>
66+
<p>I specialize in creating various types of websites that cater to unique client needs, ensuring an immersive
67+
and visually appealing interface.</p>
6768
</div>
6869
<div class="service-item">
6970
<div class="icon"><img src="https://img.icons8.com/bubbles/100/000000/services.png" /></div>
7071
<h2>App Dev</h2>
71-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis debitis rerum, magni voluptatem sed
72-
architecto placeat beatae tenetur officia quod</p>
72+
<p>I also specialize in creating various types of Mobile Apps that cater to unique client needs, ensuring an
73+
immersive
74+
and visually bes.</p>
7375
</div>
7476
<div class="service-item">
7577
<div class="icon"><img src="https://img.icons8.com/bubbles/100/000000/services.png" /></div>
7678
<h2>Blockchain Dev</h2>
77-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis debitis rerum, magni voluptatem sed
78-
architecto placeat beatae tenetur officia quod</p>
79+
<p> In addition to creating diverse types of web-apps, I am also deeply invested in the exciting realms of Web
80+
3.0 and blockchain technology.</p>
7981
</div>
8082
<div class="service-item">
8183
<div class="icon"><img src="https://img.icons8.com/bubbles/100/000000/services.png" /></div>
82-
<h2>Designing Solutions</h2>
83-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis debitis rerum, magni voluptatem sed
84-
architecto placeat beatae tenetur officia quod</p>
84+
<h2>CMS Solutions</h2>
85+
<p>In addition to creating diverse CMS Solutions, I also have extensive kowledge about CMS Solutions with
86+
graphical representation.</p>
8587
</div>
8688
</div>
8789
</div>
@@ -97,62 +99,73 @@ <h1 class="section-title">Recent <span>Projects</span></h1>
9799
<div class="all-projects">
98100
<div class="project-item">
99101
<div class="project-info">
100-
<h1>Project 1</h1>
101-
<h2>Coding is Love</h2>
102-
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum impedit unde
103-
rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque atque libero non sunt
104-
harum? Ipsum repellat animi, fugit architecto voluptatum odit et!</p>
102+
<h1>Versio</h1>
103+
<h2>
104+
<a style="color: aliceblue;" href="https://www.versio.nl" blank>
105+
Check This Out
106+
</a>
107+
</h2>
108+
<p>Hosting Provider E-commerce Website that providesWeb-hosting to the customer for their product. Totally
109+
used in Germany</p>
105110
</div>
106111
<div class="project-img">
107-
<img src="./img/img-1.png" alt="img">
112+
<img src="./img/proj1.PNG" alt="img">
108113
</div>
109114
</div>
110115
<div class="project-item">
111116
<div class="project-info">
112-
<h1>Project 2</h1>
113-
<h2>Coding is Love</h2>
114-
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum impedit unde
115-
rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque atque libero non sunt
116-
harum? Ipsum repellat animi, fugit architecto voluptatum odit et!</p>
117+
<h1>InApp Solution</h1>
118+
<h2>
119+
<a style="color: aliceblue;" href="https://www.inappsolutions.com/" blank>
120+
Check This Out
121+
</a>
122+
</h2>
123+
<p>A Software house in karachi, I helped in this by webiste by making his new UI design with other
124+
customizations!</p>
117125
</div>
118126
<div class="project-img">
119-
<img src="./img/img-1.png" alt="img">
127+
<img src="./img/proj2.PNG" alt="img">
120128
</div>
121129
</div>
122130
<div class="project-item">
123131
<div class="project-info">
124-
<h1>Project 3</h1>
125-
<h2>Coding is Love</h2>
126-
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum impedit unde
127-
rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque atque libero non sunt
128-
harum? Ipsum repellat animi, fugit architecto voluptatum odit et!</p>
132+
<h1>Superrior Crane App</h1>
133+
<h2>MVP Product</h2>
134+
<p>It's an MVP app which contani all Dialy and monthly data of thier consumer, in this User can track thier
135+
solutions and its jobs </p>
129136
</div>
130137
<div class="project-img">
131-
<img src="./img/img-1.png" alt="img">
138+
<img src="./img/proj6.PNG" alt="img">
132139
</div>
133140
</div>
134141
<div class="project-item">
135142
<div class="project-info">
136-
<h1>Project 4</h1>
137-
<h2>Coding is Love</h2>
138-
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum impedit unde
139-
rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque atque libero non sunt
140-
harum? Ipsum repellat animi, fugit architecto voluptatum odit et!</p>
143+
<h1>Verime Nambia</h1>
144+
<h2>
145+
<a style="color: aliceblue;" href="https://play.google.com/store/apps/details?id=com.verime">
146+
Check This Out
147+
</a>
148+
</h2>
149+
<p>This App's Concept to provide digital Wallet to it's user who can request the related documentation as
150+
one click!</p>
141151
</div>
142152
<div class="project-img">
143-
<img src="./img/img-1.png" alt="img">
153+
<img src="./img/proj4.PNG" alt="img">
144154
</div>
145155
</div>
146156
<div class="project-item">
147157
<div class="project-info">
148-
<h1>Project 5</h1>
149-
<h2>Coding is Love</h2>
150-
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum impedit unde
151-
rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque atque libero non sunt
152-
harum? Ipsum repellat animi, fugit architecto voluptatum odit et!</p>
158+
<h1>Superrior Crane Web</h1>
159+
<h2>
160+
<a style="color: aliceblue;" href="https://test.visech.com/">
161+
Check This Out
162+
</a>
163+
</h2>
164+
<p> Comapny Website for tracking the jobs and their and check the related detail accrodig to related Job!
165+
</p>
153166
</div>
154167
<div class="project-img">
155-
<img src="./img/img-1.png" alt="img">
168+
<img src="./img/proj5.PNG" alt="img">
156169
</div>
157170
</div>
158171
</div>
@@ -165,17 +178,17 @@ <h2>Coding is Love</h2>
165178
<div class="about container">
166179
<div class="col-left">
167180
<div class="about-img">
168-
<img src="./img/img-2.png" alt="img">
181+
<img src="./img/myPng.png" alt="img">
169182
</div>
170183
</div>
171184
<div class="col-right">
172185
<h1 class="section-title">About <span>me</span></h1>
173-
<h2>Front End Developer</h2>
174-
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Asperiores, velit alias eius non illum beatae atque
175-
repellat ratione qui veritatis repudiandae adipisci maiores. At inventore necessitatibus deserunt
176-
exercitationem cumque earum omnis ipsum rem accusantium quis, quas quia, accusamus provident suscipit magni!
177-
Expedita sint ad dolore, commodi labore nihil velit earum ducimus nulla quae nostrum fugit aut, deserunt
178-
reprehenderit libero enim!</p>
186+
<h2>MERN Stack Developer</h2>
187+
<p> am a <b>MERN Stack developer</b> from Pakistan with extensive knowledge of creating new designs for your business
188+
that provide a visually appealing representation in the world..
189+
. A MERN stack development is a crucial part of modern web & app development, specializing in creating
190+
dynamic and efficient web applications using the MERN stack technologies. They play a vital role in
191+
designing, developing, and optimizing web applications to provide seamless user experiences! </p>
179192
<a href="" download class="cta">Download Resume</a>
180193
</div>
181194
</div>

‎style.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -202,7 +202,7 @@ p {
202202

203203
/* Hero Section */
204204
#hero {
205-
background-image: url(./img/hero-bg.png);
205+
background-image: url('https://camo.githubusercontent.com/91c0c50639feb83c9675e648e989b35117171876f126c3af52a522f266f1aeb7/68747470733a2f2f6d69726f2e6d656469756d2e636f6d2f6d61782f313430302f312a4f785437556a4977686b6c4b453864385346796f37672e676966');
206206
background-size: cover;
207207
background-position: top center;
208208
position: relative;

0 commit comments

Comments
 (0)