https://github.com/structuredlabs/pagewald
Pagewald is a modern, responsive landing page template built with HTML, CSS, and JavaScript. Perfect for showcasing your product, service, or project.
https://github.com/structuredlabs/pagewald
Last synced: 9 months ago
JSON representation
Pagewald is a modern, responsive landing page template built with HTML, CSS, and JavaScript. Perfect for showcasing your product, service, or project.
- Host: GitHub
- URL: https://github.com/structuredlabs/pagewald
- Owner: StructuredLabs
- License: apache-2.0
- Created: 2025-03-30T22:03:00.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-03-31T07:14:53.000Z (10 months ago)
- Last Synced: 2025-03-31T08:24:18.237Z (10 months ago)
- Language: CSS
- Homepage:
- Size: 14.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
A modern, responsive landing page template built with HTML, CSS, and JavaScript. Perfect for showcasing your product, service, or project.
## What's Included
- Clean, modern look
- Works on phones and computers
- Smooth scrolling
- Fast loading
- Easy to find on search engines
- Simple to change
## How to Use
1. **Get the files**
```bash
git clone
cd
```
2. **Run the app locally**
```bash
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](LICENSE) for details.
## **🎉 Join the Community**
- **GitHub Issues**: Found a bug? Let us know [here](https://github.com/StructuredLabs/pagewald/issues).
- **Community Forum**: Reach out [here](https://join.slack.com/t/structuredlabs-users/shared_invite/zt-31vvfitfm-_vG1HR9hYysR_56u_PfI8Q)
## **📢 Stay Connected**
