https://github.com/victoriayotka/goit-markup-hw-08
Two-pages landing website with a responsible (mobile) and adaptive (3 breakpoints) layout, modal window, animated transitions, grids.
https://github.com/victoriayotka/goit-markup-hw-08
adaptive-layouts css grid html modal-windows mpa multi-page-application responsive-layout sass translation
Last synced: 7 months ago
JSON representation
Two-pages landing website with a responsible (mobile) and adaptive (3 breakpoints) layout, modal window, animated transitions, grids.
- Host: GitHub
- URL: https://github.com/victoriayotka/goit-markup-hw-08
- Owner: VictoriaYotka
- Created: 2022-12-02T11:06:07.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-07-04T14:43:33.000Z (over 2 years ago)
- Last Synced: 2025-02-09T23:12:26.793Z (8 months ago)
- Topics: adaptive-layouts, css, grid, html, modal-windows, mpa, multi-page-application, responsive-layout, sass, translation
- Language: HTML
- Homepage: https://victoriayotka.github.io/goit-markup-hw-08/
- Size: 3.97 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# WebStudio
WebStudio is two-pages landing website with a responsible (mobile) and adaptive (3 breakpoints)
layout, modal window, animated transitions, grids.
### Link
Watch on [live page](https://victoriayotka.github.io/goit-markup-hw-08/) generated with github-pages
environment. Link is also available in this repo's about section (at the top).
### [About](#about)
WebStudio is my first personal project, what means the very beginning of learning HTML, CSS and
using SASS, first experience of using Git and GitHub, introduction to working with VSCode. WebStudio
is completely based on Figma model and it is an example of exact original look reproduction.
You can see that this repository is cloned and if you go through template links, you'll see a long
chain of 8 repositories which show my growth from the very beginning.
### [Technologies](#technologies)
- HTML;
- CSS;
- SASS;
- Figma;
- Git;
- GitHub;
- Visual Studio Code;
### [Setup](#setup)
- download or clone the repository;
- use Live Server extention for Visual Studio Code.
### [License](#lisence)
[MIT](https://choosealicense.com/licenses/mit/)