A modern, single-file HTML website for SentinelSec - Security solutions company providing digital security, penetration testing, and managed security services (MSSP).
✅ No Framework - Pure HTML, CSS, and JavaScript
✅ Single File - Everything in one index.html file
✅ Responsive - Mobile-friendly design
✅ Dark Theme - Professional cybersecurity aesthetic
✅ Smooth Animations - Scroll reveal effects
✅ Accordion Components - Expandable LGPD section
✅ Mobile Menu - Hamburger menu for mobile devices
✅ Modal Dialog - WhatsApp contact modal
Simply open the index.html file in your web browser. No build process, no dependencies, no setup required.
# Using Python 3
python -m http.server 8000
# Using Node.js
npx http-server
# Using Live Server (VS Code extension)
# Open index.html and click "Go Live"Then navigate to http://localhost:8000 (or your server port).
sentinelsec-launchpad/
├── index.html # Complete website (single file)
├── README.md # This file
└── public/
└── robots.txt
- Navigation Bar - Fixed navbar with smooth scroll
- Hero Section - Main landing section with CTA buttons
- Problema Section - Problem statement with bullet points
- Solução Section - Solution overview
- Serviços Section - Service cards grid
- LGPD Section - Accordion component for compliance
- Autoridade Section - Expertise badges
- Contato Section - Contact CTA
- Footer - Footer with links
- Modal - WhatsApp contact modal
To modify content, edit the HTML in index.html:
- Colors: Update CSS variables in
:root(lines ~19-35) - Text Content: Edit text within section tags
- WhatsApp Number: Update the phone number in WhatsApp links (currently
5511999999999) - Links: Modify URLs in navigation and footer
--primary: 217 91% 60%; /* Main blue */
--background: 222 47% 6%; /* Dark navy */
--foreground: 210 40% 96%; /* Off-white text */
--secondary: 222 30% 14%; /* Secondary dark */
--destructive: 0 84% 60%; /* Red for alerts */- Chrome/Edge (latest)
- Firefox (latest)
- Safari (latest)
- Mobile browsers (iOS Safari, Chrome Mobile)
- Size: ~80KB (single HTML file with embedded styles and scripts)
- Load Time: < 1 second on standard connections
- No Build Process: Ready to deploy immediately
- No External Dependencies: Only loads Google Fonts
- Netlify: Drag and drop
index.html - Vercel: Same as above
- GitHub Pages: Push to repository
- AWS S3 + CloudFront: Static hosting solution
- Cloudflare Pages: Free CDN hosting
Upload index.html to your web server via FTP/SSH.
FROM nginx:alpine
COPY index.html /usr/share/nginx/html/
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]The file includes proper meta tags for:
- Open Graph (social media preview)
- Meta description
- Responsive viewport
- Proper HTML structure
To add Google Analytics or other tracking, add the script before </body>:
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'GA_ID');
</script>- Semantic HTML structure
- ARIA labels for interactive elements
- Color contrast meets WCAG AA standards
- Keyboard navigation support
- Screen reader friendly
© 2026 SentinelSec. All rights reserved.
- Edit files directly within the Codespace and commit and push your changes once you're done.
This project is built with:
- Vite
- TypeScript
- React
- shadcn-ui
- Tailwind CSS
Simply open Lovable and click on Share -> Publish.
Yes, you can!
To connect a domain, navigate to Project > Settings > Domains and click Connect Domain.
Read more here: Setting up a custom domain