https://github.com/chen-abudi/web_project_3

From Homeland to Homeland : An responsive layout page
https://github.com/chen-abudi/web_project_3

bem-methodology css3 figma html5 responsive-design

Last synced: about 1 month ago
JSON representation

From Homeland to Homeland : An responsive layout page

• Host: GitHub
• URL: https://github.com/chen-abudi/web_project_3
• Owner: Chen-Abudi
• Created: 2022-03-02T18:01:50.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-03-20T16:48:05.000Z (almost 3 years ago)
• Last Synced: 2024-11-08T04:32:59.453Z (3 months ago)
• Topics: bem-methodology, css3, figma, html5, responsive-design
• Language: CSS
• Homepage:
• Size: 2.36 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Project 3: From Homeland to Homeland

## Overview

- Intro

- Languages and Technologies been used plus Figma

- Possible Improvements

- Deployed Project

**Intro**

This is the third project at Practicum by Yandex.

It's an responsive landing page that showcases the hometowns of some of Practicum's employees and students.

All the elements are designed to be displayed correctly on the popular screen sizes (1280px, 768px, 320px).

## Languages and Technologies

- HTML5

- CSS3

- Responsive layout

- Flexbox, Grids and Media Queries

- BEM File Structure

- Pseudo classes and Elements

- Animations

- Working from a Figma Brief

**Figma**

- [Link to the project on Figma](https://www.figma.com/file/1zCYcflj6BJx5VqOvXU9nb/Sprint-3-From-Homeland-to-Homeland-desktop-mobile?node-id=0%3A1)

## Possible Improvements

- Optimize the website for Disabled Users.

- Optimizie the page speed and adding security.

- Check the code for cross compatibility and adding all the necessary vendor prefixes.

- Adding additional animations.

- Make web page more dynamic and interactive by implementing custom scripts.

## Deployed Project

- [Link to the project on Github pages](https://chen-abudi.github.io/web_project_3/)