The Information Communication Technology (ICT) repository is a dedicated collection of web development projects primarily built with HTML, CSS, and JavaScript. This repository contains practical implementations focusing on design, functionality, and user interactivity, reflecting current trends in web development.
This project is a fully functional car dealership website that allows users to browse through various car listings. The website is designed to provide an intuitive user experience and includes the following features:
- Landing Page: A welcoming landing page with an attractive hero image and a clear call-to-action for users to explore car listings.
- Car Listings: A section displaying available cars with images, descriptions, specifications, and pricing information.
- Interactive Elements: Users can filter cars by various attributes (e.g., type, brand) and can use JavaScript for operations such as sorting and searching within the listings.
- Contact Form: A functional contact form allowing users to get in touch with the dealership for inquiries.
This section includes various lab activities that demonstrate key web development concepts and practices. The labs feature:
- Simple projects for learning CSS layout techniques.
- JavaScript exercises focusing on DOM manipulation and event handling.
- Responsive design labs to ensure cross-device compatibility.
- Project:
BSDSF22A028_Assignment_01.zip- A zipped collection of assignment materials related to web development concepts taught in the course.
-
Responsive Web Design: All projects are designed to adjust seamlessly to different screen sizes, ensuring an optimal user experience across devices from desktops to mobile phones.
-
JavaScript Interactivity: Use of JavaScript for enhancing user interactions, including toggling menus, handling form submissions, and running dynamic elements without page reloads.
-
Clean and Modular Code: The codebase is organized and modular, following best practices for HTML, CSS, and JavaScript, making it easy to read and maintain.
To get started with the projects in this repository, follow these installation instructions:
You can clone this repository to your local machine using Git:
git clone https://github.com/shoaib1522/Information-Communication-Technology.gitChange your directory to the project folder:
cd Information-Communication-TechnologyAfter cloning the repository, you can open the HTML files directly in your preferred web browser.
- For the Car Website Project, navigate to the
HTML - CAR WEBSITE PROJECTfolder and openindex.htmlin your web browser to view the project.
- Open the
index.htmlfile in your web browser. - Explore the website by navigating through the car listings, filtering options, and interacting with the contact form.
- Check the console (Press F12 / Right-click > Inspect) for any JavaScript interactions or messages for more insights into how the website functions.
Open any lab HTML files similar to the Car Website Project to view and interact with various exercises. Each lab file typically contains specific instructions on how to engage with the content.
Contributions are highly encouraged! If you would like to contribute to this repository, please follow these steps:
- Fork the repository.
- Create a new branch for your feature:
git checkout -b feature/YourFeatureName
- Make your changes and commit them:
git commit -m "Add a descriptive message about your changes" - Push your branch to your forked repository:
git push origin feature/YourFeatureName
- Open a pull request (PR) to the original repository.
This project is licensed under the MIT License. See the LICENSE file for details.
- A special thanks to my instructors and peers for their guidance and support during this project.
- Inspiration drawn from various online tutorials and web development resources.
If you have any questions or suggestions, please feel free to reach out:
- GitHub: shoaib1522
- Email: [email protected]