This is a comprehensive landing page project for a real estate development company. It features a modern, clean design with complex layouts, scroll-triggered animations, and a fully responsive interface.

🔗 View Live Demo on GitHub Pages

📋 Description

"Development" is a landing page for a national developer company with foreign investments. The project focuses on presenting a premium brand image, showcasing "Smart Home" technologies, European building standards, and current housing projects.

Technically, it demonstrates advanced use of SCSS (SASS), jQuery for DOM manipulation, and integration of external libraries for a polished user experience.

✨ Features

• Custom Responsive Navigation: A unique full-screen burger menu with a sleek animation.

• Dynamic Backgrounds: Uses a custom ibg function to convert <img> tags into background images for better SEO and easier CMS management.

• Animated UI: Integration with animate.css for entrance animations (FadeIn, SlideIn, etc.).

• Slick Slider Integration: An automated "Smart Home" features carousel with touch support and variable width.

• Responsive Layout Logic: Custom JavaScript media query listeners to move DOM elements (e.g., news content) at specific breakpoints for optimal mobile viewing.

• Modern CSS: Deep use of SCSS nesting, variables, and flexbox for complex grid layouts (like the News and Footer sections).

• Interactive Design: Hover effects, smooth transitions, and fixed decorative elements.

🛠 Tech Stack

• HTML5

• SCSS / SASS (Modular approach with @import)

• JavaScript & jQuery

• Libraries:

  • Slick Slider (for the innovation carousel)

  • Animate.css (for visual effects)

  • Normalize.css (standard reset)

🚀 How to Run

1. Clone the repository:

   Bash

   git clone https://github.com/igarok88/Development-site.git
   

2. Open index.html in your browser.

3. Optional: If you wish to edit styles, ensure you have a SASS compiler to process the .scss files into style.css.