UI: Develop Homepage - Get In Touch section

[mtreacy002]

Description

As a maintainer,
I need to see BIT pages redesigned,
so that they meet the AnitaB Org guidelines.

Mocks

Approved design idea for Get in touch form section (Designer Rahul Mohata)

Acceptance Criteria

Update [Required]

• Implement the design above in the section it is intended (Get In Touch section of the homepage).

Definition of Done

• All of the required items are completed.
• Approval by 1 mentor.

Estimation

1 hour

Additional Information

Link to Figma file

[mtreacy002]

@Rahulm2310 , would you like to work on this issue? You can remove the OSH label if you'd like to work on it as you are the OSH mentor 😁. But this is afterall your design idea, so you have the right to claim it first 😉. If you are happy for other contributors to work on this, feel free to relabel it as Available and keep the 'Open Source Hack` label on.

[Rahulm2310]

@mtreacy002 I would be more than happy to give other contributors a chance 😊

[naveen8801]

hi @mtreacy002 @Rahulm2310 , I'd like to work on it , please assign it to me :-)

[Amulya-coder]

Yours @naveen8801 Happy coding 🎉

[Rahulm2310]

@naveen8801 Please complete the compulsary task #218 before working on anything else. Unassigning you for now. Please re-claim it once the compulsory task is done. 🙂

[battuAshita]

Hi @mtreacy002. I would like to work on this issue. Can it be assigned to me?

[Rahulm2310]

@battuAshita Thanks for showing interest. Please complete the compulsary task #218 before claiming any other issue. Thanks 😊

[battuAshita]

Yes. Will complete and get back:) Thank you

[shades-7]

can I work on this?

[Rahulm2310]

Yours @shades-7. Happy Coding 😊

[Amulya-coder]

@shades-7 you're already assigned to #203 please wait for the reviewers to review it moreover contributors will assign up to one issue atm when it's getting ready to merge then you can reclaim this issue again 😉.

[devkapilbansal]

@Amulya-coder AFAIK as long as PR is not marked as changes requested new issue can be assigned to the contributor.

Also, @shades-7 you can contribute by reviewing others PR too. Reviewing each other PRs will ease the work of maintainers and for sure will increase your expertise towards particular domain

[shades-7]

hello, where should i submit my prototype for this?

[Rahulm2310]

@shades-7 this issue is for implementing the UI and not designing. The designs are already approved. You need to develop this component and add it to the home page. 😊

[shades-7]

@shades-7 this issue is for implementing the UI and not designing. The designs are already approved. You need to develop this component and add it to the home page. 😊

Do I have to make it responsive too? If yes, what's the design for mob version?

[Rahulm2310]

@shades-7 Simply try stacking the heading and the form on one another like -
Get in Touch
Subtitle
Form

[Rahulm2310]

@mtreacy002 Title of the design issues sounds misleading (sounds more like design than development). Can you please update it to something more specific like UI: Develop Homepage - Get In Touch section ?

[shades-7]

should I make this section in the home component and can I get Figma link too?

[Rahulm2310]

@shades-7 Please create a seperate component for it and then add it to the homepage. Link to the figma file is available in the issue description.

[shades-7]

@Rahulm2310 can't find the font "meta pro" what to do?
for how many dimensions I have to write a media query?

[shades-7]

This is how it looks right now with the font

[mtreacy002]

@Rahulm2310 can't find the font "meta pro" what to do?

@shades-7 , the file to download the font Meta Pro was referred to in the zulip discussion here.