theajmalrazaq / cloudtower

ICT Final Semester Project: Cloud Tower Website

Description

This project serves as the final semester project for the Information and Communication Technology (ICT) program. The Cloud Tower Website is a web-based application designed to showcase skills in HTML, CSS, and JavaScript. The project simulates a website for a fictional residential apartment project called Cloud Tower.

Table of Contents

• Project Overview
• Description
• Table of Contents
• Features
• Installation
• Usage
• Contributing

Features

1. Responsive Design: The website is designed to be responsive, adapting to various screen sizes.

2. Navigation:

   • The navigation bar provides easy access to different sections of the website.
   • Quick links in the footer enhance navigation.

3. Sections:

   • Home Section: Introduces Cloud Tower with a captivating logo and tagline.
   • About Us: Provides information about Cloud Tower and its offerings.
   • Contact Us: Includes contact information and a form for user inquiries.
   • Highlights Section: Showcases key statistics about Cloud Tower, such as area, floors, apartments, and square footage.
   • Welcome Section: Presents an overview of Cloud Tower, including location details and apartment features.
   • Facilities Section: Highlights various facilities offered, such as living spaces, gym, security, energy efficiency, and pharmacy.
   • Apartments Section: Displays different types of apartments along with details for each type.
   • Footer: Contains essential information, quick links, and a newsletter subscription form.

4. Interactive Elements:

   • Animated buttons and SVG animations enhance the visual appeal.
   • Explore button with a dynamic dot animation.

5. Newsletter Subscription:

   • Users can subscribe to the newsletter to receive updates about the project.

6. Contact Information:

   • Clear contact information, including phone numbers and email addresses.

Installation

1. Clone the repository:

   git clone https://github.com/your-username/cloud-tower.git

2. Open the project folder in a code editor.

3. Run the project on a local server or deploy it to a web server.

Usage

1. Open the index.html file in a web browser.

2. Navigate through different sections using the navigation bar.

3. Explore details about Cloud Tower, its facilities, and apartment types.

Contributing

Contributions are welcome! Please follow the Contribution Guidelines.