Skip to content

shommoKhastagir6224/Shommo_Assignment_1_Pro_Hero

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🌟 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

❓ 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

Navbar Section

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

🔹 Banner Section

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

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

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

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

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)

About

A beginner‑friendly HTML & CSS project organized by Programming Hero. Built as part of learning responsive design, layout structuring, and modern web development practices.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors