Skip to content

StructuredLabs/pagewald

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Banner

A modern, responsive landing page template built with HTML, CSS, and JavaScript. Perfect for showcasing your product, service, or project.

Apache 2.0 License HTML5 CSS3 JavaScript

What's Included

  • Clean, modern look
  • Works on phones and computers
  • Smooth scrolling
  • Fast loading
  • Easy to find on search engines
  • Simple to change

Preview

How to Use

  1. Get the files

    git clone <your-repo-url>
    cd <your-project-name>
  2. Run the app locally

    python3 -m http.server 8000

    Then open your browser and go to http://localhost:8000

  3. Change the content

    • Edit text in index.html
    • Put your own images in the assets folder
    • Change colors in styles.css
  4. Update basic info

    • Change the page title
    • Add your own description
    • Put your own favicon in assets/favicon.ico
  5. Put it online

    • Upload to your website
    • Or use GitHub Pages, Netlify, or Vercel

Files

├── index.html          # Main page
├── styles.css          # Colors and layout
├── assets/            # Images
│   ├── logo.svg       # Main logo
│   ├── symbol.svg     # Footer logo
│   └── favicon.ico    # Browser icon
└── README.md          # This file

What to Change

1. Top Bar

  • Put your logo in assets/logo.svg
  • Change the menu links
  • Update the mobile menu

2. Main Section

  • Change the big heading
  • Update the description
  • Change the command shown
  • Update the preview box

3. Features

  • Add or remove feature boxes
  • Change the icons
  • Update the descriptions

4. How to Start

  • Change the steps
  • Update the code examples
  • Add or remove steps

5. Bottom Section

  • Change the call-to-action text
  • Update the buttons
  • Change where buttons link to

6. Footer

  • Update your company info
  • Change social media links
  • Put your logo in the footer

Colors and Style

The page uses:

  • Inter font for text
  • Font Awesome for icons
  • Custom CSS for colors and layout

To change colors:

  1. Open styles.css
  2. Find the :root section
  3. Change the color codes

📄 License

Apache 2.0 - See LICENSE for details.

🎉 Join the Community

  • GitHub Issues: Found a bug? Let us know here.
  • Community Forum: Reach out here

📢 Stay Connected

Follow us on LinkedIn Follow us on Twitter

About

Pagewald is a modern, responsive landing page template built with HTML, CSS, and JavaScript. Perfect for showcasing your product, service, or project.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors