|
1 | | -# Portfolio Website |
| 1 | +# Сайт портфолио |
2 | 2 |
|
3 | 3 | Мой личный сайт-портфолио, демонстрирующий мои навыки, образование и проекты. |
| 4 | + |
4 | 5 |
|
5 | | -## 🌟 Особенности |
| 6 | +## Особенности |
6 | 7 |
|
7 | | -- Современный и отзывчивый дизайн |
| 8 | +- Современный дизайн |
8 | 9 | - Анимированные переходы и эффекты |
9 | | -- Интерактивный фон с частицами |
| 10 | +- Интерактивный фон с "нейронами" |
10 | 11 | - Адаптивная верстка для всех устройств |
11 | | -- Оптимизированная производительность |
12 | 12 |
|
13 | | -## 🛠 Технологии |
| 13 | +## Технологии |
14 | 14 |
|
15 | | -### Frontend |
| 15 | +- HTML |
| 16 | +- CSS |
| 17 | +- JavaScript |
16 | 18 |
|
17 | | -- HTML5 |
18 | | -- CSS3 (Flexbox, Grid, Animations) |
19 | | -- JavaScript (ES6+) |
20 | | -- Particles.js для интерактивного фона |
21 | | -- AOS (Animate On Scroll) для анимаций |
22 | | -- Font Awesome и Devicon для иконок |
23 | | - |
24 | | -### Особенности дизайна |
25 | | - |
26 | | -- Кастомные анимации и переходы |
27 | | -- Эффект глитча для заголовка |
28 | | -- Анимированная печать текста |
29 | | -- Интерактивные карточки навыков |
30 | | -- Адаптивный таймлайн для образования |
31 | | -- Современные карточки проектов |
32 | | - |
33 | | -## 📱 Адаптивность |
| 19 | +## Адаптивность |
34 | 20 |
|
35 | 21 | Сайт полностью адаптивен и корректно отображается на: |
36 | 22 |
|
37 | | -- Десктопах (1200px+) |
38 | | -- Планшетах (768px - 1199px) |
39 | | -- Мобильных устройствах (до 767px) |
40 | | - |
41 | | -## 🚀 Производительность |
42 | | - |
43 | | -- Оптимизированные изображения |
44 | | -- Минимальное количество внешних зависимостей |
45 | | -- Эффективные CSS анимации |
46 | | -- Отложенная загрузка контента |
| 23 | +- Десктопах |
| 24 | +- Планшетах |
| 25 | +- Мобильных устройствах |
47 | 26 |
|
48 | | -## 📂 Структура проекта |
| 27 | +## Структура проекта |
49 | 28 |
|
50 | 29 | ``` |
51 | 30 | portfolio/ |
52 | 31 | ├── index.html # Основной HTML файл |
53 | 32 | ├── styles.css # Стили |
54 | 33 | ├── script.js # JavaScript функционал |
55 | | -└── img/ # Изображения и иконки |
56 | | - ├── favicon.svg |
57 | | - └── favicon.png |
| 34 | +└── img/ # Изображения и фавикон |
58 | 35 | ``` |
59 | 36 |
|
60 | | -## 🔧 Установка и запуск |
| 37 | +## Установка и запуск |
61 | 38 |
|
62 | 39 | 1. Клонируйте репозиторий |
63 | 40 |
|
64 | 41 | ```bash |
65 | | -git clone https://github.com/yourusername/portfolio.git |
| 42 | +git clone https://github.com/Merrcurys/The-First-Site.git |
66 | 43 | ``` |
67 | 44 |
|
68 | 45 | 2. Откройте `index.html` в браузере |
0 commit comments