Skip to content

elsayedrady1/Skills-Bars

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 

Repository files navigation

Portfolio Skills-Bars v1

This repository will make your portfolio more better and will increase your chance to build more official portfolio

Ayo ,

to make skills bar you probably you must have any skills to publish it :)


Code result :

I'm example

Step 1 :

First paste html code in empty spce in html file and if you don't have one i suggest this file name : index.html


Step 2 :

Make new file if you don't have suggested name : Style.css , then paste css code or download it directly


If you want to make more skills make :
            <div class="info">
                <span>Replace this by your skill</span>
            </div>
            <div class="progress-line Skills">
                <span></span>
            </div>

and when you replace it probably you must add your new skills name in css also you must replace your percentage


progress-line.skills span::after {
  content: "92%";
}

Best regards 👋

About

This repository will make your portfolio more better and will increase your chance to build more official portfolio

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published