HTMLE-commerce

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.

3 previews
Desktop homepage1 / 3
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 3

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-15View source

What stands out

A quick read of the recorded project description.

01

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

02

Retrieves product data via a JSON API, with all products stored in a single JSON file

03

Uses Local Storage to save the user's selections in the shopping cart

04

Integrates login, registration, and contact forms

05

Uses jQuery slider plugins (BX Slider, Slick Slider) and the Nice Scroll smooth scrolling plugin

06

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.

HTMLE-commerce

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. 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. 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. 3

    Shopping cart data is saved based on Local Storage and does not require backend database support

  4. 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

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This 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

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

[![Netlify Status](https://api.netlify.com/api/v1/badges/1ef409ff-4e71-4eac-9eca-112f4bd52a34/deploy-status)](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/)

![Screenshot](mockup.png) 
 
## Demo
 
![Demo](https://user-images.githubusercontent.com/69651552/100522863-a3fbe200-31b4-11eb-89c8-c1ca61671adf.gif)

## 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)
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.