Create Home Page of Codeheat website

## HOME PAGE

### Iteration 01

Summary of tasks:

- **Site title used:** Codeheat: Coding contest of FOSSASIA | Asia's Open Technology
- **Logo used:** [codeheat](https://github.com/fossasia/codeheat.org/blob/gh-pages/img/logo-dark.png)
- **Site icon used:** [codeheat](https://github.com/fossasia/codeheat.org/blob/gh-pages/code-logo.ico)
- **Global**
- Base Font:
- Body font: Roboto; 13px (for headings and body)
- Heading Font:
- H2 Font: 28px / inherit
- H4 Font: 20px / inherit
- Reference Astra doc: [Guideline 01](https://wpastra.com/docs/typography-free/?utm_source=free-theme&utm_medium=customizer&utm_campaign=helpful_information)

- **Header**
- Transparent Header; Logo width: 100px

- **Colors used:**
- Headings: #333333 (Dark Grey)
- Body text: #777777 (Light Grey)
- Links: #dcbe00 (Light Yellow)
- Link (hover): #b39b00 (Dark Yellow)
- **Content box width:** 1200px
- **Hero Section:**
- Image; bottom margin: 15px
- Image caption; font size: 16px
- Line height of description: 1.5px
- Call to Action
- Heading; font size: 40px
- Bottom margin: 20px
- Description: 35px
- **Timeline Section:**
- Spacing
- Timeline item gap: 30px
- Timeline item
- Heading font size: 16px
- Description font size: 12px
- Date
- Font size: 14px

SUCCESSFUL INSTALLATION OF AN EVENT TEMPLATE

ADDED THE HEADERS WITH COMPANY FONTS AND COLORS

ADDED THE SPONSORS SECTION

ADDED THE FOOTER

### Limitations:

- Astra free verson **doesn't have Stick Headers**