The Stylish Portfolio is a responsive one-page theme designed uniquely for showcasing your work. Whether you’re a graphic designer, photographer, or developer, this theme can help you create a stunning portfolio. In this guide, we will walk you through downloading, installing, and using this amazing template. Let’s get started!

Preview of Stylish Portfolio

Before diving in, you can take a look at what you’re going to create:

**[View Live Preview](https://startbootstrap.github.io/startbootstrap-stylish-portfolio)**

Getting Started: Download and Installation

To start using this template, you have a few options:

• Download the latest release on Start Bootstrap
• Install via npm: npm i startbootstrap-stylish-portfolio
• Clone the repository: git clone https://github.com/StartBootstrap/startbootstrap-stylish-portfolio.git
• Fork, Clone, or Download on GitHub

Basic Usage

Once you’ve downloaded the template, navigate to the dist directory and start editing the HTML and CSS files inside. Don’t worry about other files; the dist directory contains everything you need!

To preview your changes, simply open the index.html file in your web browser.

Advanced Usage

If you want more control, consider using the source files. Here’s how:

1. Clone the source files of the theme.
2. Navigate into the theme’s root directory.
3. Run npm install to install the necessary dependencies.
4. Finally, run npm start to open a preview of the template in your default browser.

This command also tracks changes to core files, automatically refreshing your browser when you save your edits.

npm Scripts

Here are some helpful scripts you can use:

• npm run build – Compiles the project assets.
• npm run build:assets – Copies assets to dist.
• npm run build:pug – Compiles Pug files into HTML.
• npm run build:scripts – Bundles JavaScript files.
• npm run build:scss – Compiles SCSS files to CSS.
• npm run clean – Deletes the dist directory for a fresh start.
• npm run start:debug – Runs the project in debug mode.

Troubleshooting

If you encounter any issues while using Stylish Portfolio, here are some troubleshooting tips:

• Make sure you have npm installed before running build commands.
• If changes aren’t reflecting, ensure your server is running and the correct files are being modified.
• Check the console in your web browser for any JavaScript errors and debug accordingly.
• For more insights, updates, or to collaborate on AI development projects, stay connected with **[fxis.ai](https://fxis.ai)**.

About Start Bootstrap

Start Bootstrap is an open-source library that offers free Bootstrap templates and themes, all under the MIT license. Whether you’re building personally or commercially, these resources provide great versatility and ease of use.

At **[fxis.ai](https://fxis.ai)**, we believe that such advancements are crucial for the future of AI, as they enable more comprehensive and effective solutions. Our team is continually exploring new methodologies to push the envelope in artificial intelligence, ensuring that our clients benefit from the latest technological innovations.

Conclusion

Now that you’ve set up the Stylish Portfolio template, you can showcase your work in style! Experiment with the features, customize it to your taste, and watch your portfolio shine.