Includes one homepage and more than 9 internal pages, covering Mobil, Shell, and Total diesel and gasoline product pages, as well as contact, login, and registration pages
oily — HTML Ecommerce Template
By Mohamed-Elhawary
Oily is an e-commerce website template built with HTML, CSS, and JavaScript for selling different brands of motor oil products. It retrieves product data via a JSON API and includes one homepage and more than 9 internal pages.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
What stands out
A quick read of the recorded project description.
Retrieves product data via a JSON API, with all products stored in a single JSON file
Uses Local Storage to save the user's selections in the shopping cart
Integrates login, registration, and contact forms
Uses jQuery slider plugins (BX Slider, Slick Slider) and the Nice Scroll smooth scrolling plugin
Provides a complete documentation folder and an online documentation link
Template Details
Oily is an e-commerce website template aimed at scenarios selling different brands of motor oil (such as Mobil, Shell, and Total diesel and gasoline products). The README states that it includes one homepage and more than 9 internal pages; the specific pages include Mobil Diesel, Mobil Gasoline, Shell Diesel, Shell Gasoline, Total Diesel, Total Gasoline, Contact, Login, and Signup. Product data is retrieved via a JSON API, with all products stored in a single JSON file; the user's selections in the shopping cart are saved based on Local Storage. The template provides login and registration forms, a contact form, a jQuery slider plugin, Google Fonts integration, as well as a complete documentation folder and an online documentation link. In terms of the tech stack, the README lists HTML, CSS, and JS, and uses libraries such as jQuery, Hover, and Font Awesome, frameworks such as Bootstrap and FastHelpers Framework [FHF], and plugins such as Nice Scroll, BX Slider, and Slick Slider. The README also mentions that the template is responsive, based on Material Design rules, compatible with IE8+, uses semantic HTML5 tags, is validated by W3C, is easy to customize, has well-formatted and clearly commented code, and comes with a Favicon. The README does not provide specific details about backend services, databases, payment integration, or deployment processes.
Is it right for your project?
Use Cases
- Building the frontend of an e-commerce website selling motor oil products
- Catalog pages that need to display diesel and gasoline products from multiple brands (Mobil, Shell, Total)
- Frontend projects that want to manage product data with a JSON file and implement a shopping cart with Local Storage
- Static website templates that need to include login, registration, and contact forms
Suitable For
- Developers who need to quickly build the frontend of an e-commerce site for motor oil or similar products
- Frontend personnel familiar with HTML, CSS, JavaScript, and jQuery
- Projects that want to implement simple shopping cart functionality based on JSON and Local Storage
- Developers who need a responsive website template compatible with IE8+
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
The README does not provide specific installation or deployment steps; it only states that a complete documentation folder and an online documentation link are provided
- 2
Product data is retrieved via a JSON API, with all products stored in a single JSON file, which needs to be configured according to the documentation
- 3
Shopping cart data is saved based on Local Storage and does not require backend database support
- 4
The template depends on jQuery, Bootstrap, FastHelpers Framework [FHF], and multiple plugins, and the corresponding resources need to be included according to the documentation
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in a public repository; the free scope is the code of this version and does not mean that external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version's code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets need to be checked against their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
https://github.com/Mohamed-Elhawary/oily/blob/master/LICENSEhttps://github.com/Mohamed-Elhawary/oily/blob/master/README.mdPermission is hereby granted, free of charge
Original License Text
Compiled by DeepSeek based on repository license and README ·2026-10-15. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Partly documented · 68 / 100
- Technologies
- HTML
- Website type
- E-commerce
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2023-02-13
- Screenshot last checked
- 2026-10-15
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: codex-user-requested-batch-review-20261017 · 2026-10-16
Inspect the recorded source material
SHA-256: ab030e2db70b15247bfa9779e5a722cc2f607802ed8824842280efeb0457843b
2026-10-15T15:54:59.034Z
Source file / repository# Oily
[](https://app.netlify.com/sites/oily/deploys)
Oily is an E-commerce website for selling different types of oil brands, up to +9 internal pages. It depends on JSON API to get the products.
You can view the website from [here](https://oily.netlify.app/)

## Demo

## Built with
* HTML
* CSS
* JS
## Libraries
* [jQuery](https://jquery.com/)
* [Hover](https://ianlunn.github.io/Hover/)
* [Font Awesome](https://fontawesome.com/)
## Frameworks
* [Bootstrap](https://getbootstrap.com/)
* [FastHelpers Framework [FHF]](https://github.com/Mohamed-Elhawary/fasthelpers-framework-fhf)
## Plugins
* [Nice Scroll](https://nicescroll.areaaperta.com/)
* [BX Slider](https://bxslider.com/)
* [Slick Slider](https://kenwheeler.github.io/slick/)
## API
* JSON
## Features
* Responsive Template Bootstrap v4
* Based on the Material Design Rules
* One Home Page & +9 Internal Pages
- Mobil Diesel
- Mobil Gasoline
- Shell Diesel
- Shell Gasoline
- Total Diesel
- Total Gasoline
- Contact
- Login
- Signup
* Integrated Login & Signup ready Forms
* jQuery Sliders Plugins
* Working with Contact Form
* Google Fonts Integration
* jQuery Powered v3.5.1
* Smooth Page Scrolling with Nice Scroll Plugin
* Compatible with IE8+
* Semantic HTML5 Tags
* W3C Validation
* Easily Customizable
* Well Formatted, Clean and Organized Code
* Well Organized Folders Structure
* Well Commented at each Part in the Code
* Based on JSON to fetch the Products into the User Interface, while all Products are saved in one JSON File
* Based on Local Storage to save the User Selections in the Shopping Cart
* Provided with Favicon
* Provided with a Full Documentation
## Documentation
- [Documentation Folder](Documentation)
- [Documentation Link](https://oily-docs.netlify.app/)
## Author
* [Mohamed Elhawary](https://www.linkedin.com/in/mohamed-elhawary14/)
## Contact me through my social accounts
* Email: [email protected]
* [Linkedin](https://www.linkedin.com/in/mohamed-elhawary14/)
* [Github](https://github.com/Mohamed-Elhawary)
* [Behance](https://www.behance.net/mohamed-elhawary14)
* [Codepen](https://codepen.io/Mohamed-ElHawary)
## License
Licensed under the [MIT License](LICENSE)
Explore similar templates
Compare previews and descriptions within the same stack and category.

uikit-ecommerce-template
A responsive e-commerce front-end template built with UIkit, covering product catalog, filtering, product detail pages, and shopping cart. Written in Pug and Less, built with Gulp.
HTML · E-commerce

Shop Homepage
A clean Bootstrap store homepage skeleton for product listings, category displays, and small online store prototypes. It uses a responsive product grid, ships with a directly editable dist directory, and includes Pug and SCSS source with npm build and live preview support.
HTML · E-commerce

ludus-free-premium-ecommerce-template
Ludus is a pure HTML multipurpose e-commerce template under the MIT license, with 40+ pages including 3 homepages, 12 dashboard pages, 7 shop pages, and 5 blog pages, plus 3 header styles, a boxed layout, and 10 color schemes.
HTML · Admin dashboard

shoe_store
A shoe eCommerce website template built with HTML, CSS, and JavaScript, featuring a home page with banner, featured categories, and rated products, plus all-products, product detail, cart, and account pages.
HTML · E-commerce

LeatherHoard
LeatherHoard is a static e-commerce front-end template for leather goods, built with HTML, CSS, JavaScript, and Bootstrap.
HTML · E-commerce

vex-bootstrap
Vex is a clean, multipurpose e-commerce HTML template based on Bootstrap 4.5 and jQuery, released by Themefisher.
HTML · E-commerce
