ecommerce-website-html-css
ecommerce-website-html-css copied to clipboard
Files added successfully
Title: Added content for About, Contact Us, Blog, and Shop pages; improved responsiveness using Bootstrap
Description: -Created "About Us" page with company information and images. -Added "Contact Us" page with a contact form and contact details. -Developed "Blog" page featuring recent posts with images and brief descriptions. -Created "Shop" page showcasing product listings with images, prices, and purchase options. -Implemented Bootstrap 5 for responsive design across all pages. -Refactored the navigation bar to use Bootstrap's navbar component for mobile responsiveness. -Ensured that all sections (Home, Shop, Blog, About, Contact Us) are accessible and responsive on various screen sizes.
How to Test: -Open the "index.html" file and navigate through all menu items to check if the pages load correctly. -Verify that the layout adjusts properly on mobile, tablet, and desktop devices. -Check that the contact form on the "Contact Us" page is visually correct. -Confirm that the "Blog" page displays recent posts with images and descriptions. -Ensure the "Shop" page displays product listings with proper details and "Add to Cart" functionality.
Screenshots:
Desktop view: (screenshot of the desktop layout)
Mobile view: (screenshot of the mobile layout)
Related Issues: Fixes : Improved website responsiveness
The latest updates on your projects. Learn more about Vercel for Git ↗︎
| Name | Status | Preview | Comments | Updated (UTC) |
|---|---|---|---|---|
| ecommerce-website-html-css | ✅ Ready (Inspect) | Visit Preview | 💬 Add feedback | Sep 18, 2024 4:59pm |
Deploy Preview for rainbow-monstera-721c0e ready!
| Name | Link |
|---|---|
| Latest commit | 3d90ba85b00664a456067a25670514a2f7737bfa |
| Latest deploy log | https://app.netlify.com/sites/rainbow-monstera-721c0e/deploys/66eb07052aab5b00088645c9 |
| Deploy Preview | https://deploy-preview-31--rainbow-monstera-721c0e.netlify.app |
| Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site configuration.
View the changes and please merge our changes and accept our request.