logo logo Bright Future
Mentorships Competitions
Back to competitions
    Back to competitions

    Competition: Pixel Perfect Showdown: Edition 01

    HTML
    CSS
    Tailwind CSS (Optional)
    Bootstrap (Optional)
    ENDED

    Theme: Design a Landing Page for the Faculty of Computers and Information - Minia University

    Your task is to design and build a clean, responsive landing page that introduces the Faculty of Computers and Information - Minia University in a professional and engaging way.

    Update:
    Feel free to use the following assets for your landing page: Assets Link

    πŸ”§ Requirements

    Your landing page must include the following sections:

    1. Header
      • Faculty name
      • Navigation bar (non-functional is fine)
    2. Hero Section
      • Introductory message or slogan
      • Call-to-action (e.g., "Explore Programs")
    3. About the Faculty
      • Short paragraph describing the faculty (can be fictional or based on reality)
    4. Programs Offered
      • Showcase 3–4 academic programs or departments
    5. Contact Section
      • Email and phone placeholders in a styled block
    6. Footer
      • Faculty name, placeholder links or icons (e.g., social media)

    πŸ“œ Rules

    • You must use only HTML and CSS
    • You may use Tailwind CSS or Bootstrap 5
    • JavaScript and frontend frameworks (e.g., React, Vue) are not allowed
    • Component libraries (e.g., Flowbite, DaisyUI, Bootstrap components, etc.) are strictly not allowed
    • The page must be responsive and adapt well across devices, meaning it should work properly and look good on both mobile and desktop screens
    • Your code must be properly formatted using tools like Prettier
    • Use semantic HTML, clean CSS, and organize your files properly
    • You must write your own code:
      • Don’t copy code from others or use AI tools to generate your project
      • Submissions suspected to be AI-generated or copied will be rejected
    • You must submit both:
      • A GitHub repository with clean, structured code
      • A live deployment (on GitHub Pages, Netlify, or Vercel)

    πŸ† Evaluation Criteria

    Your project will be reviewed and scored by Teaching Assistants based on:

    CriteriaWeight
    Visual Design & Appeal30%
    Layout & Responsiveness25%
    Code Quality & Structure25%
    Creativity & Originality20%

    Each participant will receive feedback. Top scorers will receive official certificates from the Faculty of Computers and Information - Minia University and will be recognized publicly by the college and the Bright Future team.

    Good luck, and let your frontend skills shine! ✨

    Start Date:
    2025/05/17 5:30 PM
    End Date:
    2025/05/19 1:30 AM
    Status:
    ENDED

    Top 5 Leaderboard

    Ayman Soliman
    Ayman Soliman

    94

    5/18/2025, 8:12:12 PM

    Abdallah Amr
    Abdallah Amr

    92

    5/18/2025, 8:15:17 PM

    Mohamed Hany
    Mohamed Hany

    87

    5/18/2025, 3:33:51 PM

    Eman Younes
    Eman Younes

    84.3

    5/18/2025, 8:45:32 PM

    Merna Hamada
    Merna Hamada

    83

    5/18/2025, 6:20:54 PM

    Pixel Perfect Showdown: Edition 01 Winners

    Ayman Soliman
    Wings
    94
    #1 Ayman Soliman
    Abdallah Amr
    92

    #2 Abdallah Amr

    Mohamed Hany
    87

    #3 Mohamed Hany