Skip to content

dhiraj7kr/s.h.i.f.t

Repository files navigation

S.H.!.F.T. - Strategic Housing Information and Fast Transportation

Project Overview

S.H.!.F.T. (Strategic Housing Information and Fast Transportation) is a web-based platform designed to assist individuals who are relocating to a new city. The platform provides services such as luggage shifting, food delivery, laundry, and access to other essential services available in the user's new locality. It aims to simplify the process of shifting to a new place and offers tiered service plans to meet various needs.

Table of Contents

  1. Project Structure
  2. Features
  3. Technologies Used
  4. Setup
  5. Usage
  6. Credits

Project Structure

The project contains the following main files and folders:

.
├── index.html             # Main HTML file for the website
├── style.css              # Custom CSS styles (located separately but linked in HTML)
├── signin.html            # HTML for the sign-in page
├── signup.html            # HTML for the sign-up page
├── logo2.png              # Logo image for the "About" section
├── banglore.jpg           # Image representing services in Bangalore
├── hyderabad.jpg          # Image representing services in Hyderabad
├── kolkata.jpg            # Image representing services in Kolkata
├── mvicon.jpeg            # Icon for the mission and vision section
├── README.md              # Documentation for the project

Features

  • Smooth Scrolling Navigation: The navigation bar provides smooth scrolling to different sections of the page.
  • Responsive Design: The site is designed to be mobile-friendly, adapting to different screen sizes with the use of Bootstrap.
  • Carousel for Testimonials: Users can view a carousel with quotes from the founders and a client.
  • Pricing Section: Multiple service tiers with different pricing plans (Basic, Pro, Premium) to cater to different needs.
  • Contact Form: A contact section where users can reach out for support, with a button alert upon submission.
  • Embedded Google Map: Displays an embedded Google map of Bengaluru, INDIA, to show the company's headquarters.

Technologies Used

  • HTML5: The structure and layout of the webpage.
  • CSS3: For styling and layout adjustments.
  • Bootstrap 3.4.1: Provides a responsive grid system, navigation bar, and other UI elements.
  • Google Fonts: Custom fonts (Montserrat and Lato).
  • JavaScript (jQuery): For handling smooth scrolling and animations.
  • Google Maps Embed API: For displaying the map in the "Contact" section.

Setup

To set up the project on your local machine, follow these steps:

  1. Clone the repository:

    git clone https://github.com/yourusername/shift.git
  2. Navigate to the project directory:

    cd shift
  3. Open the index.html file in your browser to view the website:

    open index.html

Usage

The website is designed for users who are interested in availing of shifting and transportation services. Users can browse through the services, explore the pricing plans, and use the contact form to get in touch.

Key Sections:

  • Home Page: Introduction to S.H.!.F.T., along with a call to action.
  • About Section: Detailed information about the company, its founders, and the services provided.
  • Services Section: A list of services including luggage shifting, food services, laundry, and more.
  • Portfolio: Displays the cities where the service is currently available.
  • Pricing: Displays different plans with pricing details.
  • Contact: A form to contact the company and a map showing their location.

Credits