Personal hobby

[NguyenDucNguyenSectionE]

repository created and have been invited to the instructor

[NguyenDucNguyenSectionE]

Header created and styled, contain with a personal logo and the link to the contact and feedback website

[NguyenDucNguyenSectionE]

deciding to choose my favourite hobby is soccer

[NguyenDucNguyenSectionE]

Start creating the first section consist of an introduction to the sport and my name and an image related to the sport

[NguyenDucNguyenSectionE]

Start styling the first section with a white color because its one of the two main color of my favourite team

[NguyenDucNguyenSectionE]

Continue to style the text, put the text and image to a grid form and align them

[NguyenDucNguyenSectionE]

Then continue to section 2 with an idea of my favourite team

[NguyenDucNguyenSectionE]

decided it will be chelsea and proceed to write about it and get an image of chelsea

[NguyenDucNguyenSectionE]

style the text and the image, put both of them in grid style and align them

[NguyenDucNguyenSectionE]

Then continue to code down section 3

[NguyenDucNguyenSectionE]

The content i choose is 3 three players that i loved the most

[NguyenDucNguyenSectionE]

It hasn't been the end so i still keeping it with a white background color

[NguyenDucNguyenSectionE]

And design with grid style but adding a style code to keep the pictures at a decent placement and have a space between them

[NguyenDucNguyenSectionE]

Last, i proceed to code the section 4

[NguyenDucNguyenSectionE]

I decided that the content of this section will be the anthem and the highlights of the club

[NguyenDucNguyenSectionE]

I use Iframe and audio to get the youtube video and the mp3 file of the anthem

[NguyenDucNguyenSectionE]

Then styling them with grid layout and align them to be like section 1 and 2

[NguyenDucNguyenSectionE]

Then i proceeded to the contact page

[NguyenDucNguyenSectionE]

I decided to keep things simple with 2 addresses of my street and my school, then a mobile number and lastly my email address

[NguyenDucNguyenSectionE]

I code the addresses and email to be clickable

[NguyenDucNguyenSectionE]

Then style them with grid layout and border them so they can be in a box separately

[NguyenDucNguyenSectionE]

Then continue to the feedback site

[NguyenDucNguyenSectionE]

I create a text area and a select option for the audiences to either choose to express their emotions by their own words or use my emotion create for them

[NguyenDucNguyenSectionE]

Then i put them a flexbox layout and style it a bit

[NguyenDucNguyenSectionE]

Then i create a submit button for them

[NguyenDucNguyenSectionE]

After all, i create a simple clickable symbol to link to 3 websites