This is a responsive landing page built for Ganga Dairy as part of the OctaNet Internship. The page showcases dairy products like milk, paneer, ghee, and yogurt in a clean and visually appealing layout. It serves as a front-end representation for a brandβs online identity.
The goal of this project was to:
- Build a fully responsive dairy business landing page using only HTML and CSS.
- Implement core web design principles including branding, layout design, and visual hierarchy.
- Practice real-world web development tasks expected in internships or freelancing.
- π§ Showcases products like Milk, Paneer, Ghee, Yoghurt
- π¨ Appealing UI with dairy-themed colors and illustrations
- π± Mobile-friendly and responsive layout
- πΌοΈ Uses dairy product images for better visualization
- π Can be used as a homepage or hero section for a dairy business
- HTML5
- CSS3
- Responsive Design Techniques
- Flexbox & Grid
OctaNet_Internship/ β βββ index.html # Main HTML file βββ style.css # Styling and layout βββ logo.jpg # Brand logo βββ milk.jpg # Milk product image βββ cheese.png # Paneer product image βββ ghee.jpg # Ghee product image βββ yoghurt.png # Yogurt product image βββ background.png # Background image used in design βββ Paner.jpg # Additional paneer image βββ README.md # This file
yaml Copy Edit
- Clone the repository
git clone https://github.com/Rushi-Unge/OctaNet_Internship.git
Navigate into the folder
bash
Copy
Edit
cd OctaNet_Internship
Open the file
Simply open index.html in your browser.
Or use Live Server extension if you're using VS Code for better development experience.
π Use Case
This type of landing page can be used for:
Dairy product marketing websites
E-commerce dairy product front-ends
Restaurant or cafe promotional pages
Food startup product showcase
π Future Enhancements
Add a navbar for easier navigation
Include a contact form or order button
Add animations on scroll
Integrate a product purchase or inquiry system
π¨βπ» Author
Rushikesh Unge
π§ Email: rushikeshungeofficial@gmail.com
π GitHub: Rushi-Unge
π LinkedIn: linkedin.com/in/rushiunge
π License
This project is open source and available under the MIT License.
yaml
Copy
Edit
---
Let me know if you want to **add animations**, **SEO tags**, or convert this into a **React version** in the future!