Skip to content

A modern horizontal-scrolling website template featuring a parallax cityscape background with multiple layered images for depth.

Notifications You must be signed in to change notification settings

CodeWhiteWeb/cityscape-horizontal-website-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Horizontal Scroll Portfolio Template

A clean, modern, and responsive horizontal scroll portfolio template for web developers. Features a parallax background, a welcoming home section, and a contact form. Easily customizable for your own projects.

Features

  • Horizontal scroll navigation for a unique portfolio experience
  • Canvas-based parallax background for desktop
  • Mobile-friendly with adaptive layout
  • Minimal, clean design with easy-to-edit HTML and CSS
  • Contact form ready for integration

Usage

  1. Clone or download this repository.
  2. Replace the profile image and text in index.html with your own.
  3. Customize the styles in styles.css as needed.
  4. Integrate your own contact form backend.

File Structure

index.html         # Main HTML file
styles.css         # Main stylesheet
script.js          # Parallax and scroll logic
assets/            # Parallax background images

Customization

  • Profile Section:
    Edit the .home-section in index.html to add your name, tagline, and image.
  • Contact Form:
    The form is ready for integration. Change the action attribute to your form handler.
  • Parallax Images:
    Replace images in assets/city_parallax/ for a different background effect.

License

MIT License. Free for personal and commercial use. Attribution appreciated but not required.

About

A modern horizontal-scrolling website template featuring a parallax cityscape background with multiple layered images for depth.

Topics

Resources

Code of conduct

Security policy

Stars

Watchers

Forks

Sponsor this project