This is my personal portfolio website, created with HTML, CSS, and JavaScript. I customized the course portfolio template to introduce myself, display my projects, share my GitHub profile, and provide an interactive contact form.
I am an aspiring Full Stack Developer who enjoys building clean, responsive, and user-friendly websites. I am continuing to improve my front-end and back-end development skills while learning new web technologies.
- Animated and responsive navigation bar
- Video background with an introduction section
- About Me section
- Responsive project cards
- Automatic, responsive image slideshow
- Previous and next slideshow controls
- Clickable slideshow navigation dots
- GitHub profile section
- Pop-up contact form with open and close controls
- Name, email, and message validation with clear error messages
- On-page success message without sending information to an external service
- Responsive footer with contact information
- Hover effects and responsive layouts for different screen sizes
- HTML5
- CSS3
- Vanilla JavaScript
- Google Fonts
- Git and GitHub
My responsive portfolio website introduces me, displays my work, links to my GitHub profile, and includes an automatic image slideshow and a validated pop-up contact form.
Technologies: HTML, CSS, and vanilla JavaScript
Files: Root index.html, stylesheet/portfolio.css, and script.js
A responsive cinema website that showcases movies, showtimes, and entertainment content using a clean and user-friendly design.
Technologies: HTML, CSS, Bootstrap, and JavaScript
GitHub: View the Academy Cinemas project
A responsive recipe website featuring recipes in an organized, easy-to-navigate, and visually appealing layout.
Technologies: HTML and CSS
GitHub: View the Simple Recipes project
A one-page sports-car website with navigation, an image gallery, a video section, a contact form, and a JavaScript lightbox.
Technologies: HTML, CSS, and vanilla JavaScript
GitHub: View the My Dream Cars project
An HTML and CSS image-gallery exercise demonstrating image overlays, zoom effects, circular images, and a rollover navigation menu.
Technologies: HTML and CSS
GitHub: View the CSS Effects project
Open index.html in a web browser. An internet connection is required to load the imported Google Fonts.
You can view my other work and learning progress on my GitHub profile.
Sarbjeet Singh
Ottawa, Ontario, Canada