First task

Reading → Coding → Deploy → Code-review

Reading

1. How to write a good git commit message (https://chris.beams.io/posts/git-commit/)
2. About GitHub flow (https://guides.github.com/introduction/flow/)
3. if you don’t know about git read this article (https://www.elegantthemes.com/blog/resources/git-and-github-a-beginners-guide-for-complete-newbies)

Coding

Basic part

1. Create static website for image gallery with HTML + CSS
2. You are allowed to use any JS or CSS frameworks
3. Website consists of header and body with equal sized square images
4. Screen resolution is 1980x1200, you can optionally try to make it responsive

Optimal part

1. Make 1px white border for hovered image (when cursor pointer is over the image)
2. When image is on hover, it reveals caption
3. Image on hover should be shadowed with 60%

Challenging part

1. After click, there should appear modal window with text
2. This window can have image preview to the left and description with title to the right

• It is recommended to do basic and optimal part with vanilla HTML+CSS
• For challenging part you can use any framework, you like (for example, fancybox3)

Deploy

1. Register on GitHub: http://github.com/
2. Create personal repository
3. Clone it, add your assignment #1 sources, commit, push
4. Make sure that your repository is available on the GitHub
5. optional Create GitHub page with your sources

Code-review

1. Communicate in Telegram chat
2. Help others to complete the assignment