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

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

css3 figma html5

Last synced: about 1 month ago
JSON representation

HTML & CSS module - Website project #5

• Host: GitHub
• URL: https://github.com/dominikdanielewicz/goit-markup-hw-05
• Owner: DominikDanielewicz
• Created: 2022-09-07T12:42:14.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-04-25T17:45:57.000Z (almost 2 years ago)
• Last Synced: 2024-11-09T20:52:41.638Z (3 months ago)
• Topics: css3, figma, html5
• Language: HTML
• Homepage: https://dominikdanielewicz.github.io/goit-markup-hw-05/
• Size: 231 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 #5

## 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-05/

### 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. Modal created

- Added animated decorative effects

- 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