🌟 WELCOME TO ( সহজ সরল সিম্পল ) ASSIGNMENT-001 😎

---

📅 Deadline For 60 marks: 9th January, 2026 (11:59 pm ⏱️)

📅 Deadline For 50 marks: 10th January, 2026 (11:59 pm ⏱️)

📅 Deadline For 30 marks: Any time after 10th January.

🔗 Resources

• Figma Design: [https://www.figma.com/design/oMYH7Ccj6UU8MKZwuGiAXB/KnowledgeVault---L1]

❓ Common Questions & Answers

Can I use different images?

• Yes, you may use any relevant images.

Can I change the alignment and design freely?

• No. You must follow the alignment and layout shown in the Figma design.

Can I change colors?

• Yes, as long as the colors are relevant and visually consistent.

Do I need to make the page pixel-perfect?

• No. You can use your own margin and padding while following the overall structure from Figma.

---

📌 Assignment Requirements

✅ Main Requirements (50 Marks)

🔹 Navbar Section

• A logo aligned to the left
• Menu items centered (as shown in Figma)
• A button aligned to the right

---

🔹 Banner Section

• A full-width background image
• Center-aligned heading and text (as per Figma)
• Two buttons below the text, aligned like the Figma design

---

🔹 Notes Section

• Section heading and subtitle at the top

• Four cards aligned in a single row

• Each card must include:

  • An icon
  • Icon background color similar to Figma
  • A title and subtitle

---

🔹 Second Brain Section

• An image on the left

• On the right side:

  • Section message
  • Title
  • Description

• A list of items below the description

---

🔹 Footer Section

• A logo on the left
• Social media links with icons on the right
• A horizontal divider
• Copyright message below the divider

---

🚀 CHALLENGES (10 Marks)

🔸 Early Access Section

• A centered title and subtitle

• Below the subtitle:

  • A simple message
  • A “Get Early Access” button with an icon

• Two ending messages below the button

---

🔸 Interaction & Code Quality

• Hover effects on all buttons
• Minimum 5 GitHub commits
• No Lorem Ipsum text anywhere on the website

---

🛠️ Tech Stack

• HTML5
• CSS3
• No JavaScript
• No CSS frameworks or libraries

---

✅ Submission Checklist

• Figma layout followed correctly
• Proper alignment and spacing
• Clean and readable HTML & CSS
• Live site deployed
• Public GitHub repository

---

📂 Submission Format

• GitHub Repository Link
• Live Website Link (GitHub Pages)

---