Qtropic - SEO & Digital Growth Portfolio

A modern, single-page portfolio website for Qtropic, a tech startup specializing in SEO and digital growth services.

Features

• Ultra-modern design with dark theme and purple/violet accents
• Subtle particles background with interactive mouse movement
• Fully responsive - mobile-first design
• Smooth animations - fade-in on scroll effects
• Contact form - ready for Formspree integration
• Pure vanilla tech - no frameworks or libraries (HTML, CSS, JavaScript only)

How to Run Locally

Option 1: Direct File Opening

1. Download all three files: index.html, styles.css, and script.js
2. Place them in the same folder
3. Double-click index.html to open it in your browser

Option 2: Local Server (Recommended)

1. Download all files to a folder
2. Open terminal/command prompt in that folder
3. Run one of these commands:
   • Python 3: python -m http.server 8000
   • Python 2: python -m SimpleHTTPServer 8000
   • Node.js: npx http-server
4. Open browser and go to http://localhost:8000

Customization Guide

Contact Form Setup

1. Go to Formspree.io
2. Create a free account
3. Create a new form and get your form endpoint
4. In index.html, replace YOUR_FORM_ID in the form action:

   <form action="https://formspree.io/f/YOUR_FORM_ID" method="POST">

Update Social Media Links

In index.html, find the footer section and update these links:

<a href="https://linkedin.com/company/qtropic" target="_blank">LinkedIn</a>
<a href="https://twitter.com/qtropic" target="_blank">Twitter</a>
<a href="https://github.com/qtropic" target="_blank">GitHub</a>

Change Colors

In styles.css, modify the purple/violet accent colors:

• Primary purple: #8b5cf6
• Light purple: #a78bfa
• Lighter purple: #c084fc

Modify Content

All content can be edited directly in index.html. Sections are clearly labeled with comments.

Tech Stack

• HTML5 - Semantic markup
• CSS3 - Modern styling with gradients, glass-morphism, animations
• JavaScript (ES6) - Particles animation, scroll effects, form handling
• Google Fonts - Work Sans & Inter

Browser Support

• Chrome/Edge (latest)
• Firefox (latest)
• Safari (latest)
• Mobile browsers (iOS Safari, Chrome Mobile)

Performance

• Lightweight (~15KB total uncompressed)
• No external dependencies
• Optimized animations
• Fast loading times

License

Free to use and modify for your projects.

---

Built with ❤️ for Qtropic