https://github.com/xylium117/website-template

website template for events and stuff
https://github.com/xylium117/website-template

responsive template website

Last synced: over 1 year ago
JSON representation

website template for events and stuff

• Host: GitHub
• URL: https://github.com/xylium117/website-template
• Owner: xylium117
• Created: 2025-01-24T06:12:08.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-24T09:24:32.000Z (over 1 year ago)
• Last Synced: 2025-02-03T07:32:39.145Z (over 1 year ago)
• Topics: responsive, template, website
• Language: JavaScript
• Homepage: https://xylium117.github.io/website-template/
• Size: 12.1 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Commercial WebTemplate

This is a website template for commercial events and occasions.

### Tech Used

![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)

![JavaScript](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E)

![jQuery](https://img.shields.io/badge/jQuery-0769AD?style=for-the-badge&logo=jquery&logoColor=white)

### Image Ratios (Suggested)

| Image              | Dimensions | Ratio |

| :---------------- | :------: | :----: |

| Main Banner | `1600x640` | 5:2 |

| AboutUs Banner | `1600x640` | 5:2 |

| Sponsors Banner | `1600x320` | 5:1 |

| Register Banner | `1600x429` | 3.73:1 |

| Carousel Image (multiple) | `270x200` | 27:20 |

| AboutUs Header Image | `770x593` | 1.3:1 |

| AboutUs Upcoming Image (multiple) | `369x236` | 1.56:1 |

| Events Catalog Image (multiple) | `328x330` | 1:1 |

| EventDetails Image | `769x570` | 1.35:1 |

| Map Banner | `1600x550` | 2.91:1 |

| AboutUs Map Preview | `400x297` | 1.35:1 |

- [x] *The Dimensions are suggested, whereas the ratios must be followed else inconsistencies in image compressions, quality and dimensions would arise.*

- [x] *A high-res image cropped in ratio is highly suggested and intuitive.*

### Libraries Implemented

 - [x] [Accordion.js](https://michu2k.github.io/Accordion/)

 - [x] [Bootstrap](https://getbootstrap.com/)

 - [x] [jQuery.js (version 2.1.0)](https://jquery.com/)

 - [x] [Owl Carousel.js](https://owlcarousel2.github.io/OwlCarousel2/)

 - [x] [Popper.js](https://floating-ui.com/?utm_source=popper.js.org)

 - [x] [Quantity.js](https://www.npmjs.com/package/js-quantities)

 - [ ] [ScrollReveal.js](https://scrollrevealjs.org/)

 - [ ] [Waypoints.js](http://imakewebthings.com/waypoints/)

 - [x] [FontAwesome](https://fontawesome.com/)

***Map Generated from Snazzy Maps [@SnazzyMaps](https://snazzymaps.com/build-a-map)***

**Image was AI Upscaled by 4x and cropped down*

***Placeholder Images from WallpaperCave***