Skip to content

Commit

Permalink
More Skills Added
Browse files Browse the repository at this point in the history
  • Loading branch information
Dev-Hassaan committed Oct 9, 2024
1 parent 46c3838 commit be0e3f4
Showing 1 changed file with 48 additions and 12 deletions.
60 changes: 48 additions & 12 deletions dist/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -81,10 +81,19 @@ <h5 class="card-title">My SKills</h5>
<span class="badge rounded-pill text-bg-info">HTML</span>
<span class="badge rounded-pill text-bg-info">CSS</span>
<span class="badge rounded-pill text-bg-info">Javascript</span>
<span class="badge rounded-pill text-bg-info">JQuery</span>
<span class="badge rounded-pill text-bg-info">Python</span>
<span class="badge rounded-pill text-bg-info">Dart</span>
<span class="badge rounded-pill text-bg-info">PHP</span>
<span class="badge rounded-pill text-bg-info">C#</span>
<span class="badge rounded-pill text-bg-info">C++</span>
<span class="badge rounded-pill text-bg-info">C</span>
<span class="badge rounded-pill text-bg-primary">Bootstrap</span>
<span class="badge rounded-pill text-bg-primary">Tailwind</span>
<span class="badge rounded-pill text-bg-success">React</span>
<span class="badge rounded-pill text-bg-success">Angular</span>
<span class="badge rounded-pill text-bg-success">Laravel</span>
<span class="badge rounded-pill text-bg-success">AspDotNet</span>
<span class="badge rounded-pill text-bg-danger">NodeJs</span>
<span class="badge rounded-pill text-bg-danger">ExpressJs</span>
<span class="badge rounded-pill text-bg-warning">MySQL</span>
Expand All @@ -104,29 +113,56 @@ <h5 class="card-title">My Progress</h5>
<div class="progress" role="progressbar" aria-label="Javascript" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-info" style="width: 100%">Javascript</div>
</div>
<div class="progress" role="progressbar" aria-label="Bootstrap" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-primary" style="width: 70%">Bootstrap</div>
<div class="progress" role="progressbar" aria-label="Javascript" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-info" style="width: 100%">JQuery</div>
</div>
<div class="progress" role="progressbar" aria-label="Python" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-info" style="width: 100%">Python</div>
</div>
<div class="progress" role="progressbar" aria-label="Dart" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-info" style="width: 100%">Dart</div>
</div>
<div class="progress" role="progressbar" aria-label="PHP" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-info" style="width: 100%">PHP</div>
</div>
<div class="progress" role="progressbar" aria-label="C#" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-info" style="width: 90%">C#</div>
</div>
<div class="progress" role="progressbar" aria-label="Tailwind" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-primary" style="width: 37%">Tailwind</div>
<div class="progress" role="progressbar" aria-label="C++" aria-valuenow="77" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-info" style="width: 77%">C++</div>
</div>
<div class="progress" role="progressbar" aria-label="React" aria-valuenow="72" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-success" style="width: 72%">React</div>
<div class="progress" role="progressbar" aria-label="C" aria-valuenow="46" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-info" style="width: 46%">C</div>
</div>
<div class="progress" role="progressbar" aria-label="Bootstrap" aria-valuenow="89" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-primary" style="width: 89%">Bootstrap</div>
</div>
<div class="progress" role="progressbar" aria-label="Tailwind" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-primary" style="width: 67%">Tailwind</div>
</div>
<div class="progress" role="progressbar" aria-label="React" aria-valuenow="92" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-success" style="width: 92%">React</div>
</div>
<div class="progress" role="progressbar" aria-label="Angular" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-success" style="width: 37%">Angular</div>
</div>
<div class="progress" role="progressbar" aria-label="NodeJs" aria-valuenow="32" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-danger" style="width: 32%">NodeJs</div>
<div class="progress" role="progressbar" aria-label="Laravel" aria-valuenow="72" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-success" style="width: 72%">Laravel</div>
</div>
<div class="progress" role="progressbar" aria-label="AspDotNet" aria-valuenow="42" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-success" style="width: 42%">AspDotNet</div>
</div>
<div class="progress" role="progressbar" aria-label="NodeJs" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-danger" style="width: 67%">NodeJs</div>
</div>
<div class="progress" role="progressbar" aria-label="ExpressJs" aria-valuenow="46" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-danger" style="width: 46%">ExpressJs</div>
<div class="progress" role="progressbar" aria-label="ExpressJs" aria-valuenow="76" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-danger" style="width: 76%">ExpressJs</div>
</div>
<div class="progress" role="progressbar" aria-label="MySQL" aria-valuenow="78" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-warning" style="width: 78%">MySQL</div>
</div>
<div class="progress" role="progressbar" aria-label="MongoDB" aria-valuenow="24" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-warning" style="width: 24%">MongoDB</div>
<div class="progress" role="progressbar" aria-label="MongoDB" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-warning" style="width: 55%">MongoDB</div>
</div>
<div class="progress" role="progressbar" aria-label="Github" aria-valuenow="74" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-dark" style="width: 74%">Github</div>
Expand Down

0 comments on commit be0e3f4

Please sign in to comment.