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

Centered Navigation with Search Bar and Footer. #28

Open
ankitsinghbisht8 opened this issue May 14, 2024 · 6 comments
Open

Centered Navigation with Search Bar and Footer. #28

ankitsinghbisht8 opened this issue May 14, 2024 · 6 comments
Assignees

Comments

@ankitsinghbisht8
Copy link
Contributor

HTML Structure:

  1. Navigation Bar (nav):

    • Centered horizontally.
    • Contains navigation links such as Home, About, Services, Contact, etc.
  2. Search Bar and Button (div):

    • Centered horizontally.
    • Contains an input field for entering search queries.
    • Positioned adjacent to a search button for submitting the search query.
  3. Footer (footer):

    • Positioned at the bottom of the page.
    • Contains copyright information or any other relevant content.

CSS Styling:

  1. General Styles:

    • Sets the default font and removes any default margins from the body.
  2. Navigation Bar Styles:

    • Centers the navigation links horizontally.
    • Sets the background color, text color, and spacing for the navigation bar.
  3. Search Bar and Button Styles:

    • Centers the search container horizontally.
    • Styles the input field with padding, border, and border-radius.
    • Styles the search button with background color, padding, and border-radius.
    • Aligns the search button adjacent to the input field.
  4. Footer Styles:

    • Positions the footer at the bottom of the page.
    • Sets the background color, text color, and padding for the footer.
@ankitsinghbisht8
Copy link
Contributor Author

Everyone can provide input and choose which section they would like to work on, and then @RituKumari98 can assign tasks accordingly.

@ankitsinghbisht8
Copy link
Contributor Author

Hey there! I'd love to take on the task of creating and enhancing the navigation bar.

@Meetjain1
Copy link
Contributor

@RituKumari98 mam , I want to add the footer section(Task3) , Please assign this issue to me. Thankyou

I am working under gssoc24.

@Agrima11
Copy link

I want to the following task
CSS Styling:
General Styles:
Sets the default font and removes any default margins from the body.
@RituKumari98 assign this portion to me

@sakshiiiii26
Copy link
Contributor

I want to contribute on frontend part and I can create a whole page so please provide me figma file of the page. @RituKumari98 please assign this to me

@kingsman888
Copy link
Contributor

i have craeted @RituKumari98
look at it
opc

RituKumari98 added a commit that referenced this issue May 16, 2024
I have designed a responsive and user-friendly navigation bar. Issue #28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

6 participants