Introduction

This is the layout of a landing page for an electrician. With adaptation to mobile screens. Demo: https://ruslkan.github.io/foundation-zurb-info-services/

Based on ZURB Foundation for use with Foundation for Sites. It has a Gulp-powered build system with these features:

• Handlebars HTML templates with Panini
• Sass compilation and prefixing
• JavaScript module bundling with webpack
• Built-in BrowserSync server
• For production builds:
  • CSS compression
  • JavaScript module bundling with webpack
  • Image compression

Installation

To use this template, your computer needs:

• NodeJS (Version 12 or greater recommended, tested with 14.21.3)
• Git

Using the CLI

Install the Foundation CLI with this command:

npm install foundation-cli --global

Use this command to set up a blank Foundation for Sites project with this template:

foundation new --framework sites --template zurb

The CLI will prompt you to give your project a name. The template will be downloaded into a folder with this name.

Now cd to your project name and to start your project run

foundation watch

### Manual Setup

To manually set up the template, first download it with Git:

```bash
git clone https://github.com/ruslkan/foundation-zurb-info-services projectname

Then open the folder in your command line, and install the needed dependencies:

cd projectname
yarn

Finally, run yarn start to run Gulp. Your finished site will be created in a folder called dist, viewable at this URL:

http://localhost:8000

To create compressed, production-ready assets, run yarn run build.

License

Is an open source project that is licensed under MIT.