https://github.com/dominikdanielewicz/goit-markup-hw-04

HTML & CSS module - Website project #4
https://github.com/dominikdanielewicz/goit-markup-hw-04

css3 figma html5

Last synced: about 1 month ago
JSON representation

HTML & CSS module - Website project #4

• Host: GitHub
• URL: https://github.com/dominikdanielewicz/goit-markup-hw-04
• Owner: DominikDanielewicz
• Created: 2022-08-30T14:58:52.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-04-25T17:29:33.000Z (almost 2 years ago)
• Last Synced: 2024-11-09T20:52:41.647Z (3 months ago)
• Topics: css3, figma, html5
• Language: HTML
• Homepage: https://dominikdanielewicz.github.io/goit-markup-hw-04/
• Size: 230 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# HTML & CSS module - Website project #4

## A series of eight projects aimed at in-depth knowledge of HTML and CSS. Ultimately, a website based on a Figma graphic design will be created.

### Demo Link

https://dominikdanielewicz.github.io/goit-markup-hw-04/

### Description

Task completed during the GoIT Fullstack Developer course. In this project I'm creating basic HTML markup, page layout, with basic CSS styling. Flexbox applied.

- Markup, icon styling and decorative effects added

- To generate an SVG sprite, used Icomoon - https://icomoon.io/

- To optimize the generated SVG sprite, used svgomg - https://jakearchibald.github.io/svgomg/

- Styles for geometry (width, margins, paddings and borders) and content positioning with Flexbox for page layout based on Figma

- Markup validated with dedicated online service - https://validator.w3.org/

- In the root of the project, there is a folder called images, which contains images

- There are no capital letters, spaces and transliteration in the file names, only English letters and words

- All images and text content are taken from the Figma design.

- All raster images are optimized using squoosh - https://squoosh.app/

- Source code is formatted with Prettier

- The code is in line with the guide - https://codeguide.co/

### Technologies

- HTML 

- CSS 

- Figma