Dark Spirit Architecture

This web page was developed as part of the Web Development course taken during the first term of this program, using only HTML, CSS, and JavaScript. The project aims to demonstrate responsive design, advanced CSS features, and SEO practices.
The design is fully responsive, ensuring compatibility across various screen sizes including desktop, tablet, and mobile devices. To enhance user experience and visual aesthetics, a range of advanced CSS techniques were applied, including tooltips, box and text shadows, border-radius, overlays, hover effects, gradient backgrounds, RGBA color definitions, opacity adjustments, and background images. To improve the website’s SEO performance, a series of technical, content-based, and structural optimizations were implemented. These include the use of meta tags, image and link optimization, semantic page structure, performance enhancements for faster loading, and search engine-friendly data markup — all contributing to increased visibility and a better user experience.