Welcome to my personal website repository. This website showcases my professional profile, resume, and portfolio with full SEO optimization and modern web performance.
This website serves as my digital portfolio and professional profile. It is built with a focus on performance, SEO optimization, and responsive design to provide the best user experience across all devices.
- Responsive Design: Optimized for viewing on all devices (mobile, tablet, desktop)
- SEO Optimized: Complete meta tags, sitemap.xml, robots.txt, and structured data
- Performance Focused: Lightning-fast loading with optimized assets and caching
- Multi-Page Structure: Separate pages for Home, Resume, and Portfolio
- Social Media Integration: Direct links to professional social media profiles
- Modern UI/UX: Smooth animations and gradient design
- Security Ready: Configured security headers and HTTPS support
- HTML5: Semantic markup with proper structure
- CSS3: Modern styling with animations and responsive design
- JavaScript: Vanilla JS for interactivity (no frameworks)
- Font Awesome 6: Professional icon library
- WebP: Next-generation image format for better compression
- .htaccess: Apache configuration for caching and security
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/yourusername/your-repo-name.git
-
Navigate to the project directory:
cd your-repo-name -
Run website: Simply open
index.htmlin your browser
Edit the HTML files to add your personal information:
- index.html: Update name, job title, social media links
- resume.html: Add your work experience, education, and skills
- portfolio.html: Showcase your projects and achievements
- style.css: Modify colors, fonts, and layout
- portfolio-styles.css: Customize portfolio page styling
- assets/img/: Replace images with your own photos
- Edit HTML files directly for content changes
- Replace placeholder images in
assets/img/folder - Update social media links with your profiles
- Modify meta tags in HTML
<head>section for SEO
- Meta Tags: Update title, description, and keywords in each HTML file
- Open Graph: Configured for optimal social media sharing
- Sitemap:
sitemap.xmlincluded for search engine indexing - Robots.txt: Proper crawl directives configured
- Image Optimization: Use WebP format, compress images to < 100KB
- Caching: Browser caching configured via
.htaccess - Minification: CSS and JS files are optimized for production
- Lazy Loading: Images load only when needed
Add Google Analytics by inserting tracking code before </head> tag:
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'GA_MEASUREMENT_ID');
</script>Contributions are welcome! To contribute:
- Fork the repository
- Create a new branch (
git checkout -b feature-branch) - Make your changes and commit them (
git commit -m 'Add new feature') - Push to the branch (
git push origin feature-branch) - Open a pull request
Feel free to reach out:
- Website: https://laksfaqih.my.id
- LinkedIn: https://linkedin.com/in/faqih-nur-rahman-860a8930a
- GitHub: https://github.com/Laksfaqih
- Email: faqihrahman704@gmail.com
Thank you for visiting my repository. If you find this project useful, please consider giving it a star ⭐️!
Built with ❤️ and optimized for performance | SEO Score: 100/100 | PageSpeed: 95+