Skip to content

Commit

Permalink
update the info
Browse files Browse the repository at this point in the history
  • Loading branch information
@Waqasmehmood201138
Waqasmehmood201138 committed Aug 31, 2024
1 parent a610dcd commit 2ae7251
Show file tree
Hide file tree
Showing 6 changed files with 45 additions and 44 deletions.
Binary file added assets/img/about-section.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed assets/pdf/Waqas Resume.pdf
View file
Binary file not shown.
Binary file removed assets/pdf/waqas Resume.docx
View file
Binary file not shown.
Binary file added assets/pdf/waqas-react-developer (1).pdf
View file
Binary file not shown.
80 changes: 39 additions & 41 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -147,7 +147,7 @@ <h2 class="section__title">About Me</h2>
<span class="section__subtitle">My Introduction</span>

<div class="about__container container grid">
<img src="./assets/img/pic3.jpeg" alt="about photo" class="about__img">
<img src="./assets/img/about-section.jpg" alt="about photo" class="about__img">
<!-- <img src="./assets/img/updateProfileAbout.jpg" alt="about photo" class="about__img"> -->

<div class="about__data">
Expand All @@ -158,7 +158,7 @@ <h2 class="section__title">About Me</h2>

<div class="about__info">
<div>
<span class="about__info-title">01+</span>
<span class="about__info-title">02+</span>
<span class="about__info-name">Years <br> experience</span>
</div>

Expand All @@ -168,13 +168,13 @@ <h2 class="section__title">About Me</h2>
</div>

<div>
<span class="about__info-title">0</span>
<span class="about__info-title">02</span>
<span class="about__info-name">Companies <br> worked</span>
</div>
</div>

<div class="about__buttons">
<a download="" href="./assets/pdf/Waqas Resume.pdf" class="button button--flex">
<a download="" href="./assets/pdf/waqas-react-developer (1).pdf" class="button button--flex">
Download CV<i class="uil uil-download-alt button__icon"></i>
</a>
</div>
Expand All @@ -195,15 +195,15 @@ <h2 class="section__title">Skills</h2>
<i class="uil uil-brackets-curly skills__icon"></i>
<div>
<h1 class="skills__titles">Frontend developer</h1>
<span class="skills__subtitle">More than 1 years</span>
<span class="skills__subtitle">More than 2 years</span>
</div>
<i class="uil uil-angle-down skills__arrow"></i>
</div>

<div class="skills__list grid">
<div class="skills__data">
<div class="skills__titles">
<h3 class="skills__name">HTML</h3>
<h3 class="skills__name">HTML5</h3>
<span class="skills__number">90%</span>
</div>
<div class="skills__bar">
Expand All @@ -213,8 +213,8 @@ <h3 class="skills__name">HTML</h3>

<div class="skills__data">
<div class="skills__titles">
<h3 class="skills__name">CSS</h3>
<span class="skills__number">80%</span>
<h3 class="skills__name">CSS3</h3>
<span class="skills__number">85%</span>
</div>
<div class="skills__bar">
<span class="skills__percentage skills__css"></span>
Expand All @@ -224,7 +224,7 @@ <h3 class="skills__name">CSS</h3>
<div class="skills__data">
<div class="skills__titles">
<h3 class="skills__name">JavaScript</h3>
<span class="skills__number">75%</span>
<span class="skills__number">80%</span>
</div>
<div class="skills__bar">
<span class="skills__percentage skills__js"></span>
Expand All @@ -234,12 +234,22 @@ <h3 class="skills__name">JavaScript</h3>
<div class="skills__data">
<div class="skills__titles">
<h3 class="skills__name">React</h3>
<span class="skills__number">65%</span>
<span class="skills__number">90%</span>
</div>
<div class="skills__bar">
<span class="skills__percentage skills__react"></span>
</div>
</div>

<div class="skills__data">
<div class="skills__titles">
<h3 class="skills__name">Next</h3>
<span class="skills__number">60%</span>
</div>
<div class="skills__bar">
<span class="skills__percentage skills__nextjs"></span>
</div>
</div>
</div>
</div>

Expand Down Expand Up @@ -336,7 +346,7 @@ <h3 class="qualification__title">Software Engineering</h3>

