Skip to content

πŸŒ† A horizontal cityscape portfolio with parallax effects. Built with HTML, CSS, and vanilla JS for a smooth, dynamic showcase. πŸš€

License

Notifications You must be signed in to change notification settings

SajagIN/SajagIN.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

77 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸŒ† My Cityscape Parallax Portfolio

Welcome to the official repository for my interactive, horizontally scrolling cityscape portfolio! This project showcases my work as a Full Stack Developer and is designed to inspire, attract collaborators, and help others build their own creative portfolios.

🌐 Live Demo: https://SajagIN.thedev.id

GitHub stars GitHub forks Maintenance Website shields.io


πŸš€ Why This Portfolio Stands Out

  • Unique Horizontal Parallax: Experience a modern, endless cityscape with smooth horizontal scrolling and multi-layered parallax backgrounds.
  • SEO Optimized: Built with best practicesβ€”meta tags, sitemap, robots.txt, manifest, and structured data for maximum discoverability.
  • Mobile-First & Responsive: Looks stunning on all devices, from desktops to smartphones.
  • Showcases Real Projects: Explore my skills, completed projects, and client testimonials.
  • Open Source & Customizable: Use this as a template for your own creative portfolio!

✨ Features

  • Animated UI: Subtle, interactive animations for a lively user experience.
  • Modern Portfolio Sections: About, Skills, Projects, and Contactβ€”all in one place.
  • Fast Loading: Optimized images and code for quick performance.
  • Contact Form: Easy way for visitors to reach out or collaborate.
  • PWA Ready: Installable on mobile devices for a native app feel.

πŸ› οΈ Tech Stack

  • HTML5, CSS3, JavaScript
  • Custom parallax engine (no heavy frameworks)
  • Responsive, mobile-first design

πŸ“πŸ—‚οΈ Project Structure & File Overview

  • πŸ“ index.html, styles/, script.js: Main website code for layout, styling, and interactivity.
  • πŸ–ΌοΈ assets/: All images, icons, parallax backgrounds, and SVGs.
  • πŸ“± manifest.json, πŸ€– robots.txt, πŸ—ΊοΈ sitemap.xml: SEO and PWA support. These files help search engines index your site, enable installability, and improve discoverability.
  • 🚫 404.html, 404.md: Custom 404 error page for a better user experience and proper routing on GitHub Pages.
  • 🌐 CNAME: Custom domain configuration for GitHub Pages.
  • πŸ“„ LICENSE: Project license (MIT).
  • πŸ“˜ README.md: This documentation file.
  • πŸ” google.html*: Google Search Console verification file for site ownership.

πŸ“¦ How to Use This Template

Want to build your own cityscape portfolio?
Check out the template I created for this website and start your own journey:

πŸ‘‰ Cityscape Horizontal Website Template

  • Easy to customize
  • Modern, clean codebase
  • Ready-to-use parallax backgrounds

πŸ‘¨β€πŸ’» About Me

I'm Sajag Kamthan, a passionate Full Stack Developer from India, constantly exploring new skillsβ€”from web and app development to machine learning and game creation. I love building creative, user-focused digital experiences.


πŸ“¬ Contact

Feel free to reach out via the contact form on the website or email:
[email protected]


πŸ“„ License

This project is licensed under the MIT License. See the LICENSE file for details.


⭐ If you like this project, please consider starring the repo and sharing it with others!

About

πŸŒ† A horizontal cityscape portfolio with parallax effects. Built with HTML, CSS, and vanilla JS for a smooth, dynamic showcase. πŸš€

Topics

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Sponsor this project