Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚀 Simple. Веб-сайт про бумажное производство.

Note

Статус: Проект завершен.


📝 Описание проекта

Это мой учебный проект по верстке простого лендинга по макету из Figma. Разработан для отработки навыков использования библиотеки Bootstrap.

Цель работы: Создать Pixel-Perfect макет, который корректно отображается на всех устройствах от 320px до 1920px и проходит проверку валидатором W3C без ошибок.


🖥️ Демо

Сайт: Simple Макет (исходник): Ссылка на макет Figma

Скриншоты

Десктоп версия Мобильная версия
Скриншот десктопа Скриншот мобилки

Проиводительность

Отчёт о производительности


🛠 Технологический стек

В проекте использованы следующие технологии и подходы:

  • HTML5

  • CSS3

  • Методология: БЭМ (Nested) — для структурирования классов.

  • Графика: SVG-спрайты, WebP (оптимизированные изображения).


📂 Структура проекта

├── index.html                # Главная страница
├── css/
│   ├── style.css             # Основные стили
│   └── media.css             # Адаптив (медиазапросы)
│   └── bootstrap.min.css     #Библиотека Bootstrap
├── fonts                     # Папка со шрифтами
├── js/
│   └── script.js             # Небольшие интерактивы (бургер-меню, слайдер)
├── images                    # Контентные изображения (JPG/PNG/WebP)
├── icons/                    # Иконки (SVG)
├── sprite.svg                # Спрайты
│                
└── README.md                 # Этот файл

About

Simple

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages