Our team was tasked with developing and designing a website showcasing the basic skills we've learned in HTML and CSS including making the site responsive and we were not permitted to use a Content Management System or front-end framework/libraries to develop our website. Enjoy your read!
Nevents is a web application designed to connect alumni with exciting events and opportunities within the African Leadership University (ALU) community. This README provides an overview of the project, its features, setup instructions, and how to use it.
- Features
- Technologies
- Getting Started
- Project Structure
- Contributing
- License
- Acknowledgments
- Contact
- Tab Navigation: Navigating between different sections of the website using tabs.
- Interactive Tabs: Tabs respond to user clicks and change the content accordingly.
- Form Label Animations: Animations for form input labels for a better user experience.
- Responsive Design: The website is responsive and adapts to various screen sizes.
These instructions will help you set up and run the project locally on your machine.
# Clone the repository
git clone https://github.com/maxprodigy/ALU_HTML-CSS-Contest_Group-11.git
# Change directory to the project folder (if any)
cd nevents-alumni-connect
# Install dependencies (if any)
npm install- Open the
index.htmlfile in your web browser to run the website locally.
The project structure is organised as follows:
index.html: The main HTML file for the website.style.css: The CSS file containing styling rules.script.js: The JavaScript file for handling interactions.img/: Directory containing images used in the website.
Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us. When done, follow these guidelines:
-
Fork the repository.
-
Create a new branch for your feature or bug fix.
-
Make your changes and commit them with descriptive messages.
-
Submit a pull request to the
masterbranch.
This project will be licensed under the MIT License - see the LICENSE file for details in future :).
Below are the list of resources we used in our site.
- ALU Website
- ALU Events Calendar
- Project Rubric Document
- Canva for the Logo(s)
- Font Awesome for the Tab Icons
If you have any questions, feedback, or collaboration requests, please feel free to reach out to us at e.adewusi@alustudent.com.
