Skip to content

salmafadlabdulrahman/Arch-Studio-website

Repository files navigation

Arch Studio website

Table of contents

Overview

Features

Your users should be able to:

  1. View the optimal layout for each page depending on their device's screen size
  2. See hover states for all interactive elements throughout the site
  3. Receive an error message when the contact form is submitted if: The Name, Email or Message fields are empty should show "Can't be empty" The Email is not formatted correctly should show "Please use a valid email address"
  4. View actual locations on the contact page map

Screenshot

screencapture-127-0-0-1-5173-2023-11-11-20_49_19

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • Mobile-first workflow
  • JavaScript
  • TypeScript
  • React - JS library
  • Leaflet JS library