/techno-web-bootstrap

A modern, responsive tech website built using HTML, CSS, Bootstrap 5, and AOS animations. Includes carousel, interactive sections, and custom styling with mobile-friendly design.

Primary LanguageHTMLMIT LicenseMIT

Techno Web Bootstrap

HTML5 CSS3 Bootstrap Font Awesome MIT License

🌐 Live Demo: Click here to visit site

📋 Overview

This is a modern, responsive tech website built using HTML, CSS, and Bootstrap 5. JavaScript is also used inline within the HTML for interactive elements. The design includes animated scroll effects, interactive buttons, and responsive layouts for different screen sizes.

  • 🧭 Navigation bar with gradient hover effects and glassmorphism styling
  • 🎞️ Bootstrap Carousel for showcasing images
  • 🌀 Animate on Scroll (AOS) used for fade-in and slide-up animations
  • 🖼️ Integrated icons and branding using Font Awesome
  • 💻 Fully responsive sections: About, Services, Team, Contact
  • 📞 Contact form layout with aligned inputs and vibrant footer

💻 Technologies Used

  • HTML5
  • CSS3 (Custom styling with gradients, transitions, and media queries)
  • Bootstrap 5 (Navbar, Carousel, Grid, Utility classes)
  • Font Awesome (Icons)
  • Google Fonts
  • AOS (Animate on Scroll) library for animations
  • JavaScript (inline for Bootstrap interactivity)

🚀 How to Use

  1. Clone the repository: 
    git clone https://github.com/huzaifa-frontend/techno-web-bootstrap.git
  2. Navigate to the project folder: 
    cd techno-web-bootstrap
  3. Open index.html in your browser.

🛠️ Features

  • Smooth scrolling animations via AOS
  • Bootstrap-powered carousel and responsive navbar
  • FontAwesome social icons with hover animations
  • Stylish footer with branding and contact links
  • Fully mobile responsive with proper alignment and spacing

📁 File Structure

📦 techno-web-bootstrap
 ┣ 📂 assets
 ┣ 📄 index.html
 ┣ 📄 style.css
 ┣ 📄 README.md
 ┗ 📄 LICENSE

✨ Credits

  • Designed & Developed by Muhammad Huzaifa Karim
  • Icons by Font Awesome
  • Backgrounds & images from Unsplash
  • Animations powered by AOS

📄 License

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

✍️ Author

Muhammad Huzaifa Karim GitHub Profile

🔄 Deployment

This project is hosted on GitHub Pages. Changes pushed to the main branch automatically reflect on the live site.

📬 Contact

For suggestions or collaborations, feel free to reach out via GitHub.

© 2025 Muhammad Huzaifa Karim