Split Layout to make code DRY

[niranjannitesh]

Please read and understand everything below
Do not delete any text other than where you are instructed.

Students: If one of them is applicable to you. Please check it.

Check by changing each [ ] to [x] Please take note of the whitespace as it matters.

• Included a Preview link and screenshot showning after and before the changes.
• Included a description of change below.
• Squashed the commits.

Changes done in this Pull Request

• If your change will be reflected on the website, please provide a Test-Link (Hint : gh-pages)
• Fixes Split Layout files #16
• Preview Link https://niteshkumarniranjan.github.io/gci18.fossasia.org/

Description / Changes

Splitted Header and Footer into separate files to make it DRY.

[fragm3]

@niteshkumarniranjan Footer is good, header section has some changed css properties like background color, logo, font. Fix header.

[niranjannitesh]

@fragm3 I have just removed a class thats why this is and about the logo I think this logo looks better in a single line rather than having two line logo.

[niranjannitesh]

@fragm3 I have been doing UI/UX designs for more than a year and I think that having a light background adds contrasts so that people see the Banner first not the header.

[fragm3]

@niteshkumarniranjan The drop menu is of grey, I think grey is still better as most of the webpage is white, so grey adds contrasts. Not sure about the icon @mariobehling, thoughts?

[fragm3]

@niteshkumarniranjan It's better to stick to one issue per PR, you can create a separate issue, if you want to make other changes(UI/UX).

[niranjannitesh]

@fragm3 Reverted back to gray menu.

[fragm3]

@niteshkumarniranjan one PR for one issue. Make it exactly same, you can create new enhancement issues for improvements. Helps us keep track of work you have done, quick code review.

[niranjannitesh]

@fragm3 I have reverted back to gray menu so there is only one issue being addressed.

[YashKumarVerma]

What exactly does DRY Mean ?

[saarthakchats]

Don't repeat yourself @YashKumarVerma

[saarthakchats]

Why is there a picture of a boy for the favicon?

[niranjannitesh]

@saarthakchats that favicon wiil not appear in the website. that favicon is there because of my portfolio being hosted in by github.

[saarthakchats]

Okay cool

[saarthakchats]

Resolve conflicts.. rest looks good

[YashKumarVerma]

Don't repeat yourself @YashKumarVerma

Couldn't get you

[saarthakchats]

@YashKumarVerma
DRY means Don't Repeat Yourself the main aim of which is to reduce repetition of code.

[saarthakchats]

Just squash your commits. LGTM

[niranjannitesh]

@saarthakchats I cann't if I will squash now conflict will be back.

[tabesin]

Why do you delete index html?

[niranjannitesh]

@tabesin I haven't deleted index.html

[liveHarshit]

Squash all three commits to Split Layout Files (#16). And rebase it with upstream for getting merged.

[realslimshanky]

@niteshkumarniranjan can you confirm this pr also closes #27 ?

[niranjannitesh]

@realslimshanky Nope! That's another issue.