Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/0xAliRaza/0xfolio

A free HTML portfolio template for developers.
https://github.com/0xAliRaza/0xfolio

bootstrap bootstrap-template css css3 free free-software free-to-use html html-css portfolio portfolio-template portfolio-website resume resume-template resume-website sass scss scss-template template templates

Last synced: about 1 month ago
JSON representation

A free HTML portfolio template for developers.

Host: GitHub
URL: https://github.com/0xAliRaza/0xfolio
Owner: 0xAliRaza
License: mit
Created: 2020-09-28T05:06:55.000Z (about 4 years ago)
Default Branch: master
Last Pushed: 2020-10-26T18:56:31.000Z (about 4 years ago)
Last Synced: 2024-08-01T21:51:12.772Z (4 months ago)
Topics: bootstrap, bootstrap-template, css, css3, free, free-software, free-to-use, html, html-css, portfolio, portfolio-template, portfolio-website, resume, resume-template, resume-website, sass, scss, scss-template, template, templates
Language: HTML
Homepage: https://0xali.com/0xfolio
Size: 6.75 MB
Stars: 33
Watchers: 2
Forks: 19
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

project-awesome - 0xAliRaza/0xfolio - A free HTML portfolio template for developers. (HTML)

README

        # 0xFolio

0xFolio is a free-to-use portfolio HTML template for developers. It contains very simple, responsive and optmized code. Code is sum of several components which can be reused in any project very easily.

**Live preview:** https://0xali.com/0xfolio

![0xFolio preview](https://i.imgur.com/CQFoEmG.png)

### Features

- Completely responsive design

- Mobile first approach

- Responsive images

- Clean and readable code

- Usable Sass components

- Based on Sass recommended [architecture](https://sass-guidelin.es/#architecture) (7-1 pattern)

- SVG icons

  **Note:** I recommend using [Befunky](https://www.befunky.com/create/) for manually optimizing images (you can do it in your code if you want). Check `/img` dir to get an idea about image resolutions I used.

## Getting Started

These instructions will get you a copy of this project on your local machine.

### Prerequisites

- [Node.js](https://nodejs.org/en/download/)

- [Git](https://git-scm.com/downloads)

- [Visual Studio Code](https://code.visualstudio.com/download) (optional)

### Cloning and building

Running the commands in your terminal will clone and build a copy of this template on your machine locally.

Start by cloning the repository on your local machine using git

    git clone https://github.com/0xaliraza/0xfolio

Change directory

    cd 0xfolio/

Install required npm modules for building scss locally

    npm install

Now let's build all the Sass files to CSS by this useful `build` npm script

    npm run build

![Results](https://i.imgur.com/DRdGnjF.png)

## CSS Frameworks Used

- [Sass](https://sass-lang.com/)

- [Bootstrap](https://getbootstrap.com/)

## Authors

[Ali Raza](https://0xali.com) (me) **🙃**

## License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details

## Find Me Online

Feel free to contact me for any kind of help or information. Let's get connected! :)

- [Website](https://0xali.com)

- [Github](https://github.com/0xaliraza)

- [Twitter](https://twitter.com/0xaliraza)

- [Medium](https://medium.com/@0xaliraza)

- [Linkedin](https://www.linkedin.com/in/ali-raza-937339159/)