Documentation for Grofar - Online Grocery Supermarket HTML Mobile Template

Thank you for purchasing Grofar - Online Grocery Supermarket HTML Mobile Template. If you have any questions that are beyond the scope of this help file, please feel free to contact us here askbootstrap or mail us at askbootstrap.

Grofar - Online Grocery Supermarket is a dedicated HTML Mobile Template for food shops and large grocery stores, organic food markets for farm products and food delivery services.

Grofar is an attractive HTML Mobile Template specially designed for the multipurpose shops like grocery store, supermarket, organic shop, mega store, and online stores selling products like buy groceries, fresh fruits & vegetables, cakes & other bakery items, meats & seafood, cosmetics, mobiles & accessories, electronics and baby care products.

The awesome looking app can be used for both Android and iOS platforms. It is optimized coded and easy to customize. Grofar based on HTML5 & CSS3, Bootstrap5 latest version

Grofar Mobile Template can be used for the following clones: grofers, naturesbasket, bigbasket, doordash clone, FoodPanda Clone, GrubHub clone, instacart clone, Justeat clone, Seamless clone, Postmates Clone, Tastely clone, etc.

If you want Backend (admin panel) Mail at - iamosahan@gmail.com

Any Help DM - IG @iamgurdeeposahan

FTP Upload:

• Open up your FTP manager and connect to your hosting
• Browse to required directory (Normally public_html)
• Upload the files inside Template folder.

HTML Structure

This template has a responsive layout. It has a block structure, one block on grey background and the other on an image (pattern) background.

CSS Structure

If any styles need to be changed just replace it with the wanted styles in the respective block in your colored osahan.css.

Js Strucutre

This template has dynamic animations, which have been implemented in JavaScript. The JS file is custom.js

Software requirements

• Subline Text 3 used to edit the .HTML, .JS, .CSS files.
• style used as precompiler for CSS convert.

The following scheme displays the Template files structure.

In this Template we have used google font slick. You can learn more on using Google Web Fonts by checking the tutorial on how to work with Google web Fonts.

Sources & Credits:

In this Template jQuery libraries and plugins have been used for dynamic animation.

• Bootstrap v5.2.0 http://getbootstrap.com/
• jQuery library http://jquery.com
• Slick https://kenwheeler.github.io/slick/
• Icofont https://icofont.com/
• Google Fonts (Ubuntu)https://fonts.google.com/
• Unsplash https://unsplash.com/

We have designed 40+ pages for Grofar. You can easily use it and customise it as you want. We have used bootstrap layout structure. See below for their file nomenclature.

1. Splash -
2. Account Setup -
3. Sign in -
4. Sign up -
5. Verification -
6. Get Started -
7. Landing -
8. Homepage -
9. Notification -
10. Search -
11. Listing -
12. Trending -
13. Recommend -
14. Most Popular -
15. Product Details -
16. Cart -
17. Order Address -
18. Order Payment -
19. Checkout -
20. Successful -
21. Complete Order -
22. Status Complete -
23. Progress Order -
24. Status on Process -
25. Canceled Order -
26. Status Canceled -
27. Review -
28. My Account -
29. Edit Profile -
30. Change Password -
31. Deactivate Account -
32. My Address -
33. Promos -
34. Promo Details -
35. Terms & Conditions -
36. Privacy -
37. Conditions -
38. Help Support -
39. Help Ticket -
40. Refund Payment -
41. FAQ -

Grofar - Online Grocery Supermarket HTML Mobile Template - Please Rating :)