EduTech Academy Website

A modern, responsive website for an educational technology academy built using HTML, CSS, and Bootstrap 5. This website serves as an example of what can be achieved with Bootstrap 5 and modern web development practices.

Features

• Fully responsive design that works on all devices
• Modern and clean user interface
• Interactive navigation and components
• Cross-browser compatibility
• Optimized for performance
• Semantic HTML5 markup
• Custom CSS animations and transitions

Pages

1. Home Page (index.html)

   • Hero section with call-to-action
   • Featured courses
   • Why choose us section
   • Responsive navigation

2. Courses Page (courses.html)

   • Course catalog
   • Course categories
   • Detailed course information
   • Interactive course cards

3. About Page (about.html)

   • Company information
   • Team members
   • Mission and vision
   • Student testimonials

4. Blog Page (blog.html)

   • Featured articles
   • Blog categories
   • Recent posts
   • Search functionality

5. Contact Page (contact.html)

   • Contact form
   • Location map
   • Contact information
   • Social media links

Technologies Used

• HTML5
• CSS3
• Bootstrap 5.3.2
• Font Awesome 6.5.1
• Google Maps Embed API

Setup Instructions

1. Clone the repository:

   git clone https://github.com/yourusername/edutech-academy.git

2. Navigate to the project directory:

   cd edutech-academy

3. Open any of the HTML files in a modern web browser to view the website.

File Structure

edutech-academy/
├── index.html
├── courses.html
├── about.html
├── blog.html
├── contact.html
├── css/
│   └── style.css
├── images/
│   ├── hero-image.svg
│   ├── about-hero.svg
│   ├── contact-hero.svg
│   ├── team1.jpg
│   ├── team2.jpg
│   ├── team3.jpg
│   ├── team4.jpg
│   └── [other images]
└── README.md

Browser Compatibility

The website is tested and works on:

• Google Chrome (latest)
• Mozilla Firefox (latest)
• Microsoft Edge (latest)
• Safari (latest)
• Opera (latest)

Responsive Design

The website is fully responsive and works on:

• Desktop computers
• Laptops
• Tablets
• Mobile phones

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Bootstrap Team for their excellent framework
• Font Awesome for the icons
• Google Fonts for the typography
• Unsplash for the stock images

Contact

Your Name - [email protected] Project Link: https://github.com/yourusername/edutech-academy