{"id":28395752,"url":"https://github.com/cichy380/html-starter-bs4-webpack","last_synced_at":"2025-06-27T04:31:11.679Z","repository":{"id":34416257,"uuid":"131601853","full_name":"cichy380/html-starter-bs4-webpack","owner":"cichy380","description":"HTML starter template with front-end development kit for building web apps and sites.","archived":false,"fork":false,"pushed_at":"2023-03-06T20:45:24.000Z","size":2416,"stargazers_count":64,"open_issues_count":16,"forks_count":24,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-01T07:42:41.387Z","etag":null,"topics":["bootstrap","sass","webpack"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cichy380.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-04-30T13:53:27.000Z","updated_at":"2025-01-05T00:29:16.000Z","dependencies_parsed_at":"2023-01-15T07:01:02.778Z","dependency_job_id":null,"html_url":"https://github.com/cichy380/html-starter-bs4-webpack","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/cichy380/html-starter-bs4-webpack","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cichy380%2Fhtml-starter-bs4-webpack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cichy380%2Fhtml-starter-bs4-webpack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cichy380%2Fhtml-starter-bs4-webpack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cichy380%2Fhtml-starter-bs4-webpack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cichy380","download_url":"https://codeload.github.com/cichy380/html-starter-bs4-webpack/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cichy380%2Fhtml-starter-bs4-webpack/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262188396,"owners_count":23272341,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","sass","webpack"],"created_at":"2025-05-31T20:36:56.162Z","updated_at":"2025-06-27T04:31:11.644Z","avatar_url":"https://github.com/cichy380.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg src=\"http://marcin.silversite.pl/html-starter-bs4-webpack/logo-small.png\" width=\"150\" height=\"58\" alt=\"\"\u003e\n\n# HTML Starter\n\n[![Bootstrap](https://flat.badgen.net/badge/bootstrap/4.3/7952b3)](https://getbootstrap.com)\n[![Webpack](https://flat.badgen.net/badge/webpack/4/14aaf3)](https://webpack.js.org)\n[![dependencies](https://flat.badgen.net/david/dep/cichy380/html-starter-bs4-webpack)](https://david-dm.org/cichy380/html-starter-bs4-webpack)\n[![devDependencies](https://flat.badgen.net/david/dev/cichy380/html-starter-bs4-webpack)](https://david-dm.org/cichy380/html-starter-bs4-webpack?type=dev)\n[![license](https://flat.badgen.net/github/license/cichy380/html-starter-bs4-webpack)](https://github.com/cichy380/html-starter-bs4-webpack/blob/master/LICENSE.md)\n\nKick-start your project with [Bootstrap](https://getbootstrap.com/), the world's most popular framework and modern development workflow.\nThis boilerplate with [Webpack](https://webpack.js.org/) based setup helps you build web apps and sites much faster.\n\n## Features\n\n* **Live reloading** \u003cbr\u003e browser update after changes\n* **Automatically optimizes** entry files \u003cbr\u003e concatenate, minify and inject output files to HTML\n* **[Sass](https://sass-lang.com/) for stylesheets** \u003cbr\u003e with [the 7-1 Pattern](https://sass-guidelin.es/#the-7-1-pattern)\n* **Modern JavaScript** \u003cbr\u003e ES6 modules-based code linting by [ESLint](https://eslint.org/)\n* Older **browsers support** \n  * add vendor prefixes in CSS with [Autoprefixer](https://autoprefixer.github.io/)\n  * convert ES6+ code into a backwards compatible with [Babel](https://babeljs.io/)\n* Includes:\n  * **[Webpack 4](https://webpack.js.org/)** configuration - module bundler\n  * **[Bootstrap 4](http://getbootstrap.com/)** - the most popular HTML, CSS and JS framework\n  * [jQuery](http://jquery.com/) - JavaScript library\n  * [Font Awesome 5](https://fontawesome.com/) - the web's most popular vector icons and social logos\n  * [Google Fonts](https://fonts.google.com/) - libre licensed fonts\n* sourceMaps\n* and more...\n\n## Theme development\n\n[Node.js](http://nodejs.org/) is the only required dependency to work with *HTML Starter*.\n\n\n#### Installation\n\n1. Install [Node.js](http://nodejs.org/) (installation depends on your system). After finishing, you will be able to \ncheck the version number using `node -v` and `npm -v` commands \n([npm is distributed with Node.js](https://www.npmjs.com/get-npm)).\n2. Clone the repo using `git clone https://github.com/cichy380/html-starter-bs4-webpack.git` or [download *HTML Starter*](https://github.com/cichy380/html-starter-bs4-webpack/archive/master.zip).\n3. Open folder **html-starter-bs4-webpack** (command: `cd html-starter-bs4-webpack`) and install a packages of *HTML Starter* via `npm install` command. \n\nNow you have everything you need to run the build process.\n\n#### Build commands\n\n* `npm run start` ─ compile assets when file changes are made, start [webpack-dev-server](https://github.com/webpack/webpack-dev-server) session\n* `npm run build` ─ compile and optimize (the files in your assets directory) for production\n\n## Structure\n\nShorten directories and files structure which you'll see after build: \n\n```shell\nhtml-starter-bs4-webpack/\n├── assets/                 # template assets\n│   ├── fonts/              # place template fonts files here\n│   ├── html/               # template HTML files\n│   │  ├── partials/        # common parts of HTML code\n│   │  │  └── [...]\n│   │  ├── 404.html         # placeholder 404 error page\n│   │  └── index.html       # default HTML skeleton\n│   ├── images/             # template images files\n│   │  └── [...]\n│   ├── scripts/            # template javascript files\n│   │  ├── vendor/          # necessary parts of frameworks and libs\n│   │  │  └── [...]         # Bootstrap, FontAwesome, jQuery\n│   │  └── main.js          # main javascript file that references JS source files\n│   ├── scss/               # template styles\n│   │  ├── [...]            # 7-1 Sass architecture folders\n│   │  └── main.scss        # main Sass file that references scss source files\n│   ├── index.js            # entry point of template\n│   └── [...]               # miscellaneous\n├── dist/                   # output folder with production build (don't edit)\n│   ├── css/                # output styles\n│   ├── images/             # output images\n│   ├── js/                 # output javascripts\n│   ├── index.html          # homepage\n│   └── [...]               # miscellaneous\n├── node_modules/           # Node.js packages (don't edit)\n│   └── [...]\n├── .babelrc                # Babel configuration file\n├── .eslintrc.js            # ESLint configuration file\n├── package.json            # Node.js dependencies and scripts\n├── webpack.config.js       # Webpack configuration file\n├── package-lock.json       # Node.js dependencies lock file (don't edit)\n└── [...]                   # other...\n```\n\n## Demo\n\nSample of *HTML Starter* usage placed in separate branche:\n * [demo branch](https://github.com/cichy380/html-starter-bs4-webpack/tree/demo) ─ simple corporate website\n\n## License\n\nCode released under the [MIT license](https://github.com/cichy380/html-starter-bs4-webpack/blob/master/LICENSE.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcichy380%2Fhtml-starter-bs4-webpack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcichy380%2Fhtml-starter-bs4-webpack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcichy380%2Fhtml-starter-bs4-webpack/lists"}