Beautiful landing page for the CertMate SSL Certificate Management System.
- Modern Design: Clean, professional design with smooth animations
- Responsive: Fully responsive design that works on all devices
- Performance: Optimized for fast loading and smooth interactions
- Accessibility: WCAG compliant with keyboard navigation support
- SEO Optimized: Proper meta tags and semantic HTML structure
This website is designed to be hosted on GitHub Pages. Simply push to the main branch and enable GitHub Pages in your repository settings.
- Clone the repository:
git clone https://github.com/fabriziosalmi/certmate-website.git
cd certmate-website- Open
index.htmlin your browser or serve with a local server:
# Using Python 3
python -m http.server 8080
# Using Node.js (if you have http-server installed)
npx http-server
# Using PHP
php -S localhost:8080- Visit
http://localhost:8080to view the website
certmate-website/
├── index.html # Main HTML file
├── assets/
│ ├── styles.css # Main stylesheet
│ ├── script.js # JavaScript functionality
│ └── favicon-placeholder.txt
├── README.md # This file
└── .gitignore # Git ignore file
- Primary: #2563eb (Blue)
- Secondary: #f59e0b (Amber)
- Accent: #10b981 (Emerald)
- Gray Scale: From #f9fafb to #111827
- Font Family: Inter (Google Fonts)
- Responsive sizing: From 0.75rem to 3.75rem
- Modern gradient buttons with hover effects
- Animated terminal window
- Interactive tab system
- Responsive navigation with mobile menu
- Copy-to-clipboard functionality
- Smooth scroll animations
Edit the index.html file to update:
- Hero section text and stats
- Feature descriptions
- DNS provider information
- Installation instructions
- API documentation links
Modify assets/styles.css to customize:
- Color scheme (CSS custom properties in
:root) - Typography settings
- Component styling
- Responsive breakpoints
Enhance assets/script.js to add:
- New interactive features
- Analytics tracking
- Form handling
- Additional animations
- Go to your repository settings
- Scroll down to "Pages" section
- Select "Deploy from a branch"
- Choose "main" branch and "/ (root)" folder
- Click "Save"
Your website will be available at: https://fabriziosalmi.github.io/certmate-website/
- Modern Browsers: Chrome 60+, Firefox 60+, Safari 12+, Edge 79+
- Mobile: iOS Safari 12+, Chrome Mobile 60+
- Features: CSS Grid, Flexbox, CSS Custom Properties, Intersection Observer
- Semantic HTML5 structure
- Open Graph meta tags for social media
- Twitter Card meta tags
- Proper heading hierarchy
- Alt text for images
- Structured data ready
- CSS: Optimized with custom properties for maintainability
- JavaScript: Vanilla JS for maximum performance
- Images: Lazy loading support built-in
- Fonts: Google Fonts with preconnect for faster loading
- Icons: Font Awesome CDN with efficient loading
- WCAG 2.1 AA compliant
- Keyboard navigation support
- Screen reader friendly
- Focus indicators
- Semantic HTML structure
- Color contrast ratios meet guidelines
The website includes Google Analytics tracking code placeholders. To enable analytics:
- Get your Google Analytics tracking ID
- Add the tracking code to the
<head>section ofindex.html - Uncomment the analytics functions in
script.js
To contribute to the website:
- Fork the repository
- Create a feature branch:
git checkout -b feature/new-feature - Make your changes
- Test locally
- Commit:
git commit -am 'Add new feature' - Push:
git push origin feature/new-feature - Create a Pull Request
This website is licensed under the MIT License - see the main CertMate project for details.
Made with ❤️ by Fabrizio Salmi