Good for
Marketing, SEO and digital agencies that want an illustrated, friendly front page with separate about, services, blog and contact pages.
What is inside
- Entry page
html/index.html- Pages
- 6 (html/index.html, html/about.html, html/blog-details.html, html/blog.html, html/contact.html, html/service.html)
- Stack
- Bootstrap 4.5.0, jQuery
- Files
- 40
- Package
- 1.5 MB ZIP, 40 files
Open it
Unzip the download and open html/index.html in a browser. It also runs on any static web server. The package includes README-REFORGEWEB.md with the same notes.
Loaded from the internet, and demo features
When a page opens it also loads from: creativecommons.org, daneden.me, getbootstrap.com, github.com, macodeid.com, maps.googleapis.com, opensource.org, popper.js.org, wowjs.uk. Offline, those parts fall back or stay empty.
- The contact and search forms have no backend (action="#"); connect your own form service.
- A YouTube link in the hero opens a video in a popup only when online.
Checked before publishing
- Opens from the extracted folder
- Yes, every local asset loaded
- Mobile layout at 390px
- No horizontal overflow
- Navigation links
- All resolve to files in the package
- Console errors on load
- 1 (see the notes above)
- Checked
- 2026-10-24
Licence and attribution
Creative Commons Attribution 4.0 (licence text), by MACode ID. Use and adapt freely, including commercially, as long as the credit to the original author stays visible.
Keep this credit with the template: Copyright: MACode ID, https://macodeid.com/ — Creative Commons Attribution 4.0
. The licence file in the package is LICENSE-NOTICE.txt. Apart from removing metadata files and adding the README, the files are as the author published them. Photographs in the template are covered only by the author’s licence statement; check image rights before commercial use.
Download
- File
seogram-html-template.zip- Size
- 1.5 MB
- SHA-256
244f24e6798093104dae166855bb5e514116af4c4f6489fe853bf4eec5a1c8f7