HTML_CSS_LandingPageBasicc

#Challenge: Responsive Landing Page Your task is to convert a Figma design into a fully responsive landing page using only HTML5 and plain CSS. The design includes common landing page sections like: header, hero section, features, testimonials, and footer.

##Technologies Used Use semantic HTML5 structure (

, ,

, , etc.) Use plain CSS for all styling (no SCSS, no preprocessors) Follow BEM (Block Element Modifier) naming convention strictly for all CSS class names The layout must be fully responsive across desktop, tablet, and mobile Use Flexbox and/or CSS Grid for building layout Do NOT use any CSS frameworks (no Bootstrap, Tailwind, etc.) No JavaScript required

###Goal of the Challenge: Practice converting Figma UI design into clean HTML/CSS Build responsive layouts using Flexbox and/or Grid Reinforce naming and structure using the BEM methodology Improve attention to visual details (aim for pixel-perfect design) Strengthen skills in writing organized, scalable plain CSS

####Link design refer https://www.figma.com/design/KIX09wAQ06aK2Ri1vUi9jY/eCommerce-Website-%7C-Web-Page-Design-%7C-UI-KIT-%7C-Interior-Landing-Page--Community-?node-id=63-107&t=GOVMses4lUUFW5r8-4

#####Suggested structure landing-page/ ├── index.html ├── styles/ │ └── style.css └── assets/ └── images/