Build your portfolio using this super easy template. Free to use if you are a member of the community or a contributor to this project. if not, read our requirements if you plan on using this template for your portfolio.
This project is made from the tireless efforts of the community, so feel free to support our work by contributing, staring β¨ the project or sponsoring us. ππ½
Are you contributing to this project, please ensure all pull requests and contributions comply with our guidelines
Before making any changes, ensure you have raised an issue here, unless it is a minimal change like Typo error then you can go right ahead.
βββ template
β βββ index.html
β βββ css
β β βββ style.css
β β βββ utilities.css
β βββ assets
β β βββ favicon
β β β βββ android-chrome-192x192
β β β βββ android-chrome-512x512
β β β βββ apple-touch-icon
β β β βββ favicon-16x16
β β β βββ favicon-32x32
β β β βββ favicon.ico
β β β βββ site.webmanifest
β β βββ profile-image
β β βββ logo
β βββ js
β β βββ script.js
βββ .github
β βββ ISSUE_TEMPLATE
β β βββ bug.md
β β βββ feature.md
β βββ Pull_request_template.md
βββ CODE_OF_CONDUCT.md
βββ CONTRIBUTING.md
βββ LICENSE
βββ README.md
βββ REQUIREMENTS.md
βββ package.json
βββ .gitignore
The root page of this project is located at /template/index.html
This is the default page you see when you visit the site.
Want to customize this template to suit your style, here are a few things you can change:
The logo of this template is controlled by this line in the index.html
markup, replace the ./assets/logo.png
with your logo link or replace the current logo image without yours and rename it to logo.png
<!-- Logo -->
<h1 id="logo">
<a href="#"><img src="./assets/logo.png" alt="Your Logo"></a>
</h1>
<ul class="nav-menu">
<li><a class="nav-link" href="#">PROJECTS</a></li>
<li><a class="nav-link" href="#">CONTACT</a></li>
<li><a class="nav-link" href="#">BlOG</a></li>
<li><a class="nav-link btn btn-primary" href="#">RESUME <i class="fas fa-arrow-right"></i></a>
</li>
</ul>
Replace the #
symbol with your respective link. Delete any nav-link
that is not being used or edit the name with your own preffered link source.
- The Last navigation link is the highlightd yellow button on the template. Which is styled with the
btn
&btn-primary
classes.
We are using plain CSS
for this project and you can find that in the template/css/
folder
- Style.css is the main file
- utilities.css is where reusable styling will be.
If you like this project, kindly star β and share this project. It means the world to us. You can also offer support by donating to keep this project going.