Project Overview Grocery By Abhi is a responsive e-commerce website designed for selling fresh and organic groceries. The website provides an easy-to-navigate interface with various features like product browsing, categories, customer reviews, and a shopping cart. It's designed with HTML, CSS, and JavaScript, with a clean and modern look, making it user-friendly and attractive.
Features Home Section: Displays a welcoming banner with a call to action to start shopping. Features Section: Highlights the key benefits of the products offered, such as being fresh, organic, and offering free delivery. Products Section: Showcases a variety of products with images, prices, and an option to add items to the cart. Categories Section: Lists product categories with promotional discounts to encourage purchases. Review Section: Displays customer reviews to build trust and provide social proof. Blog Section: Shares informative articles related to groceries and healthy eating. Footer Section: Includes contact information, social media links, quick navigation, and a newsletter subscription. Technologies Used HTML5: For structuring the content on the web pages. CSS3: For styling the website, including layout, colors, and responsive design. Font Awesome: For icons used in navigation, features, and social media links. Swiper.js: For creating responsive sliders in the reviews section. JavaScript: For interactive features like the shopping cart and search functionality. Setup and Installation Clone the repository: bash
git clone https://github.com/Abhi-045/grocery-by-abhi.git Navigate to the project directory: bash
cd grocery-by-abhi Open the index.html file in your web browser to view the website. Project Structure index.html: The main HTML file that contains the structure of the website. css/style.css: The stylesheet that defines the look and feel of the website. js/script.js: The JavaScript file that handles the interactive functionalities. images/: A directory containing all the images used in the website.