HTML, CSS & JavaScript 6 min read

Chal Photo Bhej 📸

Create a fun interactive webpage that asks "Chal chikni photo bhej" with Yes/No buttons. The project flows through multiple screens with cute GIFs and playful messages — perfect for sending to friends or learning multi-screen interactions!

This "Chal Photo Bhej" project is a playful multi-screen interactive page. It starts with "Chal chikni photo bhej" and an image, with Yes/No buttons. Clicking "No" takes you through a funny flow ("Please cutie" → "Thike yaar" → "Bhej rhi ho?" → "Thanks ji" → final GIF).

The project uses plain HTML with inline CSS and JavaScript. It features a gradient background, smooth animations, and responsive design. All code is in a single index.html file.

📦 Get the Complete Project

Scroll down to get the complete HTML code. All CSS and JavaScript are included in a single file.

⬇️ Full code below

📄 Complete HTML Code

Copy this entire file into index.html. It includes HTML, CSS (in <style>), and JavaScript (in <script>).

index.html
Loading code...

📁 Project Assets

Keep the assets in the same folder structure so all images load correctly:

pages/
├── assets/
│   └── chal photo bhej/
│       ├── index.html
│       ├── 1st.png      ← First screen image
│       ├── 2nd.gif
│       ├── 3rd.gif
│       ├── 4th.gif
│       └── 5th.gif
  • Replace 1st.png with your own photo
  • Replace the GIFs (2nd.gif to 5th.gif) with your own cute animations
  • Edit the messages ("Chal chikni photo bhej", "Please cutie", etc.) in the HTML

📦 Get Project on GitHub

Download the project source from our GitHub profile.

⬇️ View GitHub

Key Features

  • 📸 Fun "Chal chikni photo bhej" interactive flow
  • 🖼️ Multi-screen navigation with smooth animations
  • 🎨 Gradient background with geometric pattern
  • ✨ Yes/No buttons with different flows
  • 🖼️ Custom image and GIF support
  • 📱 Fully responsive, mobile-friendly

Customization Tips

  • Messages: Change "Chal chikni photo bhej", "Please cutie", "Bhej rhi ho?", etc. in the HTML
  • Image: Replace 1st.png with your own photo
  • GIFs: Swap 2nd.gif to 5th.gif with your preferred GIFs
  • Colors: Edit CSS variables (--pink, --pink-dark, --cream) for a new theme

📢 Thanks for your support

English: We keep our projects free thanks to supporters like you. View the content below if you'd like, then press OK to continue to the download.

हिंदी: आप जैसे सपोर्टर्स की वजह से हम ये प्रोजेक्ट मुफ्त रख पाते हैं। नीचे का कंटेंट देख सकते हैं, फिर डाउनलोड के लिए OK दबाएं।