https://github.com/devrabiul/b12a02-responsive-flowers
https://github.com/devrabiul/b12a02-responsive-flowers
Last synced: 11 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/devrabiul/b12a02-responsive-flowers
- Owner: devrabiul
- Created: 2025-07-23T21:02:21.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-07-23T21:29:47.000Z (11 months ago)
- Last Synced: 2025-07-24T00:07:27.986Z (11 months ago)
- Language: CSS
- Size: 12.6 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
## 🌟 WELCOME TO ( সহজ সরল সিম্পল ) ASSIGNMENT-002 😎
### 📅 Deadline For 60 marks: 25th July, 2025 (11:59 pm ⏱️)
### 📅 Deadline For 50 marks: 26th July, 2025 (11:59 pm ⏱️)
### 📅 Deadline For 30 marks:\*\* Any time after 26th July.
---
## ✅ Main Requirements (50 Marks)
### 1. Navbar
- **Logo/Website name** on the left
- **Menu items** on the right with **cart icon**
- **Mobile Responsiveness:**
- Logo/website name on the left
- Cart icon with name on the right as Figma
- Other navbar elements will be hidden for cleaner mobile experience
---
### 2. Banner
- **Image** on the right
- **Title and paragraph** on the left
- **Mobile Responsiveness:**
- Image moves to the top
- Content after image
- Content left aligned as Figma
---
### 3. Plants Section
- centered **Title and subtitle** as Figma
- **8 cards with 4 Collumn View** with image, name, price, and Add to cart button
- **Mobile Responsiveness:**
- Display Cards in 2 Collumn
---
### 4. Plants Lover Section
- **Image** on the left
- **Title and unordered list** on the right as Figma
- **Mobile Responsiveness:**
- Image moves to the top
- Content after image
- Content left aligned as Figma
---
### 5. Join Section
- centered **Join the colorful Bunch** message
- **Background image** in the full section like Figma
- **Input box with placeholder** and **subscribe button** like Figma
- **Mobile Responsiveness:** Responsive design like Figma
---
### 6. Footer Section
- **Website logo** on the left
- **Home, features link items** just like Figma
- **Mobile Responsiveness:** Responsive design like Figma
---
## 🧪 Challenges Part ( 10 Mark)
### Latest Deal Section
- **Title and subtitles**
- **Card layout** like Figma
- **Mobile Responsiveness:** Show a card on display like Figma
---
### Trusted Plant Lover Badge
- Position a Trusted badge at the **Plant Lover** Image as Figma
- - **Mobile Responsiveness:** Hide the Trusted badge in Mobile Device
---
## 🕛 Optional Part ( 0 Marks)
`⚠️ You wont get any support for Optional part. Search Google and try it yourself`
- Create an Animation for Trusted Plant Lover Badge
- It will Spin infinite times
- Show an Alert with a message `"Flower Added to Cart"` when some one click on **Add to Cart** Button
## ⚙️ Technology Stack
- HTML
- CSS (Vanilla/ Talwind CSS only)
- ⚠️ **No libraries (e.g., DaisyUI, Flowbite) allowed.**
---
## 📌 Rules
- ✅ Minimum **5 meaningful commits** required.
- ❌ No Lorem Ipsum or dummy placeholder text. Use relevant content only.
---
## 🔗 What to Submit
- 📂 **GitHub Repository:**
- 🌐 **Live Link:**
---
# Let's Code and Achieve your Dream 🎯