{"id":18677870,"url":"https://github.com/kaushikshivam/trillo","last_synced_at":"2025-11-07T09:30:29.377Z","repository":{"id":37839024,"uuid":"205559809","full_name":"KaushikShivam/Trillo","owner":"KaushikShivam","description":"This is a landing page design for a hotel and flight booking website. It uses modern and flat UI design.  ","archived":false,"fork":false,"pushed_at":"2022-12-10T00:37:23.000Z","size":5658,"stargazers_count":0,"open_issues_count":10,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-12-27T21:13:41.882Z","etag":null,"topics":["autoprefixer","bem","bem-methodology","concat","flat-design","flexbox","flexbox-css","flexbox-model","grid","mixins","node-sass","post-cli","sass","sass-functions","sass-mixins"],"latest_commit_sha":null,"homepage":"https://raw.githack.com/KaushikShivam/Trillo/master/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-31T15:09:42.000Z","updated_at":"2020-03-16T10:19:12.000Z","dependencies_parsed_at":"2023-01-26T01:01:34.997Z","dependency_job_id":null,"html_url":"https://github.com/KaushikShivam/Trillo","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%2FTrillo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KaushikShivam%2FTrillo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KaushikShivam%2FTrillo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KaushikShivam%2FTrillo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KaushikShivam","download_url":"https://codeload.github.com/KaushikShivam/Trillo/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239525399,"owners_count":19653322,"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":["autoprefixer","bem","bem-methodology","concat","flat-design","flexbox","flexbox-css","flexbox-model","grid","mixins","node-sass","post-cli","sass","sass-functions","sass-mixins"],"created_at":"2024-11-07T09:35:14.938Z","updated_at":"2025-11-07T09:30:29.331Z","avatar_url":"https://github.com/KaushikShivam.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Trillo - Your all-in-one booking app\n\n\n[Trillo](https://raw.githack.com/KaushikShivam/Trillo/master/index.html) is a professional, flat and modern website tempate for the Travel industry. The template can be used for apps such as Travel blogs, Hotel bookings, Flight bookings and more.\n\n![Trillo Screenshot](img/SVG/screenshot.png)\n\n## Table of content\n- [Description](#description)\n- [Installation](#installation)\n- [Scripts](#scripts)\n- [Contact](#contact)\n\n\n\n## Description\nThis template only uses *Flexbox* for alignment and layout. So, no external framework is necessary. \nThe project also implements the BEM-methodology for CSS classes. \n\nThe project uses a lot of modern and experimental CSS rules and a build script is added to accomodate older browser compatibility.\n\n## Installation\n\n1. Clone the project to your local directory\n```\ngit clone https://github.com/KaushikShivam/Trillo.git\n```\n\n2. The project uses NPM for managing dependencies. Run npm install to install all the required dependencies\n```\nnpm install\n```\n3. Run the watch script to view live changes to your CSS\n```\nnpm run watch:sass\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\n## Scripts\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 changes in development\nWatch live changes to the sass\n```\n\"watch:sass\": \"node-sass sass/main.scss css/style.css -w\"\n```\nRun ```npm run watch:sass``` to run the script\n\n### Build script for production\n\n1. Compile sass files\n```\n\"compile:sass\": \"node-sass sass/main.scss css/style.comp.css\"\n```\n\n2. Add prefixes automatically to the modern CSS rules (supports last 10 years - Can be configured)\n```\n\"prefix:css\": \"postcss --use autoprefixer -b 'last 10 versions' css/style.comp.css -o css/style.prefix.css\"\n```\n\n3. Adds compression\n```\n\"compress:css\": \"node-sass css/style.prefix.css css/style.css --output-style compressed\"\n```\n4. Final Build process\n```\n\"build:css\": \"npm-run-all compile:sass 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%2Ftrillo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkaushikshivam%2Ftrillo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkaushikshivam%2Ftrillo/lists"}