https://github.com/is-leeroy-jenkins/orca

A quick and dirty HTML, CSS, and JS website template
https://github.com/is-leeroy-jenkins/orca

css3 html5 javascript templates web website website-template

Last synced: 4 months ago
JSON representation

A quick and dirty HTML, CSS, and JS website template

• Host: GitHub
• URL: https://github.com/is-leeroy-jenkins/orca
• Owner: is-leeroy-jenkins
• License: mit
• Created: 2023-06-05T22:23:47.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-10-01T05:58:17.000Z (9 months ago)
• Last Synced: 2025-01-12T00:43:32.806Z (5 months ago)
• Topics: css3, html5, javascript, templates, web, website, website-template
• Language: HTML
• Homepage:
• Size: 26.8 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
##  Orca

## ![](https://github.com/KarmaScripter/BudgetWeb/blob/main/img/BudgetWeb.png)

## A quick and fast HTML, CSS, and JS website template

- css/frame.css (CSS for the main frame of the website)

- css/controls.css (CSS for control elements that do not require JavaScript)

- css/widgets.css (CSS for widgets that require JavaScript)

- js/widgets.js (JavaScript for widgets)

- js/util.js (JavaScript for general utility functions)

- js/menu.js (JavaScript for loading the menu bar)

- js/footer.js (JavaScript for loading the footer)

### Uses jQuery to load the menu bar and the footer, as shown below:

```html

```

The `menu.js` script loads `menu.html` to `menu-container`.

```html



```

The `footer.js` script loads `footer.html` to `footer-container`.

```html



```


### This template is tested and worked on:

- macOS 12.4

  - Chrome 103

  - Safari 15.5

  - Firefox 103

  - Edge 103

- Android 12

  - Chrome 103

- iOS 15.5

  - Chrome 103

  - Safari 15.5

  - Firefox 102

 

  - 

# Overview

![](https://github.com/KarmaScripter/BudgetWeb/blob/main/etc/github/Overview.gif)

# Landing

![](https://github.com/KarmaScripter/BudgetWeb/blob/main/etc/github/Overview.PNG)

# Galleries

![](https://github.com/KarmaScripter/BudgetWeb/blob/main/etc/github/Gallery.PNG)

# Dropdowns & Radio Buttons

![](https://github.com/KarmaScripter/BudgetWeb/blob/main/etc/github/Dropdowns.PNG)

# Dialogs

![](https://github.com/KarmaScripter/BudgetWeb/blob/main/etc/github/Dialogs.PNG)

# iFrame - Air Quality tracking

![](https://github.com/KarmaScripter/BudgetWeb/blob/main/etc/github/Iframe.PNG)

# Masonry

![](https://github.com/KarmaScripter/BudgetWeb/blob/main/etc/github/Masonry.PNG)

# Surveys

![](https://github.com/KarmaScripter/BudgetWeb/blob/main/etc/github/Surveys.PNG)

# Tables

![](https://github.com/KarmaScripter/BudgetWeb/blob/main/etc/github/Tables.PNG)

# Videos

![](https://github.com/KarmaScripter/BudgetWeb/blob/main/etc/github/Video.PNG)