<div>
<span class="qualification__rounder"></span>
<span class="qualification__line"></span>
<!-- <span class="qualification__line"></span> -->
</div>

<div>
Expand All @@ -350,7 +360,7 @@ <h3 class="qualification__title">Pre Engineering</h3>
</div>

<!--==================== QUALIFICATION 3 ====================-->
<div class="qualification__data">
<!-- <div class="qualification__data">
<div>
<h3 class="qualification__title">Web Development</h3>
<span class="qualification__subtitle">Corelinks - Software House</span>
Expand All @@ -364,15 +374,15 @@ <h3 class="qualification__title">Web Development</h3>
<span class="qualification__rounder"></span>
<span class="qualification__line"></span>
</div>
</div>
</div> -->

<!--==================== QUALIFICATION 4 ====================-->
<div class="qualification__data">
<!-- <div class="qualification__data">
<div></div>
<div>
<span class="qualification__rounder"></span>
<!-- <span class="qualification__line"></span> -->
<span class="qualification__line"></span>
</div>
Expand All @@ -384,19 +394,20 @@ <h3 class="qualification__title">Python</h3>
2023 - onward
</div>
</div>
</div>
</div> -->
</div>

<!--==================== QUALIFICATION CONTENT 2 ====================-->
<div class="qualification__content" data-content id="work">
<!--==================== QUALIFICATION 1 ====================-->
<div class="qualification__data">
<div>
<h3 class="qualification__title">Frontend Internship</h3>
<span class="qualification__subtitle">Corelinks - Software House</span>
<h3 class="qualification__title">Mid Senior React Developer</h3>
<span class="qualification__subtitle">Bingtechs Solutions - Islamabad</span>
<span class="qualification__subtitle">Onsite - Fulltime</span>
<div class="qualification__calender">
<i class="uil uil-calender-alt"></i>
4 - Months
1 Year 02 Months
</div>
</div>

Expand All @@ -412,35 +423,22 @@ <h3 class="qualification__title">Frontend Internship</h3>

<div>
<span class="qualification__rounder"></span>
<span class="qualification__line"></span>
<!-- <span class="qualification__line"></span> -->
</div>

<div>
<h3 class="qualification__title">React Internship</h3>
<span class="qualification__subtitle">- Online</span>
<h3 class="qualification__title">Frontend Developer</h3>
<span class="qualification__subtitle">WorldWebTree - Peshawar</span>
<span class="qualification__subtitle">Remote - Contract base</span>
<div class="qualification__calender">
<i class="uil uil-calender-alt"></i>
2 - Months
Jan 2023 - Present
</div>
</div>
</div>

<!--==================== QUALIFICATION 3 ====================-->
<div class="qualification__data">
<div>
<h3 class="qualification__title">---</h3>
<span class="qualification__subtitle"></span>
<div class="qualification__calender">
<i class="uil uil-calender-alt"></i>

</div>
</div>

<div>
<span class="qualification__rounder"></span>
<!-- <span class="qualification__line"></span> -->
</div>
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -592,10 +590,10 @@ <h2 class="section__title">Portfolio</h2>
<img src="./assets/img/text-app.PNG" alt="" class="portfolio__img">

<div class="portfolio__data">
<h3 class="portfolio__title">React Text App</h3>
<p class="portfolio__description">It's a React text web app in which you can format your
text in different ways.</p>
<a target="_blank" href="https://waqasmehmood201138.github.io/Text-App-ReactJS/"
<h3 class="portfolio__title">Overseas Chitralis Association</h3>
<p class="portfolio__description">React JS Application for Supporting Chitralis People in KSA</p>
<p class="portfolio__description">Associated with - Bingtechs Solutions</p>
<a target="_blank" href="https://overseaschitraliksa.com/"
class="button button--flex button--small portfolio__button">
Demo
<i class="uil uil-arrow-right button__icon"></i>
Expand Down
9 changes: 6 additions & 3 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -533,15 +533,18 @@ img {
}

.skills__css {
width: 80%;
width: 85%;
}

.skills__js {
width: 75%;
width: 80%;
}

.skills__react {
width: 65%;
width: 90%;
}
.skills__nextjs {
width: 60%;
}


Expand Down

0 comments on commit 2ae7251

Please sign in to comment.