Coder Social home page Coder Social logo

victoriayotka / goit-markup-hw-08 Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 4.07 MB

Two-pages landing website with a responsible (mobile) and adaptive (3 breakpoints) layout, modal window, animated transitions, grids.

Home Page: https://victoriayotka.github.io/goit-markup-hw-08/

CSS 27.43% HTML 49.02% JavaScript 1.28% SCSS 22.26%
adaptive-layouts css grid html modal-windows mpa multi-page-application responsive-layout sass translation

goit-markup-hw-08's Introduction

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 generated with github-pages environment. Link is also available in this repo's about section (at the top).

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.

  • HTML;
  • CSS;
  • SASS;
  • Figma;
  • Git;
  • GitHub;
  • Visual Studio Code;
  • download or clone the repository;
  • use Live Server extention for Visual Studio Code.

MIT

goit-markup-hw-08's People

Contributors

victoriayotka avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.