Psychologist Tatyana Obrezkova. Landing Page 💡

Business card website for consulting psychologist Tatyana Obrezkova 👩‍⚕️. The site was created using the Gulp tool. 🥤

Description

The site presents sections for familiarizing clients with the psychologist's services: brief information, topics that can be addressed, information about the specialist's education, prices and conditions, frequently asked questions, and social media links. Clients can also submit a request for consultation.

The section texts are temporarily replaced with placeholder content.

Demo

Visit the website 👇

Technologies and Tools

Development features:

• Uses Gulp tool
• Tasks are split into two files - development mode tasks and final project build tasks
• Uses a special technique for calculating adaptive values (view code)
• Responsive layout adapts to any device
• All input elements (sliders, checkboxes, color picker) look the same across different browsers
• Error handling for user image uploads
• Hover animations on various elements
• Background decorative elements
• BEM methodology
• Pure JavaScript (code split into functions)
• Meta tags configured

Functionality Implementation

The following Gulp plugins were used:

• gulp-file-include plugin builds a single HTML document using templates and data from JSON files
• gulp-sass plugin converts SCSS to CSS code
• Image processing plugins minify, compress and convert images to .webp format for faster loading
• gulp-svg-sprite plugin combines all svg icons into one sprite for easier access
• Plugins for working with JS code
• Plugins for HTML, CSS and JS code minification
• And more than 15 other plugins (details in dev.js and docs.js)

Feedback

I would appreciate if you could give a star ⭐. If you found a bug or have suggestions for improvement, please use the Issues section.

Acknowledgments

Website design and layout by strawberry2892 🍓.

Read in Russian 🇷🇺