HTML/CSS Practice 2

OVERVIEW

• This document provides information about HTML/CSS

TECHNICAL

• HTML5/CSS3
• Figma design: https://www.figma.com/design/lxbLEojLMtr1MCWxu52VdI/50%2B-Landing-Page-design-free-(Community)-(Copy)?node-id=2101-1074&m=dev
• fontawesome
• Demo Website: https://ducaudi.github.io/traning-HTML-CSS/

TIMELINE

• 8 days (From 19/5 - To 26 /5 )

TIME SIZE

• 1 dev

EDITOR

• Visual studio code

TARGET

• Langding Page website

ESTIMATION

Day 1:

• Setup environment (Create a new branch, Readme).
• Setup environment (structure app, setup commitlint.config).
• Common styles button,etc.

Day 2:

• Create a Header
• Create section digital

Day 3::

• Create a section service
• Create a section organize

Day 4:

• Create a section solution
• Create a section designTeam

Day 5:

• Create a section rating
• Create a section FAQ

Day 6:

• Create a Footer

Day 7:

• Create responsive mobile : header and section digital, service, organize

Day 8:

• Create responsive mobile : section solution, designTeam, rating, FAQ and Footer

Checkout real app works following

• Download source from repository

• Run: cd Traning

• Run: npm install

• Run: npm install live-server --save-dev

• Run: npm run start

• Click here to view app on browser: http://127.0.0.1:8080/