index.html
The main page. This holds the text, buttons, images, and sections.
JayG Projects Helper Tool
Build websites without hunting through confusing notes.
Pick what you need, copy the code, and paste it into your project. This is made for beginners who want clear examples for HTML, CSS, JavaScript, images, folders, and common mistakes.
What this helps with
- Buttons and links
- Cards and galleries
- CSS layout and colors
- JavaScript popups
- Images not showing
- Mobile-friendly pages
Website File Map
A simple guide to what each file does.
styles.css
The design file. This controls colors, spacing, cards, fonts, and mobile layout.
app.js
The action file. This handles clicks, popups, copy buttons, filters, and saved settings.
images/
The image folder. Put logos, screenshots, and project pictures here.
cheatsheet-data.js
The data file. This stores the cheat sheet tips and copy/paste blocks.
Cheat Sheets
Click a tab to see quick beginner notes.
Copy/Paste Website Blocks
Choose a block, copy the code, and paste it into your website.
Website Block
Beginner Fix-It Guide
Common problems and what to check first.
Need help?
Add your real feedback and support emails below when you are ready.