{"id":18677909,"url":"https://github.com/kaushikshivam/neodigital","last_synced_at":"2026-05-02T02:32:15.463Z","repository":{"id":44075065,"uuid":"205544738","full_name":"KaushikShivam/neoDigital","owner":"KaushikShivam","description":"A Landing page for a a creative design agency","archived":false,"fork":false,"pushed_at":"2022-12-10T01:23:05.000Z","size":8771,"stargazers_count":1,"open_issues_count":11,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-12-27T21:13:47.823Z","etag":null,"topics":["agency-theme","css-framework","css-modules","css3","css3-animations","flexbox","grid","grid-layout","html-template","html5","marketing","template"],"latest_commit_sha":null,"homepage":"https://rawcdn.githack.com/KaushikShivam/neoDigital/8ca0e4f6a19706f738fa082d3e6fde8255329214/index.html","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/KaushikShivam.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-08-31T12:58:21.000Z","updated_at":"2022-06-10T22:08:31.000Z","dependencies_parsed_at":"2023-01-26T01:32:02.152Z","dependency_job_id":null,"html_url":"https://github.com/KaushikShivam/neoDigital","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KaushikShivam%2FneoDigital","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KaushikShivam%2FneoDigital/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KaushikShivam%2FneoDigital/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KaushikShivam%2FneoDigital/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KaushikShivam","download_url":"https://codeload.github.com/KaushikShivam/neoDigital/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239525418,"owners_count":19653325,"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":["agency-theme","css-framework","css-modules","css3","css3-animations","flexbox","grid","grid-layout","html-template","html5","marketing","template"],"created_at":"2024-11-07T09:35:26.098Z","updated_at":"2025-11-07T09:30:30.344Z","avatar_url":"https://github.com/KaushikShivam.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NeoDigital - Creative Digital Agency\n\n[NeoDigital](https://rawcdn.githack.com/KaushikShivam/neoDigital/8ca0e4f6a19706f738fa082d3e6fde8255329214/index.html) | A very professional and highly customizable template with lots of custom pages and useful features fora Creative Marketing Agency\n\n![NeoDigital Screenshot](screenshot.png)\n\n## Table of content\n\n- [Description](#description)\n- [Installation](#installation)\n- [Scripts](#scripts)\n- [Contact](#contact)\n\n## Description\n\nThis template uses the following:\n\n- ### Modern CSS\n- ### BEM Methodology\n- ### Custom 4 column grid\n- ### SASS\n  - `variables`\n  - `nesting`\n  - `parials and imports`\n  - `mixins`\n  - `functions`\n  - `extends`\n- ### 7-1 project structure for SASS Files -\n\n  - `base/`\n  - `components/`\n  - `layout/`\n  - `pages/`\n  - `themes/`\n  - `abstracts/`\n  - `vendors/`\n\nA [build script](#scripts) is created to accomodate older browser compatibility\n\n## Installation\n\n1. Clone the project to your local directory\n\n```\ngit clone https://github.com/KaushikShivam/neoDigital\n```\n\n2. The project uses NPM for managing dependencies. Run npm install to install all the required dependencies\n\n```\nnpm install\n```\n\n3. Run the watch script to view live changes to your CSS\n\n```\nnpm run watch:sass\n```\n\n4. Open the index.html file in your browser to view the website in all its glory (Live-server is recommended to view live changes automatically)\n\n## Scripts\n\nThe project uses [AutoPrefixer](https://github.com/postcss/autoprefixer), [Node-sass](https://github.com/sass/node-sass), [npm-run-all](https://www.npmjs.com/package/npm-run-all) etc to build the following scripts:\n\n### Watch live changes in development\n\n1. Watch live changes to the sass\n\n```\n\"watch:sass\": \"node-sass sass/main.scss css/style.css -w\"\n```\n\n2. Run Live-server for live development changes\n\n```\n\"devserver\": \"live-server --browser=firefox\"\n```\n\n3. Script to run both simultaneously\n\n```\n\"start\": \"npm-run-all --parallel devserver watch:sass\"\n```\n\nRun `npm start` to run the script\n\n### Build script for production\n\n1. Compile sass files\n\n```\n\"compile:sass\": \"node-sass sass/main.scss css/style.comp.css\"\n```\n\n2. Concat all the css files including font styles etc\n\n```\n\"concat:css\": \"concat -o css/style.concat.css css/icon-font.css css/style.comp.css\",\n```\n\n3. Add prefixes automatically to the modern CSS rules (supports last 10 years - Can be configured)\n\n```\n\"prefix:css\": \"postcss --use autoprefixer -b 'last 10 versions' css/style.comp.css -o css/style.prefix.css\"\n```\n\n4. Adds compression\n\n```\n\"compress:css\": \"node-sass css/style.prefix.css css/style.css --output-style compressed\"\n```\n\n5. Final Build process\n\n```\n\"build:css\": \"npm-run-all compile:sass concat:css prefix:css compress:css\"\n```\n\nRun `npm run build:css` to run the build script\n\n## Contact\nYou can contact me at:\n\n- [Portfolio](https://www.shivamkaushik.com)\n- [Email](mailto:shivamkaushikofficial@gmail.com)\n- [Linkedin](https://www.linkedin.com/in/kshivamdev/)\n- [Twitter](https://twitter.com/kShivamDev)\n- [Medium](https://medium.com/@shivamkaushikofficial)\n- [Angellist](https://angel.co/kshivamdev)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkaushikshivam%2Fneodigital","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkaushikshivam%2Fneodigital","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkaushikshivam%2Fneodigital/lists"}