HelloWebsite — это одностраничный сайт, созданный по макету, предоставленному в Figma.

helloWebsite/

├── index.html          # Основной HTML-файл страницы

├── css/                # Папка для CSS-стилей

    └── styles.css      # Основной файл стилей

    └── responsive.css  # (Опционально) Стили для адаптивности

├── js/                 # Папка для JavaScript-файлов

    └── scripts.js      # Основной файл скриптов

├── img/                # Папка для изображений

├── fonts/              # Папка для шрифтов

Адаптивность: cайт адаптирован под десктоп, планшет, мобильные устройства.

БЭМ-методология: для именования классов используется методология БЭМ.

Кроссбраузерность: верстка проверена в последних версиях Chrome, Safari, Firefox.

Без фреймворков: полная кастомизация без использования CSS-фреймворков.

1. Склонируйте репозиторий:

   git clone https://github.com/alice-bal/helloWebsite.git

2. Перейдите в папку проекта:

   cd helloWebsite

3. Откройте index.html в вашем любимом браузере.

1. Создайте новый репозиторий в Git.

2. Выполните команды:

git init                                                        # инициализация локальной репы
git remote add origin [email protected]:username/new-repo.git      # привязать удаленную репу
git remote -v                                                   # проверить
git checkout -b main                                            # переключиться на новую ветку
git add .                                                       # добавить новые файлы в коммит
git commit -m "v1"                                              # создать коммит
git push origin main                                            # отправить в репу

3. Дополнительно в случае ошибок:

git remote remove origin                                                # удалить удаленную репу
git remote set-url origin [email protected]:alice-bal/helloWebsite.git     # изменить удаленный URL

1. В терминале локально:

ssh-keygen -t ed25519 -C [email protected]  # генерация ключа (почта c аккаунта git)
ssh-add "C:/Users/Alisa/.ssh/id_ed25519"    # созраняем в нужную папку

2. Скопировать содержимое id_ed25519.pub и добавить в Git.

• Дизайн в Figma: ссылка на макет
• Дополнительные материалы:
  • Руководство по БЭМ
  • Документация по Flexbox
  • Ридмики
  • Чиним SSH на windows

Автор проекта: Алиса
Связаться со мной

Примечание: Этот проект был создан в рамках тестового задания и демонстрирует способности автора в области верстки.