marketing-agency_one-page-template - GitLite

KO | EN

gitlite — search

#javascript #hacktoberfest #ai #typescript #linux #windows #cli #kubernetes #vue #awesome-list #pytorch #security #mcp #openai

marketing-agency_one-page-template

(★ 108)

Free responsive one page marketing agency template

File Explorer

Download Latest Version (.zip)

- favicon.ico
- index.html
- - config.json
- - favicon.ico
- - bg-pattern.jpg
  - bg.jpg
  - card.jpg
  - default.png
  - map.jpg
  - transparent.gif
- - body.js
  - head.js
- - _blocks-list.pug
  - _helpers-list.pug
  - _vendor-list.pug
- - custom.sass
  - screen.sass
- - aliases.js
  - paths.js
- babel.js
- browserSync.js
- clean.js
- cmq.js
- htmlmin.js
- imagemin.js
- postcss.js
- pug.js
- rigger.js
- rollup.js
- sass.js
- sprite.js
- stylus.js
- sync.js
- uglify.js
- watch.js
- marketing-agency_one-page-template_1440px.jpg
- marketing-agency_one-page-template_480px.jpg
- marketing-agency_one-page-template_640px.jpg
- marketing-agency_one-page-template_800px.jpg
- pic.jpg
.csscomb.json
.editorconfig
.gitignore
gulpfile.js
LICENSE.md
package.json
README.md

# Installation Guide

1. Get the code

git clone https://github.com/website-templates/marketing-agency_one-page-template

Downloads the entire project code from GitHub to your computer.

cd marketing-agency_one-page-template

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install

Downloads and installs the libraries listed in package.json.

npm start

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Marketing Agency one page template - ARCHIVED

Flat and responsive website template, designed and coded by [Maxim Orlov](https://github.com/orlovmax).

Based on the [Portfolio one page template](https://github.com/website-templates/portfolio_one-page-template)

Demo: [http://website-templates.github.io/marketing-agency_one-page-template](http://website-templates.github.io/marketing-agency_one-page-template/)

![Mockup demo](https://raw.githubusercontent.com/website-templates/marketing-agency_one-page-template/master/screenshots/pic.jpg)

## Contents

- [Folder and file structure](#folder-and-file-structure)
- [Requirements:](#requirements)
    - [Editorconfig](#editorconfig)
- [How to start](#how-to-start)
- [Site configuration](#site-configuration)
- [Tasks](#tasks)
    - [Cleanup](#cleanup)
    - [Dev](#dev)
    - [Build](#build)
    - [Rebuild](#rebuild)
    - [Server](#server)
    - [Sprite](#sprite)
- [Live reload](#live-reload)
- [License](#license)

## Folder and file structure

```
./
├── .editorconfig
├── gulpfile.js
├── package.json
├── README.md
|
├── gulp_tasks/                                * gulp tasks
|   ├── config/                                * gulp tasks config
│   |   ├── paths.js
│   |   └── aliases.js
│   |
|   └── task.js
|
├── screenshots/                               * responsive test screenshots
|
├── dev/                                       * site source
│   ├── images/                                * image sources
|   │
│   ├── pug/                                   * templates
|   |   ├── blocks/                            * blocks library
|   │   |   └── block.pug
|   │   ├── helpers/                           * helper mixins
|   │   ├── vendor/                            * third-party code
|   │   ├── layouts/                           * page layouts
|   │   └── pages/                             * main pages templates
|   │
│   ├── js/                                    * source js
|   |   ├── vendor/                            * vendor scripts library
|   |   ├── lib/                               * site scripts library
|   │   ├── head.js                            * head scripts
|   │   └── body.js                            * body scripts
|   │
|   ├── sass/                                  * sass preprocessor styles
|   |   ├── blocks/                            * blocks library
|   │   |   └── block.sass
|   │   ├── helpers/                           * mixins and vars
|   │   ├── vendor/                            * third-party code
|   │   ├── custom.sass
|   │   ├── noscript.sass
|   │   └── screen.sass
|   │
│   ├── helpers/                               * helper files
|   |   ├── favicon.ico
|   |   └── .htaccess
|   │
│   ├── fonts/                                 * font sources
|   │
│   └── data/                                  * configs and data for templates
│
└── build/                                     * built source
    ├── index.html
    ├── page.html
    |
    └── static/                                * static assets
        ├── css/                               * minified styles
        |
        ├── images/                            * minified images
        │
        ├── js/                                * minified assembled js
        |
        └── fonts/                             * @font-face-ready webfonts

```

## Requirements

- [Node.js](http://nodejs.org/)
- Build sytem: [Grunt](http://gruntjs.com/) or [Gulp](http://gulpjs.com/)
- Optionally:
  * [Editorconfig](http://editorconfig.org/)

#### Editorconfig

This project has an .editorconfig file at the root. It describes indent style, trailing whitespaces etc. See more details [here](http://editorconfig.org/)

## How to start

If you haven't used [Gulp](http://gulpjs.com/) before, be sure to check out the [Getting Started]([https://github.com/gulpjs/gulp/blob/master/docs/README.md](https://gulpjs.com/docs/en/getting-started/quick-start)) guide, also check these [recips](https://github.com/gulpjs/gulp/tree/master/docs/recipes#recipes)

Before start you need to have installed _npm_ , as well as _gulp_ globally.

**A few simple steps to start:**
* Install dependencies from `package.json` by running: `npm install`.
* Run tasks from the list below and start devevelopment!
* Edit general settings in `dev/data/config.json` See [Site configuration](#site-configuration) section

## Site configuration

This boilerplate uses Pug templates with external data configs.
Main settings can be found in `dev/data/config.json` file. And they're available for usage in templates with `config.key-name`

## Tasks

Here comes groups ofgulp tasks with some explanations

#### Cleanup

Remove placeholders from work directories.
Gulp: `gulp cleanup`

* Remove gitkeep files

#### Dev

Dev task with static server.
Gulp: `gulp dev`

* Bundle javascripts
* Compile Sass stylesheets
* Add vendor prefixes in css
* Combine media queries in css files
* Compile Pug templates
* Sync helpers and other assets
* Sync fonts
* Sync images
* Run BrowserSync static server with live reload using
* Watch for changes and run dev task

#### Build

Build task.
Gulp: `gulp build`

* Minify images
* Minify javascript files
* Minify stylesheets
* Minify html
* Run BrowserSync static server

#### Rebuild

Regenerate and build project by running all tasks.
Gulp: `gulp rebuild`

* Bundle javascripts
* Compile Sass stylesheets
* Add vendor prefixes in css
* Combine media queries in css files
* Compile Pug templates
* Sync helpers and other assets
* Sync fonts
* Sync images
* Minify images
* Minify javascript files
* Minify stylesheets
* Minify html

#### Server

Run server without watching for changes.
Gulp: `gulp server`

* Run BrowserSync static server

## Live reload

This project uses BrowserSync as static server with enabled and configured live reload option.

## License
[MIT](https://github.com/website-templates/marketing-agency_one-page-template/blob/master/LICENSE.md)