Skip to content

An Upwork project - Creating a website for larger screen which includes architect plan and details of a real estate company.

Notifications You must be signed in to change notification settings

Aiman-Shafi/Deerview-Project

Repository files navigation

Deerview Heights

  1. Project Platform: Upwork
  2. Project Live Link: See Final Work

Project Overview

Creating a website for large screen which includes architect plan and details of their apartments and lands. The Project is built in HTML, CSS & Javascript.

External Libraries

  1. Used Swiper JS for gallery page - view swiper.js
  2. For Brochure Turn JS was used - view turn.js
  3. Pan zoom using Jquery view Plugin

1. Home page

✅ A fullscreen video as clients requirements.

enter image description here

2. Site Plan

✅ This a was bigger challenge working with SVG. while clicking on each block in the SVG apartment details will appear in a popup depending on the floor or blocks with zoom in & out feature using Pan zoom jquery plugin

enter image description here

3. Site Plan Details

✅ A simple popup was created using vanilla JS and data has been fetched through JSON.

enter image description here

Floor Plans

✅ All data has been fetched here through JSON data. Adding a filter as well using at the top.

enter image description here

Gallery

✅ Gallery has been created with Swiper JS

enter image description here

Brochure

✅ The Brochure has been designed with Turn JS

enter image description here

About

An Upwork project - Creating a website for larger screen which includes architect plan and details of a real estate company.

Topics

Resources

Stars

Watchers

Forks