This is a personal project developed as part of the HTML & CSS Fundamentals course. It is a responsive landing page for a digital agency called Web Studio, built from a Figma design. The project focuses on practicing semantic HTML, modern CSS (Flexbox, Grid), responsive design, and simple JavaScript for modal window interactions.
- HTML5 (semantic markup)
- CSS3 (Flexbox & Grid layout, responsive design)
- JavaScript (modal window for mobile version interaction)
- Responsive navigation menu (burger menu on mobile)
- Services and Portfolio sections
- Team and Clients sections
- Contact form with modal window powered by JavaScript
- Mobile-friendly adaptive design
git clone https://github.com/Yaroslav13-13/goit-markup-hw-06.git
cd goit-markup-hw-06- Semantic HTML structure
- Advanced CSS positioning and layout techniques
- Responsive design (Mobile First approach)
- File organization for scalable projects
- Modal windows and basic JavaScript interactions
- Pixel-perfect markup from Figma
- Flexbox & CSS Grid layouts
- Responsive adaptive design
- CSS transitions & hover effects
- JavaScript for UI interactions (modal window)
- Building multi-section landing pages
"Responsive landing page for Web Studio agency. Built from Figma design using semantic HTML, modern CSS layout techniques, and JavaScript for modal interactions."
html css responsive-design landing-page flexbox grid figma modal javascript