Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🧑‍💻: Create Hero Section for ML4E Homepage #13

Open
2 tasks done
aayank13 opened this issue Oct 30, 2024 · 1 comment
Open
2 tasks done

🧑‍💻: Create Hero Section for ML4E Homepage #13

aayank13 opened this issue Oct 30, 2024 · 1 comment
Labels
design enhancement New feature or request good first issue Good for newcomers hacktoberfest

Comments

@aayank13
Copy link
Owner

Title

Create Hero Section for ML4E Homepage

Enhancement Aim

Design and implement a visually engaging hero section for the homepage of the ML4E website. The hero section should serve as an impactful introduction to the project, highlighting its purpose and inviting users to explore further.

Goals:

  • Make the hero section visually appealing and informative, providing a strong first impression of the ML4E platform.
  • Clearly convey the project’s mission and main features.
  • Include a call-to-action (CTA) to encourage users to engage with the project (e.g., "Get Started" or "Learn").

Note: If you want to get assigned for this issue, please provide the design first. You can use Dribbble, etc. for help.

Changes

Tasks:

  1. Design:
    • Create a bold and welcoming layout that aligns with ML4E’s visual style.
    • Include a background image or gradient that reflects machine learning themes.
  2. Content:
    • Title: A clear and concise title, such as “Machine Learning for Everyone.”
    • Subtitle/Tagline: Briefly explain ML4E’s purpose, e.g., “Making machine learning accessible to everyone, regardless of experience.”
    • CTA Button(s): A primary button for key actions, such as:
      • "Get Started" to guide users to registration or introduction.
      • "Learn More" to navigate to an about page or features section.
  3. Responsive Design:
    • Ensure the hero section is fully responsive for desktop, tablet, and mobile views.
  4. Styling:
    • Use engaging colors, typography, and visuals that match the overall website theme.
    • Ensure text is readable against the background.
  5. Test:
    • Confirm the hero section displays properly across different screen sizes and browsers.
    • Verify that CTA buttons link correctly to the appropriate pages.

Acceptance Criteria:

  • The hero section includes a title, subtitle, and at least one CTA button.
  • Design is visually appealing, engaging, and responsive across devices.
  • The hero section clearly communicates ML4E’s purpose and encourages users to explore the site.

Screenshots 📷

No response

Guidelines

  • I have read the guidelines
  • I have the link to my latest merged PR

Full Name

Aayan

Participant Role

Admin

@aayank13 aayank13 added enhancement New feature or request good first issue Good for newcomers design hacktoberfest labels Oct 30, 2024
Copy link

🙌 Thank you for bringing this issue to our attention! We appreciate your input and will investigate it as soon as possible.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design enhancement New feature or request good first issue Good for newcomers hacktoberfest
Projects
None yet
Development

No branches or pull requests

1 participant