https://github.com/albinzayedrawan/images-list
This is a simple webpage that displays a list of items using Handlebars.js for templating and Bootstrap for styling.
https://github.com/albinzayedrawan/images-list
bootstrap handlebars-js html-css-javascript
Last synced: 6 days ago
JSON representation
This is a simple webpage that displays a list of items using Handlebars.js for templating and Bootstrap for styling.
- Host: GitHub
- URL: https://github.com/albinzayedrawan/images-list
- Owner: albinzayedrawan
- Created: 2025-02-24T10:18:14.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-24T10:20:23.000Z (over 1 year ago)
- Last Synced: 2025-03-07T14:48:28.367Z (over 1 year ago)
- Topics: bootstrap, handlebars-js, html-css-javascript
- Language: HTML
- Homepage: https://albinzayedrawan.github.io/Images-List/
- Size: 1.95 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Simple Webpage
This is a simple webpage that displays a list of items using Handlebars.js for templating and Bootstrap for styling.
## Project Structure
- `index.html`: The main HTML file that includes the structure of the webpage.
- `script.js`: JavaScript file that handles the dynamic rendering of items using Handlebars.js.
- `styles.css`: Custom CSS file for additional styling.
- `.gitignore`: Git ignore file to exclude unnecessary files from the repository.
## Getting Started
To view the webpage, simply open `index.html` in your web browser.
## Dependencies
- [Bootstrap 4.5.2](https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css)
- [Handlebars.js 4.7.7](https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.7/handlebars.min.js)
## Usage
1. Open `index.html` in your web browser.
2. The webpage will display a list of items with their title, description, and image.
## Customization
- To add or modify items, edit the `data` object in `script.js`.
- To change the styling, update `styles.css`.