Website Layout Project for Consulting Services for Large Businesses

https://oksana2211.github.io/Project/

Single-page website created based on the designed layout: https://www.figma.com/file/HjG1BAfAAaeDaaX3Kvpw2F/%D0%9C%D0%B0%D0%BA%D0%B5%D1%82-%D0%B4%D0%BB%D1%8F-%D0%90%D0%BD%D0%B0%D1%81%D1%82%D0%B0%D1%81%D0%B8%D0%B8-(FINAL)?node-id=0%3A1&t=eKznSepsQMruIlMh-0.

Project Team

1. Oksana Taysumova (https://github.com/Oksana2211)
2. Anastasia Clifford (https://github.com/nastyaclifford)
3. Anastasia Iskenderova (https://github.com/ianastasiya)
4. Ksenia Kochineva (https://github.com/Kseniva)
5. Maryna Ovcharenko (https://github.com/Mmaryna68)
6. Aida Rakhimova (https://github.com/Aida1005)
7. Ekaterina Grigas (https://github.com/grigaskate)
8. Olesya Mikhaylova (https://github.com/Olesya6666)
9. Elena Mironova (https://github.com/MironovaElena)
10. Irina Abramova (https://github.com/Lira11io)
11. Aygül Tashmatova (https://github.com/Aygul2022)
12. Evgenia Maltseva (https://github.com/EvgeniaMaltseva)
13. Yulia Starikova ( https://github.com/CodeMeYulia)

Functionality and Site Description

The project was created by the team on the request of the client as part of practical work in the IT Girls school. The layout used for the development was also designed by the project team.

Project goals included:

Creating a single-page portfolio website for a consulting business, offering services such as business plans, financial models, and business processes. The target audience was large companies with an annual turnover of over 450 million rubles (not individuals or sole proprietors). The approximate website structure was planned to be: Introduction About the Owner Mission Services Provided Collaboration Process Industry Experience Uniqueness Contact Information The client provided desired color schemes and a rough layout structure, according to which the team developed the layout and subsequently implemented the website layout in line with the design from the layout. The website should be responsive and look good on desktop, tablet, and mobile screens. User interaction is implemented through a contact form.

Technologies and Libraries

Bootstrap 5 HTML5 (grid, flex) SASS, CSS GitHub

Installation Instructions

To clone the project to your computer, execute the command: git clone https://github.com/Mmaryna68/Project

Header (_header.scss) Introduction and About Me (_introduce.scss) Mission (_mission-block.scss) Services Description (_cards.scss, _main-services.scss) Collaboration Steps (_divcontainer.scss) Industry Experience (_main-industries.scss) Why Me (_main-advantages.scss) Footer (_footer.scss) Styles for standard text styles on the page are in _root.scss. Text styles that differ from the standard and are applied to different screen sizes are in _mixin.scss. Variables for various page colors are in _variables.scss. Normalize is in _normalize.scss. While working with the code, add the lines app.css and app.css.map to the .gitignore file. Also, ensure that only one version of app.css is present during work.

Thanks to the project team!