mirror of
https://github.com/Nezumi-2711/html-css-practice-one.git
synced 2026-09-22 13:38:36 +00:00
66 lines
2.0 KiB
Markdown
Executable File
66 lines
2.0 KiB
Markdown
Executable File
# PROJECT
|
||
|
||
- This is a basic web application written by HTML5, CSS3.
|
||
|
||
## Overview
|
||
|
||
- Introduce:
|
||
- Build a website using HTML5, CSS3.
|
||
- Design: [link](<https://www.figma.com/file/yZoAxrvKsf3mke9VZLNIrw/Responsive-Startup-Website-(Community)>)
|
||
- Plan: [practice-one](https://docs.google.com/document/d/142yCLkrdfBK6uohQzY1Q9DheIuVU5K8H/edit)
|
||
- Deploy: [link](https://html-css-training-one.nezumi.site/)
|
||
|
||
## Requirements
|
||
|
||
- Work fine on Chrome browser latest version
|
||
- Use the right HTML tags
|
||
- Use validate tools: https://validator.w3.org/
|
||
|
||
## Target
|
||
|
||
- Understand HTML/CSS properties and use them correctly
|
||
- Slice from Figma to HTML/CSS
|
||
- Understand the concepts of Flex
|
||
|
||
## Technical
|
||
|
||
- [HTML5](https://www.tutorialspoint.com/html5/html5_overview.htm): CSS (Cascading Style Sheets) consist of a group of formatting rules that you use to control the layout and appearance of the content on a web page.
|
||
- [CSS3](https://www.htmlgoodies.com/html5/an-overview-of-css3/): Cascading Style Sheets (CSS) is a language used to illustrate a document’s look, style, and format in any markup language. In simple words, it is used to style and organize the layout of Web pages. CSS3 is the latest version of an earlier CSS version, CSS2.
|
||
|
||
## Information
|
||
|
||
- Timeline:
|
||
- Estimate: 3 days
|
||
- Actual: 4 days.
|
||
- Calendar:
|
||
- Start: 2023/06/28
|
||
- End: 2023/07/03
|
||
|
||
## Development Environment
|
||
|
||
- Node: v18.16.1
|
||
- Npm: v9.5.1
|
||
|
||
## Getting started
|
||
|
||
- Step 1: Clone repository.
|
||
- With HTTPS:
|
||
- `$ git clone https://github.com/phuocduong-agilityio/loi-phan-internship.git`.
|
||
- Step 2: Move to folder which just cloned in your computer.
|
||
- `cd ./internship-loi-phan`.
|
||
- Step 3: Move it to branch html-css-practice-one.
|
||
- `$ git checkout html-css-practice-one`.
|
||
- Step 4: Move to folder practice-01.
|
||
- `$ cd ./practice/practice-01`.
|
||
- Step 5:
|
||
- Open terminal > `npm i`.
|
||
- Step 6:
|
||
- Run `npm start`.
|
||
- Step 7:
|
||
- Open http://localhost:1234/ in browser.
|
||
|
||
## Author
|
||
|
||
- Loi Phan.
|
||
- Email: [phanhuuloi15@gmail.com](phanhuuloi15@gmail.com).
|