Skip to content

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.

License

Notifications You must be signed in to change notification settings

huzaifa-frontend/techno-web-bootstrap

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Techno Web Bootstrap

🌐 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
 ┣ 📄 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

About

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.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published