Skip to content

πŸ₯› A responsive landing page for a dairy brand created as part of the OctaNet Internship. Highlights milk, paneer, ghee, and yogurt products with clean UI and modern HTML/CSS styling.

Notifications You must be signed in to change notification settings

Rushi-Unge/OctaNet_Internship

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

23 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ₯› Ganga Dairy – OctaNet Internship Project

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.


πŸ“Έ Preview

Preview


🎯 Objective

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.

✨ Features

  • 🧈 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

πŸ› οΈ Built With

  • HTML5
  • CSS3
  • Responsive Design Techniques
  • Flexbox & Grid

πŸ“‚ Project Structure

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


πŸš€ How to Run Locally

  1. 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!

About

πŸ₯› A responsive landing page for a dairy brand created as part of the OctaNet Internship. Highlights milk, paneer, ghee, and yogurt products with clean UI and modern HTML/CSS styling.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors