How To Use 🔧

From your command line, first clone Simplefolio:

# Clone this repository
$ git clone https://github.com/cobidev/simplefolio

# Go into the repository
$ cd simplefolio

# Remove current origin repository
$ git remote remove origin

Then you can install the dependencies either using NPM or Yarn:

Using NPM:

# Install dependencies
$ npm install

# Start development server
$ npm start

NOTE: If your run into issues installing the dependencies with NPM, use this command:

# Install dependencies with all permissions
$ sudo npm install --unsafe-perm=true --allow-root

Once your server has started, go to this url http://localhost:8080/ and you will see the website running on a Development Server:

---

Template Instructions:

Step 1 - STRUCTURE

Go to /src/template.html and fill your information, they are 5 sections:

Hero Section

• On .hero-title, put your custom title.
• On .hero-cta, put your custom button cta.

Contact Section

• On <p> tag with class-name .contact-wrapper__text, include some custom call-to-action message.

Footer Section

Font Awesome Icons

---

Deployment 📦

Once you have done with your setup. You need to put your website online!

I highly recommend to use Netlify to achieve this on the EASIEST WAY

Because this template use Webpack maybe you can get errors during deployment, Please watch my step-by-step video tutorial to successfully upload your Simplefolio Website on Netlify!

WATCH NOW MY STEP-BY-STEP TUTORIAL FOR DEPLOYMENT

Technologies used 🛠️

• Webpack - Static module bundler
• Bootstrap 4 - Front-end component library
• Sass - CSS extension language
• ScrollReveal.js - JavaScript library
• Tilt.js - JavaScript tiny parallax library
• Popper.js - JavaScript popover library

Authors

• Jacobo Martinez - https://github.com/cobidev