Diego-Luiz / Photosnap-multi-page-website

Responsive website built according to a Frontend Mentor Challenge

Photosnap Website Challenge

Photosnap is a responsive, mobile first, fake website where photographers and story tellers could share their experiences, stories and photos. This project was built according to the Frontend Mentor Challenge.

The main goal with this project was to remember and reinforce the base concepts of a web frontend engineer: HTML, CSS, JS; and also to update myself about the new tools that were made available especially in CSS.

Table of contents 📜

• How to run the project
• Files structure
• Screenshots
• Built with

How to run the project

• (1) - Acessing the live version of the website by clicking here
• (2) - Executing a local version:
  • Open the command prompt and clone this repository running git clone https://github.com/Diego-Luiz/Photosnap-multi-page-website in the path you want this project
  • After the project being cloned, open the folder and click twice on index.html file

Files structure

• ./ all the .html, .css and .js files
• assets folder:
  • fonts folder, where the font used by the website is located
  • images folder, all the images used in the project

Screenshots 📷

Built with 🛠️

• HTML
• CSS
• Javascript
• Git & Github
• Deployed in Netlify