Skip to content

[FEAT] Improve Contact Us form UI #15

Open

Description

@Anish-Parkhi

The alignment of the text as well as the contact us form is not properly styled
I am a Hactoberfest 22 participant and I want to work on improving the styling of the website

Activity

  1. Akshu-on-github commented on Oct 8, 2022

    @Akshu-on-github
    Member

    Hey there @Anish-Parkhi - I'll need some more information about what you plan to change before I give this a go-ahead
    But yeah, this will count for Hacktoberfest if it works out ✨

  2. Anish-Parkhi commented on Oct 8, 2022

    @Anish-Parkhi
    Author
    1. Make the text center aligned
      image
      image

    2. Improve the style of the contact us form
      image

    3. Remove the text filed in the contact us section

    4. Add name of team members and display their name along with registration number, domain and other stuff
      image

  3. Akshu-on-github commented on Oct 8, 2022

    @Akshu-on-github
    Member

    The placeholder has been removed and the team details have been updated in PR #12 for the Our Team section
    Apart from that, I think the website alignment is a matter of preference, but please feel free to work on the Contract Us section
    I'll edit the Issue details accordingly

  4. changed the title [-][FEAT] Change the styling of the website[/-] [+][FEAT] Improve Contact Us form UI[/+] on Oct 8, 2022
  5. Anish-Parkhi commented on Oct 8, 2022

    @Anish-Parkhi
    Author

    Ok, I will work on the contact us section

  6. Akshu-on-github commented on Oct 8, 2022

    @Akshu-on-github
    Member

    Here are our basic requirements:

    • Must have the following fields:
      • Name
      • Email
      • Message
    • Must not exceed 100vh (i.e.) the height of the viewport
    • Must be responsive
    • Must not use a different font (style, size, colour)
  7. Akshu-on-github commented on Oct 8, 2022

    @Akshu-on-github
    Member

    Hey there!
    If you aren't working on this issue, do let me know, I'll assign someone else to work on it

  8. Anish-Parkhi commented on Oct 11, 2022

    @Anish-Parkhi
    Author

    Sorry for inconvenience
    I will not be able to work on this issue

  9. Akshu-on-github commented on Oct 11, 2022

    @Akshu-on-github
    Member

    No worries, thanks for raising this issue!

  10. KlausMikhaelson commented on Oct 12, 2022

    @KlausMikhaelson

    Hey @Akshu-on-github would love to work on this issue, can you assign it to me ?

  11. Akshu-on-github commented on Oct 12, 2022

    @Akshu-on-github
    Member

    Heya @KlausMikhaelson - I'll assign this issue to you, best of luck ✨

  12. KlausMikhaelson commented on Oct 13, 2022

    @KlausMikhaelson

    Hey @Akshu-on-github I have created a pr can you please review it ?

  13. Akshu-on-github commented on Oct 13, 2022

    @Akshu-on-github
    Member

    @KlausMikhaelson - could you please open a new PR with changes specific only to the Contact Us section? We aren't looking for UI changes other than that atm

  14. KlausMikhaelson commented on Oct 14, 2022

    @KlausMikhaelson

    Ooo okay the ss of those UI's were mentioned so I thought even they need some changes, can you just give some idea what changes you want to see on the contact page ? I am just adding a placeholder for now please let me know so that I can update it !

  15. Akshu-on-github commented on Oct 14, 2022

    @Akshu-on-github
    Member

    Here are a few possibilities:

    • Restyle the input fields
    • Add a "subject" drop-down that has the options Feedback, Queries, Collab Request and Other
    • Add an I agree to abide by the CoC checkbox

    These are just suggestions, feel free to implement what you feel best

  16. KlausMikhaelson commented on Oct 14, 2022

    @KlausMikhaelson

    Yup got it !

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions