Skip to content

Pr1ncePandey/AutoLogix

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AutoLogix - Business Automation Solutions Landing Page

A modern, responsive landing page for AutoLogix, showcasing AI-powered business automation services. Built with HTML5, Bootstrap 5, and enhanced with smooth animations.

✨ Features

  • Responsive design that works on all devices
  • Smooth scroll animations
  • SEO optimized with Schema.org markup
  • Integrated contact form using Web3Forms
  • Performance optimized with:
    • Lazy loading images
    • Deferred JavaScript loading
    • Critical CSS inline loading
    • Resource preloading
  • Mobile-first approach
  • Accessible navigation

🛠️ Tech Stack

  • HTML5
  • CSS3
  • Bootstrap 5
  • JavaScript (Vanilla)
  • Font Awesome Icons
  • Web3Forms API

📦 Installation

  1. Clone the repository:
git clone https://github.com/yourusername/autologix-landing.git
  1. Navigate to project directory:
cd autologix-landing
  1. Open index.html in your browser or use a local server:
python -m http.server 8000

🔧 Configuration

  1. Replace the Web3Forms access key in index.html:
<input type="hidden" name="access_key" value="YOUR-WEB3FORMS-ACCESS-KEY">
  1. Update contact information in:
  • Contact section
  • Footer section
  • Schema.org script
  1. Replace social media links in the footer

  2. Update meta tags with your actual domain and images

📱 Responsive Breakpoints

  • Mobile: < 576px
  • Tablet: 576px - 768px
  • Desktop: > 768px

🎨 Color Scheme

  • Primary: #007bff
  • Secondary: #6c757d
  • Light: #f8f9fa
  • Dark: #343a40

📄 Page Sections

  1. Hero
  2. About
  3. Services
  4. Pricing
  5. How It Works
  6. Trust/Credibility
  7. Contact
  8. FAQ
  9. Benefits
  10. Footer

🔍 SEO Optimization

  • Implemented meta tags
  • Open Graph tags for social sharing
  • Schema.org markup
  • Semantic HTML structure
  • Optimized images with alt tags
  • Mobile-friendly design

🚀 Performance Optimization

  • Minified CSS and JavaScript
  • Optimized images
  • Lazy loading implemented
  • Resource preloading
  • Deferred JavaScript loading

📝 License

MIT License - feel free to use this template for your projects

👤 Author

Prince Kumar Pandey

🤝 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

📧 Contact

For inquiries and support, please contact:

🙏 Acknowledgments

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors