{"id":27165990,"url":"https://github.com/viktorsvertoka/test-hw3","last_synced_at":"2026-04-16T01:33:02.422Z","repository":{"id":65252059,"uuid":"584887752","full_name":"ViktorSvertoka/test-hw3","owner":"ViktorSvertoka","description":"Test task 📝","archived":false,"fork":false,"pushed_at":"2023-01-03T19:32:24.000Z","size":117,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-25T13:41:29.313Z","etag":null,"topics":["css","frontend","html","sass","test-tasks"],"latest_commit_sha":null,"homepage":"https://viktorsvertoka.github.io/test-hw3/","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ViktorSvertoka.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2023-01-03T19:19:54.000Z","updated_at":"2024-09-23T12:42:35.000Z","dependencies_parsed_at":"2023-01-15T22:45:38.106Z","dependency_job_id":null,"html_url":"https://github.com/ViktorSvertoka/test-hw3","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ViktorSvertoka/test-hw3","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ViktorSvertoka%2Ftest-hw3","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ViktorSvertoka%2Ftest-hw3/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ViktorSvertoka%2Ftest-hw3/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ViktorSvertoka%2Ftest-hw3/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ViktorSvertoka","download_url":"https://codeload.github.com/ViktorSvertoka/test-hw3/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ViktorSvertoka%2Ftest-hw3/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31867710,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-15T15:24:51.572Z","status":"ssl_error","status_checked_at":"2026-04-15T15:24:39.138Z","response_time":63,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","frontend","html","sass","test-tasks"],"created_at":"2025-04-09T03:37:25.031Z","updated_at":"2026-04-16T01:33:02.393Z","avatar_url":"https://github.com/ViktorSvertoka.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Тестовое задание на позицию Верстальщик\n\n## Задание\n\nСсылка на макеты в Figma: https://www.figma.com/file/fMyOAiBkWJ4LtAacwdmIyB/testTask?node-id=0%3A1\nЧтобы просматривать CSS стили блоков и работать с макетом - залогиньтесь.\n\nЧто нужно сделать:\n\n1. Сверстать страницу по макету в Figma. Верстка должна быть кроссбраузерной и валидной, страница должна корректно отображаться во всех браузерах последней версии. (IE11 тоже).\n2. Выполнить адаптив, страница должна хорошо смотреться на всех основных разрешениях.\n3. Реализовать и сверстать модальные окна, без использования сторонних библиотек. Форма в модальном окне не должна быть доступна к отправке, если обязательные поля пустые и не нажат чекбокс. В инпутах для данных карты возможно вводить только числа, ограниченное количество соответственно.\n4. По нажатию на блок с видео, картинка и кнопка должны пропадать и на этом месте должен запускаться плеер YouTube [скриншот](https://github.com/fugr-ru/frontend-html-3/blob/master/Screenshot%202019-09-03%20at%2017.21.30.png)\n5. Реализовать блоки “показать еще”, “показать все фото”. По нажатию на кнопке, контент должен раскрываться.\n   Также реализуйте отображение реального количества отзывов на странице, рядом с кнопкой “Показать все”.\n6. Вставить Яндекс Карту в блок с картой, с установленной меткой. По нажатию на метку открывается простенький балун с текстом.\n7. Там где на мобильном макете появляется слайдер, его можно реализовать по желанию, но скролл фотографий должен быть.\n\nТребования:\n\nHTML:\nИспользуйте шаблонизатор HTML кода pug (очень желательно). Можете так же использовать Bootstrap или просто сетки.\n\nCSS:\nИспользование Pre/Post процессоров (SCSS/SASS, Stylus, LESS, PostCSS). Мы работаем со Stylus. Используйте методологию БЭМ.\nJS:\nЖелательно использовать современный синтаксис языка JS, предпочтительней jQuery.\nСборка:\nДля сборки проекта используйте любой известный Вам сборщик проектов (WebPack и т.д).\n\nЗаданию уделите от 5 до 25 рабочих часов, что успеете высылайте на почту. Срок 5 дней\n\nДополнительно напишите нам, как вы тестировали результат своей работы. Какие используете инструменты и как вы осуществляете тестирование.\n\n---\n\nПодготовка к реализации проекта\n\n---\n\n1. подключить Fonts\n\n---\n\n2. подключить Normalize\n\n---\n\n3. подключить CSS\n\n---\n\n4. подключить SASS\n\n---\n\n5. используем методологию BEM\n\n---\n\n6. картинки все сжать через https://squoosh.app/ или https://tinypng.com/\n\n---\n\n7. иконки все сжать через https://jakearchibald.github.io/svgomg/ после сжатия\n   забросить все в спрайт через https://icomoon.io/\n\n---\n\n8. закинуть в проект файлик - .gitignore\n\n---\n\n9. закинуть в проект файлик - .prettierrc.json\n\n---\n\n10. макет -\n    https://www.figma.com/file/jjKQXpWj3fdAHDUGhd4lFA/Britlex-Language-School-(Copy)?node-id=580%3A2\u0026t=VQ3kgxlTI4S8v1bQ-1\n\n---\n\n11. на все внешние ссылки - rel=\"noopener noreferrer nofollow\"\n\n---\n\n12. фонтс - Free Fonts: https://nomail.com.ua/ , https://fontsfree.net/\n    Google Fonts: https://fonts.google.com/\n\nFonts converter: http://www.font2web.com/\n\nподключение в CSS или SCSS\n\n@font-face { font-family: 'Proxima Nova'; src:\nurl('../fonts/FontsFree-Net-Proxima-Nova-Bold.eot'); src: local('в�є'),\nurl('../fonts/Proxima-Nova-Bold.woff') format('woff'),\nurl('../fonts/Proxima-Nova-Bold.ttf') format('truetype'),\nurl('../fonts/Proxima-Nova-Bold.svg') format('svg'); font-weight: 700;\nfont-style: normal; }\n\nfont-weight:\n\n1. 100 - Thin\n2. 200 - UltraLite\n3. 300 - Lite\n4. 400 - Normal\n5. 500 - Medium\n6. 600 - Semibold\n7. 700 - Bold\n8. 800 - Heavy\n9. 900 - Black Footer\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fviktorsvertoka%2Ftest-hw3","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fviktorsvertoka%2Ftest-hw3","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fviktorsvertoka%2Ftest-hw3/lists"}