My Web Projects

Project 1 preview

Individual Project (single-page) «WebStudio»

  • Technologies: HTML5, CSS3, minimal JavaScript.

  • Features: responsive design (Flexbox & Grid), adaptive images for retina screens, clean semantic markup.

  • Backend: none (static site).

  • Other: built as a single-page portfolio layout, smooth navigation, mobile-first approach.

Figma Live Code
Project 2 preview

Individual Project (multi-page) «Product»

  • Technologies: HTML5, CSS3, minimal JavaScript.

  • Features: multi-page structure, responsive layout using Flexbox, interactive mobile menu, retina-ready images.

  • Backend: none (static site).

  • Other:structured navigation across multiple sections, consistent UI design.

Figma Live Code
Project 4 preview

Team Project «EcoTote»

  • Technologies: HTML5, CSS3, minimal JavaScript.

  • Features: responsive design (Flexbox & Grid), modal windows, animated elements, optimized for retina displays.

  • Backend: none (static site).

  • Other: teamwork project, version control via GitHub, collaborative coding and design.

Figma Live Code
Project 4 preview

Team Project «Booksy»

  • Technologies: HTML5, CSS3, JavaScript.

  • Features: responsive layout, interactive UI, modal windows, dynamic content rendering, smooth scrolling, and form validation.

  • Backend: Node.js with REST API integration for data handling and asynchronous requests.

  • Other: teamwork project using GitHub for version control, collaborative development, and deployment on GitHub Pages.

Figma Live Code