├── themes ├── bubblegum │ ├── app.html │ ├── form.html │ ├── data.json │ ├── index.html │ └── css │ │ └── bootstrap4-bubblegum.scss ├── charming │ ├── app.html │ ├── form.html │ ├── css │ │ ├── _forms.scss │ │ ├── _alerts.scss │ │ ├── _icons.scss │ │ ├── _type.scss │ │ ├── mixins │ │ │ ├── _colors.scss │ │ │ └── _mixins.scss │ │ ├── _utilities.scss │ │ ├── _functions.scss │ │ ├── bootstrap4-charming.scss │ │ ├── _buttons.scss │ │ ├── _variables.scss │ │ └── _colors.scss │ ├── data.json │ └── index.html ├── daydream │ ├── app.html │ ├── form.html │ ├── data.json │ ├── index.html │ └── css │ │ └── bootstrap4-daydream.scss ├── good-news │ ├── app.html │ ├── form.html │ ├── data.json │ ├── index.html │ └── css │ │ └── bootstrap4-good-news.scss ├── growth │ ├── app.html │ ├── form.html │ ├── data.json │ ├── index.html │ └── css │ │ └── bootstrap4-growth.scss ├── harbor │ ├── app.html │ ├── form.html │ ├── images │ │ ├── bg-harbor.jpg │ │ └── bg-harbor@2x.jpg │ ├── data.json │ ├── index.html │ └── css │ │ └── bootstrap4-harbor.scss ├── neon-glow │ ├── app.html │ ├── form.html │ ├── images │ │ └── ng-background-dot.png │ ├── data.json │ └── index.html ├── pleasant │ ├── app.html │ ├── form.html │ ├── data.json │ ├── index.html │ └── css │ │ └── bootstrap4-pleasant.scss ├── retro │ ├── app.html │ ├── form.html │ ├── data.json │ ├── index.html │ └── css │ │ └── bootstrap4-retro.scss ├── wizardry │ ├── app.html │ ├── form.html │ ├── images │ │ ├── bg-wizardry.jpg │ │ └── bg-wizardry@2x.jpg │ ├── data.json │ ├── index.html │ └── css │ │ └── bootstrap4-wizardry.scss ├── hello-world │ ├── app.html │ ├── form.html │ ├── data.json │ ├── index.html │ └── css │ │ └── bootstrap4-hello-world.scss ├── vibrant-sea │ ├── app.html │ ├── form.html │ ├── images │ │ ├── vs-cloud-1.png │ │ ├── vs-cloud-2.png │ │ ├── vs-fish-1.png │ │ ├── vs-cloud-1@2x.png │ │ ├── vs-cloud-2@2x.png │ │ ├── vs-fish-1@2x.png │ │ ├── vs-octopus-1.png │ │ └── vs-octopus-1@2x.png │ ├── data.json │ ├── index.html │ └── css │ │ └── bootstrap4-vibrant-sea.scss ├── business-tycoon │ ├── app.html │ ├── form.html │ ├── data.json │ ├── index.html │ └── css │ │ └── bootstrap4-business-tycoon.scss ├── executive-suite │ ├── app.html │ ├── form.html │ ├── images │ │ ├── executive-image.jpg │ │ └── executive-image@2x.jpg │ ├── data.json │ ├── index.html │ └── css │ │ └── bootstrap4-executive-suite.scss └── default │ └── data.json ├── .gitignore ├── dist ├── harbor │ ├── images │ │ ├── bg-harbor.jpg │ │ └── bg-harbor@2x.jpg │ ├── index.html │ └── app.html ├── vibrant-sea │ ├── images │ │ ├── vs-cloud-1.png │ │ ├── vs-cloud-2.png │ │ ├── vs-fish-1.png │ │ ├── vs-fish-1@2x.png │ │ ├── vs-octopus-1.png │ │ ├── vs-cloud-1@2x.png │ │ ├── vs-cloud-2@2x.png │ │ └── vs-octopus-1@2x.png │ └── index.html ├── wizardry │ ├── images │ │ ├── bg-wizardry.jpg │ │ └── bg-wizardry@2x.jpg │ ├── index.html │ └── app.html ├── neon-glow │ ├── images │ │ └── ng-background-dot.png │ └── index.html ├── executive-suite │ ├── images │ │ ├── executive-image.jpg │ │ └── executive-image@2x.jpg │ └── index.html ├── good-news │ ├── index.html │ └── app.html ├── business-tycoon │ └── index.html ├── bubblegum │ ├── index.html │ └── app.html ├── daydream │ ├── index.html │ └── app.html ├── pleasant │ ├── index.html │ └── app.html ├── retro │ ├── index.html │ └── app.html ├── hello-world │ └── index.html ├── growth │ ├── index.html │ └── app.html └── charming │ ├── index.html │ └── app.html ├── html ├── _layouts │ ├── app.html │ ├── form.html │ ├── index.html │ └── base.html └── _includes │ ├── app.html │ └── form.html ├── scsslint.yml ├── scss └── _common-utils.scss ├── package.json ├── LICENSE ├── readme.md └── gulpfile.js /themes/bubblegum/app.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/app.html" %} 2 | -------------------------------------------------------------------------------- /themes/charming/app.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/app.html" %} 2 | -------------------------------------------------------------------------------- /themes/daydream/app.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/app.html" %} 2 | -------------------------------------------------------------------------------- /themes/good-news/app.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/app.html" %} 2 | -------------------------------------------------------------------------------- /themes/growth/app.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/app.html" %} 2 | -------------------------------------------------------------------------------- /themes/growth/form.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/form.html" %} 2 | -------------------------------------------------------------------------------- /themes/harbor/app.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/app.html" %} 2 | -------------------------------------------------------------------------------- /themes/harbor/form.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/form.html" %} 2 | -------------------------------------------------------------------------------- /themes/neon-glow/app.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/app.html" %} 2 | -------------------------------------------------------------------------------- /themes/pleasant/app.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/app.html" %} 2 | -------------------------------------------------------------------------------- /themes/retro/app.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/app.html" %} 2 | -------------------------------------------------------------------------------- /themes/retro/form.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/form.html" %} 2 | -------------------------------------------------------------------------------- /themes/wizardry/app.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/app.html" %} 2 | -------------------------------------------------------------------------------- /themes/bubblegum/form.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/form.html" %} 2 | -------------------------------------------------------------------------------- /themes/charming/form.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/form.html" %} 2 | -------------------------------------------------------------------------------- /themes/daydream/form.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/form.html" %} 2 | -------------------------------------------------------------------------------- /themes/good-news/form.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/form.html" %} 2 | -------------------------------------------------------------------------------- /themes/hello-world/app.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/app.html" %} 2 | -------------------------------------------------------------------------------- /themes/hello-world/form.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/form.html" %} 2 | -------------------------------------------------------------------------------- /themes/neon-glow/form.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/form.html" %} 2 | -------------------------------------------------------------------------------- /themes/pleasant/form.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/form.html" %} 2 | -------------------------------------------------------------------------------- /themes/vibrant-sea/app.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/app.html" %} 2 | -------------------------------------------------------------------------------- /themes/vibrant-sea/form.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/form.html" %} 2 | -------------------------------------------------------------------------------- /themes/wizardry/form.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/form.html" %} 2 | -------------------------------------------------------------------------------- /themes/business-tycoon/app.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/app.html" %} 2 | -------------------------------------------------------------------------------- /themes/business-tycoon/form.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/form.html" %} 2 | -------------------------------------------------------------------------------- /themes/executive-suite/app.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/app.html" %} 2 | -------------------------------------------------------------------------------- /themes/executive-suite/form.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/form.html" %} 2 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | _site 2 | .sass-cache 3 | .jekyll-metadata 4 | node_modules/ 5 | .idea/workspace.xml 6 | .idea/tasks.xml 7 | -------------------------------------------------------------------------------- /dist/harbor/images/bg-harbor.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/dist/harbor/images/bg-harbor.jpg -------------------------------------------------------------------------------- /dist/harbor/images/bg-harbor@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/dist/harbor/images/bg-harbor@2x.jpg -------------------------------------------------------------------------------- /themes/harbor/images/bg-harbor.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/themes/harbor/images/bg-harbor.jpg -------------------------------------------------------------------------------- /dist/vibrant-sea/images/vs-cloud-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/dist/vibrant-sea/images/vs-cloud-1.png -------------------------------------------------------------------------------- /dist/vibrant-sea/images/vs-cloud-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/dist/vibrant-sea/images/vs-cloud-2.png -------------------------------------------------------------------------------- /dist/vibrant-sea/images/vs-fish-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/dist/vibrant-sea/images/vs-fish-1.png -------------------------------------------------------------------------------- /dist/wizardry/images/bg-wizardry.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/dist/wizardry/images/bg-wizardry.jpg -------------------------------------------------------------------------------- /themes/harbor/images/bg-harbor@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/themes/harbor/images/bg-harbor@2x.jpg -------------------------------------------------------------------------------- /themes/wizardry/images/bg-wizardry.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/themes/wizardry/images/bg-wizardry.jpg -------------------------------------------------------------------------------- /dist/vibrant-sea/images/vs-fish-1@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/dist/vibrant-sea/images/vs-fish-1@2x.png -------------------------------------------------------------------------------- /dist/vibrant-sea/images/vs-octopus-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/dist/vibrant-sea/images/vs-octopus-1.png -------------------------------------------------------------------------------- /dist/wizardry/images/bg-wizardry@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/dist/wizardry/images/bg-wizardry@2x.jpg -------------------------------------------------------------------------------- /themes/vibrant-sea/images/vs-cloud-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/themes/vibrant-sea/images/vs-cloud-1.png -------------------------------------------------------------------------------- /themes/vibrant-sea/images/vs-cloud-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/themes/vibrant-sea/images/vs-cloud-2.png -------------------------------------------------------------------------------- /themes/vibrant-sea/images/vs-fish-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/themes/vibrant-sea/images/vs-fish-1.png -------------------------------------------------------------------------------- /dist/neon-glow/images/ng-background-dot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/dist/neon-glow/images/ng-background-dot.png -------------------------------------------------------------------------------- /dist/vibrant-sea/images/vs-cloud-1@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/dist/vibrant-sea/images/vs-cloud-1@2x.png -------------------------------------------------------------------------------- /dist/vibrant-sea/images/vs-cloud-2@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/dist/vibrant-sea/images/vs-cloud-2@2x.png -------------------------------------------------------------------------------- /dist/vibrant-sea/images/vs-octopus-1@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/dist/vibrant-sea/images/vs-octopus-1@2x.png -------------------------------------------------------------------------------- /themes/vibrant-sea/images/vs-cloud-1@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/themes/vibrant-sea/images/vs-cloud-1@2x.png -------------------------------------------------------------------------------- /themes/vibrant-sea/images/vs-cloud-2@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/themes/vibrant-sea/images/vs-cloud-2@2x.png -------------------------------------------------------------------------------- /themes/vibrant-sea/images/vs-fish-1@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/themes/vibrant-sea/images/vs-fish-1@2x.png -------------------------------------------------------------------------------- /themes/vibrant-sea/images/vs-octopus-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/themes/vibrant-sea/images/vs-octopus-1.png -------------------------------------------------------------------------------- /themes/wizardry/images/bg-wizardry@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/themes/wizardry/images/bg-wizardry@2x.jpg -------------------------------------------------------------------------------- /themes/neon-glow/images/ng-background-dot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/themes/neon-glow/images/ng-background-dot.png -------------------------------------------------------------------------------- /themes/vibrant-sea/images/vs-octopus-1@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/themes/vibrant-sea/images/vs-octopus-1@2x.png -------------------------------------------------------------------------------- /dist/executive-suite/images/executive-image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/dist/executive-suite/images/executive-image.jpg -------------------------------------------------------------------------------- /html/_layouts/app.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/base.html" %} 2 | 3 | {% block content %} 4 | {% include "html/_includes/app.html" %} 5 | {% endblock %} 6 | -------------------------------------------------------------------------------- /dist/executive-suite/images/executive-image@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/dist/executive-suite/images/executive-image@2x.jpg -------------------------------------------------------------------------------- /html/_layouts/form.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/base.html" %} 2 | 3 | {% block content %} 4 | {% include "html/_includes/form.html" %} 5 | {% endblock %} 6 | -------------------------------------------------------------------------------- /themes/executive-suite/images/executive-image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/themes/executive-suite/images/executive-image.jpg -------------------------------------------------------------------------------- /themes/executive-suite/images/executive-image@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HackerThemes/theme-machine/HEAD/themes/executive-suite/images/executive-image@2x.jpg -------------------------------------------------------------------------------- /themes/charming/css/_forms.scss: -------------------------------------------------------------------------------- 1 | //Forms 2 | .charming-form-input { 3 | background-color: $charming-form-input-bg; 4 | border-width: 3px; 5 | } 6 | 7 | .form-control-lg { 8 | font-size: 1rem; 9 | } 10 | -------------------------------------------------------------------------------- /themes/default/data.json: -------------------------------------------------------------------------------- 1 | { 2 | "title" : "Bootstrap Buffet", 3 | "bodyClass" : "ht-tm-default-theme", 4 | "excerpt" : "A visual overview of the default Bootstrap theme. With an interactive code picker and inspector." 5 | } 6 | -------------------------------------------------------------------------------- /themes/charming/css/_alerts.scss: -------------------------------------------------------------------------------- 1 | // Regenerate alerts 2 | @each $color, $value in $theme-colors { 3 | .alert-#{$color} { 4 | @include alert-variant(theme-color-level($color, -5), theme-color-level($color, -2), theme-color-level($color, 7)); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /themes/charming/css/_icons.scss: -------------------------------------------------------------------------------- 1 | // Icons 2 | 3 | .icon { 4 | //standard icon size 5 | font-size: 28px; 6 | margin: 0 5px; 7 | } 8 | 9 | .icon-sm { 10 | font-size: 20px; 11 | } 12 | 13 | .icon-xs { 14 | font-size: 16px; 15 | } 16 | 17 | .icon-lg { 18 | font-size: 42px; 19 | } 20 | 21 | .icon-xl { 22 | font-size: 72px; 23 | } 24 | -------------------------------------------------------------------------------- /scsslint.yml: -------------------------------------------------------------------------------- 1 | exclude: '_pygments.scss' 2 | 3 | linters: 4 | Indentation: 5 | width: 2 6 | #Comment: 7 | #allowed: '[\s\S]*' 8 | NestingDepth: 9 | max_depth: 5 10 | NameFormat: 11 | enabled: false 12 | Comment: 13 | enabled: false 14 | ColorVariable: 15 | enabled: false 16 | ImportantRule: 17 | enabled: false 18 | -------------------------------------------------------------------------------- /themes/growth/data.json: -------------------------------------------------------------------------------- 1 | { 2 | "title" : "Growth", 3 | "navbarClass" : "bg-dark navbar-dark text-white", 4 | "navbarLinkClass" : "text-light", 5 | "downloadButtonClass" : "btn-secondary", 6 | "folder" : "growth/", 7 | "css" : "css/bootstrap4-growth.min.css", 8 | "excerpt" : "An open source Bootstrap theme.", 9 | "font" : "https://fonts.googleapis.com/css?family=Raleway", 10 | "filename" : "hackerthemes-growth.zip", 11 | "dbId" : "92" 12 | } 13 | -------------------------------------------------------------------------------- /themes/harbor/data.json: -------------------------------------------------------------------------------- 1 | { 2 | "title" : "Harbor", 3 | "navbarClass" : "bg-info navbar-dark text-white", 4 | "navbarLinkClass" : "text-light", 5 | "downloadButtonClass" : "btn-outline-light", 6 | "folder" : "harbor/", 7 | "css" : "css/bootstrap4-harbor.min.css", 8 | "excerpt" : "An open source Bootstrap theme.", 9 | "font" : "https://fonts.googleapis.com/css?family=Oswald|Raleway", 10 | "filename" : "hackerthemes-harbor.zip", 11 | "dbId" : "93" 12 | } 13 | -------------------------------------------------------------------------------- /themes/retro/data.json: -------------------------------------------------------------------------------- 1 | { 2 | "title" : "Retro", 3 | "navbarClass" : "bg-danger navbar-dark text-white", 4 | "navbarLinkClass" : "text-white", 5 | "downloadButtonClass" : "btn-outline-light", 6 | "folder" : "retro/", 7 | "css" : "css/bootstrap4-retro.min.css", 8 | "excerpt" : "An open source Bootstrap theme.", 9 | "font" : "https://fonts.googleapis.com/css?family=Montserrat|Shrikhand", 10 | "filename" : "hackerthemes-retro.zip", 11 | "dbId" : "97" 12 | } 13 | -------------------------------------------------------------------------------- /themes/charming/css/_type.scss: -------------------------------------------------------------------------------- 1 | // Type 2 | 3 | h6, 4 | .h6 { font-weight: bold; } 5 | 6 | h1, 7 | .h1 { line-height: 1.384615385; } // 54px 8 | 9 | h2, 10 | .h2 { line-height: 1.35483871; } // 42px 11 | h3, 12 | .h3 { line-height: 1.44; } // 36px 13 | 14 | h4, 15 | .h4, 16 | h5, 17 | .h5, 18 | h6, 19 | .h6 { line-height: 1.5; } 20 | 21 | p { 22 | margin-bottom: $spacer * .75; 23 | } 24 | 25 | // Text utilities 0 26 | .text-soft { 27 | color: $body-color-soft; 28 | } 29 | -------------------------------------------------------------------------------- /themes/pleasant/data.json: -------------------------------------------------------------------------------- 1 | { 2 | "title" : "Pleasant", 3 | "navbarClass" : "bg-primary navbar-dark text-white", 4 | "navbarLinkClass" : "text-light", 5 | "downloadButtonClass" : "btn-outline-light", 6 | "folder" : "pleasant/", 7 | "css" : "css/bootstrap4-pleasant.min.css", 8 | "excerpt" : "An open source Bootstrap theme.", 9 | "font" : "https://fonts.googleapis.com/css?family=Open+Sans|Ubuntu", 10 | "filename" : "hackerthemes-pleasant.zip", 11 | "dbId" : "96" 12 | } 13 | -------------------------------------------------------------------------------- /themes/wizardry/data.json: -------------------------------------------------------------------------------- 1 | { 2 | "title" : "Wizardry", 3 | "navbarClass" : "bg-dark navbar-dark text-white", 4 | "navbarLinkClass" : "text-white", 5 | "downloadButtonClass" : "btn-outline-light", 6 | "folder" : "wizardry/", 7 | "css" : "css/bootstrap4-wizardry.min.css", 8 | "excerpt" : "An open source Bootstrap theme.", 9 | "font" : "https://fonts.googleapis.com/css?family=Comfortaa|Roboto:300,400", 10 | "filename" : "hackerthemes-wizardry.zip", 11 | "dbId" : "99" 12 | } 13 | -------------------------------------------------------------------------------- /themes/charming/data.json: -------------------------------------------------------------------------------- 1 | { 2 | "title" : "Charming", 3 | "navbarClass" : "bg-accent-2 text-white navbar-dark", 4 | "navbarLinkClass" : "text-white", 5 | "downloadButtonClass" : "btn-outline-light", 6 | "folder" : "charming/", 7 | "css" : "css/bootstrap4-charming.min.css", 8 | "excerpt" : "A charming Bootstrap theme", 9 | "font" : "https://fonts.googleapis.com/css?family=Lato:400,900,700,400italic", 10 | "filename" : "hackerthemes-charming.zip", 11 | "dbId" : "88" 12 | } 13 | -------------------------------------------------------------------------------- /themes/good-news/data.json: -------------------------------------------------------------------------------- 1 | { 2 | "title" : "Good News", 3 | "navbarClass" : "bg-light", 4 | "navbarLinkClass" : "text-dark", 5 | "downloadButtonClass" : "btn-outline-dark", 6 | "folder" : "good-news/", 7 | "css" : "css/bootstrap4-good-news.min.css", 8 | "excerpt" : "A subtle open source Bootstrap theme focused on typography.", 9 | "font" : "https://fonts.googleapis.com/css?family=Open+Sans|PT+Serif", 10 | "filename" : "hackerthemes-good-news.zip", 11 | "dbId" : "91" 12 | } 13 | -------------------------------------------------------------------------------- /themes/charming/css/mixins/_colors.scss: -------------------------------------------------------------------------------- 1 | @mixin bg-gradient($gstart, $gstop) { 2 | background: linear-gradient(to right, $gstart, $gstop); 3 | background-color: mix($gstart, $gstop); 4 | } 5 | 6 | @mixin bg-gradient-vertical($gstart, $gstop) { 7 | background: linear-gradient(to bottom, $gstart, $gstop); 8 | background-color: mix($gstart, $gstop); 9 | } 10 | 11 | @mixin bg-color($color) { 12 | background: $color; 13 | } 14 | 15 | @mixin text-color($color) { 16 | color: $color; 17 | } 18 | -------------------------------------------------------------------------------- /themes/bubblegum/data.json: -------------------------------------------------------------------------------- 1 | { 2 | "title" : "Bubblegum", 3 | "navbarClass" : "bg-danger text-white navbar-dark", 4 | "navbarLinkClass" : "text-white", 5 | "downloadButtonClass" : "btn-light text-danger", 6 | "folder" : "bubblegum/", 7 | "css" : "css/bootstrap4-bubblegum.min.css", 8 | "excerpt" : "A playful and open source Bootstrap theme.", 9 | "font" : "https://fonts.googleapis.com/css?family=Chicle|Open+Sans", 10 | "filename" : "hackerthemes-bubblegum.zip", 11 | "dbId" : "86" 12 | } 13 | -------------------------------------------------------------------------------- /themes/hello-world/data.json: -------------------------------------------------------------------------------- 1 | { 2 | "title" : "Hello World", 3 | "navbarClass" : "bg-dark navbar-dark text-white", 4 | "navbarLinkClass" : "text-light", 5 | "downloadButtonClass" : "btn-outline-light", 6 | "folder" : "hello-world/", 7 | "css" : "css/bootstrap4-hello-world.min.css", 8 | "excerpt" : "An open source Bootstrap theme.", 9 | "font" : "https://fonts.googleapis.com/css?family=Fredoka+One|Roboto:300,400", 10 | "filename" : "hackerthemes-hello-world.zip", 11 | "dbId" : "94" 12 | } 13 | -------------------------------------------------------------------------------- /themes/daydream/data.json: -------------------------------------------------------------------------------- 1 | { 2 | "title" : "Daydream", 3 | "navbarClass" : "bg-primary text-white navbar-dark", 4 | "navbarLinkClass" : "text-white", 5 | "downloadButtonClass" : "btn-outline-light", 6 | "folder" : "daydream/", 7 | "css" : "css/bootstrap4-daydream.min.css", 8 | "excerpt" : "A playful and open source Bootstrap theme.", 9 | "font" : "https://fonts.googleapis.com/css?family=Open+Sans|Oswald|Shadows+Into+Light", 10 | "filename" : "hackerthemes-daydream.zip", 11 | "dbId" : "89" 12 | } 13 | -------------------------------------------------------------------------------- /themes/vibrant-sea/data.json: -------------------------------------------------------------------------------- 1 | { 2 | "title" : "Vibrant Sea", 3 | "navbarClass" : "bg-primary navbar-dark text-white", 4 | "navbarLinkClass" : "text-white", 5 | "downloadButtonClass" : "btn-outline-light", 6 | "folder" : "vibrant-sea/", 7 | "css" : "css/bootstrap4-vibrant-sea.min.css", 8 | "excerpt" : "An open source Bootstrap theme.", 9 | "font" : "https://fonts.googleapis.com/css?family=Oswald:300,400|Roboto:400,700", 10 | "filename" : "hackerthemes-vibrant-sea.zip", 11 | "dbId" : "98" 12 | } 13 | -------------------------------------------------------------------------------- /themes/business-tycoon/data.json: -------------------------------------------------------------------------------- 1 | { 2 | "title" : "Business Tycoon", 3 | "navbarClass" : "bg-dark text-white navbar-dark", 4 | "navbarLinkClass" : "text-white", 5 | "downloadButtonClass" : "btn-outline-light", 6 | "folder" : "business-tycoon/", 7 | "css" : "css/bootstrap4-business-tycoon.min.css", 8 | "excerpt" : "A Bootstrap theme with a professional look. ", 9 | "font" : "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400", 10 | "filename" : "hackerthemes-business-tycoon.zip", 11 | "dbId" : "87" 12 | } 13 | -------------------------------------------------------------------------------- /themes/charming/css/_utilities.scss: -------------------------------------------------------------------------------- 1 | .img-simple-border { 2 | border: 1px $img-simple-border solid; 3 | } 4 | 5 | .icon-with-label { 6 | align-items: center; 7 | display: inline-flex; 8 | flex-flow: row nowrap; 9 | margin-right: $spacer * 1.5; 10 | } 11 | 12 | .icon-with-label-text { 13 | line-height: 20px; 14 | margin-left: $spacer / 2.66; 15 | margin-top: -2px; 16 | } 17 | 18 | .link-soft { 19 | color: $body-color; 20 | 21 | &:hover, 22 | &:focus, 23 | &:active { 24 | color: $body-color; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /themes/executive-suite/data.json: -------------------------------------------------------------------------------- 1 | { 2 | "title" : "Executive Suite", 3 | "navbarClass" : "bg-dark navbar-dark text-white", 4 | "navbarLinkClass" : "text-white", 5 | "downloadButtonClass" : "btn-outline-light", 6 | "folder" : "executive-suite/", 7 | "css" : "css/bootstrap4-executive-suite.min.css", 8 | "excerpt" : "An exquisite and open source Bootstrap theme.", 9 | "font" : "https://fonts.googleapis.com/css?family=Merriweather|Oswald|Source+Sans+Pro", 10 | "filename" : "hackerthemes-executive-suite.zip", 11 | "dbId" : "90" 12 | } 13 | -------------------------------------------------------------------------------- /themes/neon-glow/data.json: -------------------------------------------------------------------------------- 1 | { 2 | "title" : "Neon Glow", 3 | "navbarClass" : "navbar-dark text-white", 4 | "navbarLinkClass" : "text-light", 5 | "downloadButtonClass" : "btn-outline-light", 6 | "folder" : "neon-glow/", 7 | "css" : "css/bootstrap4-neon-glow.min.css", 8 | "excerpt" : "An open source Bootstrap theme.", 9 | "font" : "https://fonts.googleapis.com/css?family=Roboto", 10 | "filename" : "hackerthemes-neon-glow.zip", 11 | "nonGoogleFont" : "", 12 | "isDark" : true, 13 | "dbId" : "95" 14 | } 15 | -------------------------------------------------------------------------------- /themes/charming/css/_functions.scss: -------------------------------------------------------------------------------- 1 | // function to retrieve colors from maps 2 | @function multi-map-get($map, $list...) { 3 | @each $key in $list { 4 | $map: map-get($map, $key); 5 | } 6 | @return $map; // Our value 7 | } 8 | 9 | @function gradient($number: 1, $value: 'gstart') { 10 | // a wrapper around map-get for the $gradients array 11 | @return multi-map-get($gradients, $number, $value); 12 | } 13 | 14 | @function get-color($name: "primary", $value: 'color') { 15 | // a wrapper around map-get for the $theme-colors-extended array 16 | @return multi-map-get($theme-colors-extended, $name, $value); 17 | } 18 | -------------------------------------------------------------------------------- /themes/charming/css/bootstrap4-charming.scss: -------------------------------------------------------------------------------- 1 | /*! Bootstrap 4 "Charming" Theme by HackerThemes, https://hackerthemes.com */ 2 | 3 | @import 'functions'; // map-get 4 | @import 'colors'; 5 | @import 'variables'; 6 | 7 | // Bootstrap variables end: Import Bootstrap 8 | @import '../../../node_modules/bootstrap/scss/bootstrap'; 9 | @import '../../../scss/common-utils'; 10 | 11 | 12 | // Customized Bootstrap 13 | @import 'alerts'; 14 | 15 | 16 | // Charming stuff 17 | @import 'mixins/mixins'; 18 | @import 'mixins/colors'; 19 | 20 | @import 'buttons'; 21 | @import 'forms'; 22 | @import 'icons'; 23 | @import 'type'; 24 | @import 'utilities'; 25 | -------------------------------------------------------------------------------- /themes/good-news/index.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/index.html" %} 2 | 3 | {% block jumbotron %} 4 |
5 |
6 | 7 |

Good News!

8 | This is a starter template with a jumbotron. 9 | 10 |
11 | 13 | A Button 14 | 15 | 16 | 18 | Another Button 19 | 20 |
21 |
22 |
23 | {% endblock %} 24 | 25 | -------------------------------------------------------------------------------- /themes/business-tycoon/index.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/index.html" %} 2 | 3 | {% block jumbotron %} 4 |
5 |
6 |

Business Tycoon

7 |
This is a starter template with a jumbotron.
8 |
9 | 11 | A button 12 | 13 | 14 | 16 | Another button 17 | 18 |
19 |
20 |
21 | {% endblock %} 22 | -------------------------------------------------------------------------------- /themes/harbor/index.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/index.html" %} 2 | 3 | {% block jumbotron %} 4 |
5 |
6 | 7 |

Harbor

8 | This is a starter template with a jumbotron 9 | 10 |
11 | 13 | A Button 14 | 15 | 16 | 18 | Another Button 19 | 20 |
21 | 22 |
23 |
24 | {% endblock %} 25 | 26 | -------------------------------------------------------------------------------- /scss/_common-utils.scss: -------------------------------------------------------------------------------- 1 | @each $color, $value in $theme-colors { 2 | .btn-hover-text-#{$color} { 3 | &:hover, 4 | &:active { 5 | color: $value !important; 6 | } 7 | } 8 | } 9 | 10 | .btn-wide { 11 | padding-left: 50px; 12 | padding-right: 50px; 13 | } 14 | 15 | .display-fix { 16 | margin-left: -4px; 17 | } 18 | 19 | .btn-pill { 20 | border-radius: 100px; 21 | } 22 | 23 | .lead-lg { 24 | font-size: 35px; 25 | } 26 | 27 | .radius-0 { 28 | border-radius: 0; 29 | } 30 | 31 | .text-spacey { 32 | line-height: 28px; 33 | } 34 | 35 | .display-1 { 36 | @include media-breakpoint-down(sm) { 37 | font-size: 4rem; 38 | } 39 | } 40 | 41 | .display-2 { 42 | @include media-breakpoint-down(sm) { 43 | font-size: 3.5rem; 44 | } 45 | } 46 | -------------------------------------------------------------------------------- /themes/bubblegum/index.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/index.html" %} 2 | 3 | {% block jumbotron %} 4 |
5 |
6 |

Bubblegum

7 | This is a starter template with a jumbotron 8 | 9 |
10 | 12 | Button 13 | 14 | 15 | 18 | Another Button 19 | 20 |
21 |
22 |
23 | {% endblock %} 24 | -------------------------------------------------------------------------------- /themes/daydream/index.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/index.html" %} 2 | 3 | {% block jumbotron %} 4 |
5 |
6 | 7 |

Programmers never

8 |

Daydream

9 | 10 |
11 | 13 | A Button 14 | 15 | 16 | 18 | Another button 19 | 20 |
21 |
22 |
23 | {% endblock %} 24 | -------------------------------------------------------------------------------- /themes/hello-world/index.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/index.html" %} 2 | 3 | {% block jumbotron %} 4 |
5 |
6 | 7 |

Hello World

8 | This is a starter template with a jumbotron 9 | 10 |
11 | 13 | A Button 14 | 15 | 16 | 18 | Another button 19 | 20 |
21 |
22 |
23 | {% endblock %} 24 | 25 | -------------------------------------------------------------------------------- /themes/pleasant/index.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/index.html" %} 2 | 3 | {% block jumbotron %} 4 |
5 |
6 |
7 |
8 |

Pleasant

9 | This is a starter template with a jumbotron 10 | 11 |
12 | 14 | A Button 15 | 16 | 17 | 19 | Another button 20 | 21 |
22 |
23 |
24 |
25 |
26 | {% endblock %} 27 | 28 | -------------------------------------------------------------------------------- /themes/retro/index.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/index.html" %} 2 | 3 | {% block jumbotron %} 4 |
5 |
6 |
7 |

Retro

8 | This is a starter template with a jumbotron 9 | 10 |
11 | 13 | A Button 14 | 15 | 16 | 19 | Another Button 20 | 21 |
22 |
23 |
24 |
25 | {% endblock %} 26 | 27 | -------------------------------------------------------------------------------- /html/_layouts/index.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/base.html" %} 2 | 3 | {% block content %} 4 | {% block jumbotron %} 5 |
6 |
7 |

Bootstrap Theme

8 |

9 | This is a minimal Bootstrap Starter template. 10 |

11 | 12 | Default Button 13 | 14 | Outline Button 15 |
16 |
17 | {% endblock %} 18 | 19 |
20 |

Thanks

21 | 22 |

Thank you for downloading this theme. If you have trouble or find a bug, please open an issue on GitHub:
23 | https://github.com/HackerThemes/theme-machine

24 | 25 | {% block pro %}{% endblock %} 26 |
27 | {% endblock %} 28 | -------------------------------------------------------------------------------- /themes/wizardry/index.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/index.html" %} 2 | 3 | {% block jumbotron %} 4 |
5 |
6 | 7 |

Wizardry 8 | 9 |

10 | This is a starter template with a jumbotron 11 | 12 |
13 | 15 | A button 16 | 17 | 18 | 20 | Another button 21 | 22 |
23 | 24 |
25 |
26 | 27 | {% endblock %} 28 | 29 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme-machine", 3 | "version": "1.0.1", 4 | "description": "A collection of free Bootstrap 4 themes by HackerThemes", 5 | "main": "index.js", 6 | "repository": "https://github.com/HackerThemes/theme-machine", 7 | "scripts": { 8 | "test": "echo \"Error: no test specified\" && exit 1" 9 | }, 10 | "author": "Alexander Rechsteiner (HackerThemes.com)", 11 | "license": "MIT", 12 | "dependencies": { 13 | "natives": "^1.1.6" 14 | }, 15 | "devDependencies": { 16 | "autoprefixer": "^9.4.9", 17 | "bootstrap": "^4.3.1", 18 | "font-awesome": "^4.7.0", 19 | "gulp": "^4.0.0", 20 | "gulp-clean-css": "^4.0.0", 21 | "gulp-nunjucks-render": "^2.2.2", 22 | "gulp-postcss": "^8.0.0", 23 | "gulp-rename": "^1.4.0", 24 | "gulp-sass": "^4.0.1", 25 | "gulp-scss-lint": "^1.0.0", 26 | "gulp-sourcemaps": "^2.6.5" 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /themes/growth/index.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/index.html" %} 2 | 3 | {% block jumbotron %} 4 |
5 |
6 |
7 |
8 | 9 |

Growth

10 | This is a starter template with a jumbotron. 11 | 12 |
13 | 15 | A Button 16 | 17 | 18 | 20 | Another Button 21 | 22 |
23 | 24 |
25 |
26 |
27 |
28 | {% endblock %} 29 | 30 | -------------------------------------------------------------------------------- /themes/harbor/css/bootstrap4-harbor.scss: -------------------------------------------------------------------------------- 1 | /*! Bootstrap 4 "Harbor" Theme by HackerThemes, https://hackerthemes.com */ 2 | 3 | $primary: #3ea1e6; 4 | $secondary: #3ecae6; 5 | $success: #32c466; 6 | $info: #3e71e6; 7 | $warning: #ecb655; 8 | $danger: #e63e52; 9 | $dark: #303250; 10 | $light: #fff; 11 | 12 | $font-family-sans-serif: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default; //BS 13 | 14 | @import '../../../node_modules/bootstrap/scss/bootstrap'; 15 | @import '../../../scss/common-utils'; 16 | 17 | .display-1, 18 | .display-2, 19 | .display-3, 20 | .display-4 { 21 | font-family: "Oswald", sans-serif; 22 | } 23 | 24 | .jumbotron-harbor { 25 | align-items: center; 26 | background: url('../images/bg-harbor.jpg'); 27 | background-position: center; 28 | display: flex; 29 | min-height: 674px; 30 | } 31 | -------------------------------------------------------------------------------- /themes/pleasant/css/bootstrap4-pleasant.scss: -------------------------------------------------------------------------------- 1 | /*! Bootstrap 4 "Pleasant" Theme by HackerThemes, https://hackerthemes.com */ 2 | 3 | $primary: #6950df; 4 | $secondary: #5065df; 5 | $success: #58d666; 6 | $info: #50badf; 7 | $warning: #df8750; 8 | $danger: #df5061; 9 | $dark: #3e3e3e; 10 | $light: #f0f1fa; 11 | 12 | $border-radius: 10px !default; 13 | $border-radius-sm: 10px !default; 14 | $border-radius-lg: 10px !default; 15 | 16 | $font-family-sans-serif: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default; //BS 17 | 18 | @import '../../../node_modules/bootstrap/scss/bootstrap'; 19 | @import '../../../scss/common-utils'; 20 | 21 | .display-1, 22 | .display-2, 23 | .display-3, 24 | .display-4 { 25 | color: #3e3e3e; 26 | font-family: "Ubuntu", sans-serif; 27 | } 28 | 29 | .lead, 30 | .lead-lg { 31 | color: #7c7c7c; 32 | } 33 | -------------------------------------------------------------------------------- /themes/vibrant-sea/index.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/index.html" %} 2 | 3 | {% block jumbotron %} 4 |
5 |
6 |
7 |
8 |

Vibrant Sea

9 |
This is a starter template with a jumbotron
10 |
11 | 13 | 14 | A Button 15 | 16 | 18 | 19 | Another Button 20 | 21 |
22 |
23 |
24 |
25 |
26 | {% endblock %} 27 | -------------------------------------------------------------------------------- /themes/retro/css/bootstrap4-retro.scss: -------------------------------------------------------------------------------- 1 | /*! Bootstrap 4 "Retro" Theme by HackerThemes, https://hackerthemes.com */ 2 | 3 | $primary: #303483; 4 | $secondary: #ffd400; 5 | $success: #4a8f3a; 6 | $info: #2a7998; 7 | $warning: #ff9d03; 8 | $danger: #ca2d2a; 9 | $dark: #202020; 10 | $light: #d9d9d9; 11 | 12 | $font-family-sans-serif: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default; //BS 13 | 14 | @import '../../../node_modules/bootstrap/scss/bootstrap'; 15 | @import '../../../scss/common-utils'; 16 | 17 | .display-1, 18 | .display-2, 19 | .display-3, 20 | .display-4 { 21 | font-family: "Shrikhand", sans-serif; 22 | 23 | &.text-danger { 24 | text-shadow: 4px 4px #ff9d03; //todo 25 | } 26 | 27 | .text-danger & { 28 | text-shadow: 4px 4px #ff9d03; //todo 29 | } 30 | } 31 | 32 | .display-1 { 33 | @include media-breakpoint-up(md) { 34 | font-size: 115px; 35 | line-height: 90px; 36 | } 37 | } 38 | 39 | -------------------------------------------------------------------------------- /themes/charming/index.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/index.html" %} 2 | 3 | {% block jumbotron %} 4 |
5 |
6 | 7 |

Charming

8 |
This is a starter template with a jumbotron.
9 |
10 | 12 | A Button 13 | 14 | 15 | 17 | Another Button 18 | 19 |
20 | 21 |
22 |
23 | {% endblock %} 24 | 25 | {% block pro %} 26 |

There is a pro version available which adds new components, a number of page layouts and 27 | more color palettes: 28 | Check out Charming Pro 30 |

31 | {% endblock %} 32 | -------------------------------------------------------------------------------- /themes/bubblegum/css/bootstrap4-bubblegum.scss: -------------------------------------------------------------------------------- 1 | /*! Bootstrap 4 "Bubblegum" Theme by HackerThemes, https://hackerthemes.com */ 2 | 3 | $primary: #3e5af1; 4 | $secondary: #3eaff1; 5 | $success: #3ef169; 6 | $info: #3ef1e8; 7 | $warning: #f1d53e; 8 | $danger: #f13e5a; 9 | $dark: #363636; 10 | $light: #fff; 11 | 12 | $font-family-sans-serif: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; //BS 13 | $border-radius: 10px; 14 | $border-radius-lg: 10px; 15 | $border-radius-sm: 10px; 16 | 17 | @import '../../../node_modules/bootstrap/scss/bootstrap'; 18 | @import '../../../scss/common-utils'; 19 | 20 | .text-chicle { 21 | font-family: 'Chicle', cursive; 22 | } 23 | 24 | .text-sans { 25 | font-family: $font-family-sans-serif; 26 | } 27 | 28 | .lead { 29 | font-size: 30px; 30 | 31 | @include media-breakpoint-down(xs) { 32 | font-size: 20px; 33 | } 34 | } 35 | 36 | .display-1 { 37 | font-size: 150px; 38 | 39 | @include media-breakpoint-down(xs) { 40 | font-size: 70px; 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /themes/growth/css/bootstrap4-growth.scss: -------------------------------------------------------------------------------- 1 | /*! Bootstrap 4 "Growth" Theme by HackerThemes, https://hackerthemes.com */ 2 | 3 | $primary: #5371fb; 4 | $secondary: #fb8f53; 5 | $success: #53fb70; 6 | $info: #53b1fb; 7 | $warning: #ecfb53; 8 | $danger: #fb536d; 9 | $dark: #373193; 10 | $light: #fff; 11 | 12 | $font-family-sans-serif: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default; //BS 13 | 14 | @import '../../../node_modules/bootstrap/scss/bootstrap'; 15 | @import '../../../scss/common-utils'; 16 | 17 | .jumbotron-fullheight { 18 | min-height: 100vh; 19 | padding-top: 112px; 20 | } 21 | 22 | .bg-growth { 23 | background: url('../images/bg-growth.svg'); 24 | background-position: bottom; 25 | background-repeat: no-repeat; 26 | background-size: 100%; 27 | 28 | @media all and (-ms-high-contrast:none) { 29 | background-image: none; 30 | } 31 | } 32 | 33 | .btn-secondary { 34 | color: #fff; 35 | } 36 | 37 | .display-1 { 38 | @include media-breakpoint-down(sm) { 39 | font-size: 4rem; 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Alexander Rechsteiner, HackerThemes 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /themes/good-news/css/bootstrap4-good-news.scss: -------------------------------------------------------------------------------- 1 | /*! Bootstrap 4 "Good News" Theme by HackerThemes, https://hackerthemes.com */ 2 | 3 | $primary: #a4c5fc; 4 | $secondary: #85d2e0; 5 | $success: #acfca4; 6 | $info: #c3a4fc; 7 | $warning: #fce4a4; 8 | $danger: #fca5a4; 9 | $dark: #454545; 10 | $light: #d9d9d9; 11 | 12 | $border-radius: 10px !default; 13 | $border-radius-sm: 10px !default; 14 | $border-radius-lg: 10px !default; 15 | 16 | $font-family-sans-serif: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default; //BS 17 | 18 | $body-color: $dark; 19 | 20 | @import '../../../node_modules/bootstrap/scss/bootstrap'; 21 | @import '../../../scss/common-utils'; 22 | 23 | .display-1, 24 | .display-2, 25 | .display-3, 26 | .display-4 { 27 | font-family: "PT Serif", serif; 28 | } 29 | 30 | .lead { 31 | font-size: 23px; 32 | } 33 | 34 | @each $color, $value in $theme-colors { 35 | .btn-#{$color} { 36 | border-color: theme-color-level($color, 1); 37 | } 38 | 39 | .alert-#{$color} { 40 | border-color: theme-color-level($color, 2); 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /themes/hello-world/css/bootstrap4-hello-world.scss: -------------------------------------------------------------------------------- 1 | /*! Bootstrap 4 "Hello World" Theme by HackerThemes, https://hackerthemes.com */ 2 | 3 | $primary: #5692f6; 4 | $secondary: #56f6b7; 5 | $success: #72fa72; 6 | $info: #66bfed; 7 | $warning: #f4a554; 8 | $danger: #f65683; 9 | $dark: #39348d; 10 | $light: #c6c4e7; 11 | 12 | $border-radius: 10px !default; 13 | $border-radius-sm: 10px !default; 14 | $border-radius-lg: 10px !default; 15 | 16 | $font-family-sans-serif: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default; //BS 17 | 18 | @import '../../../node_modules/bootstrap/scss/bootstrap'; 19 | @import '../../../scss/common-utils'; 20 | 21 | .jumbotron-fullheight { 22 | height: 100vh; 23 | } 24 | 25 | .jumbo-vertical-center { 26 | align-items: center; 27 | display: flex; 28 | flex-direction: row; 29 | } 30 | 31 | .display-1, 32 | .display-2, 33 | .display-3, 34 | .display-4 { 35 | font-family: "Fredoka One", cursive; 36 | letter-spacing: .06em; 37 | } 38 | 39 | .lead, 40 | .lead-lg { 41 | font-weight: 300; 42 | letter-spacing: .06em; 43 | } 44 | -------------------------------------------------------------------------------- /themes/wizardry/css/bootstrap4-wizardry.scss: -------------------------------------------------------------------------------- 1 | /*! Bootstrap 4 "Wizardry" Theme by HackerThemes, https://hackerthemes.com */ 2 | 3 | $primary: #0085ff; 4 | $secondary: #99abc9; 5 | $success: #3ac84c; 6 | $info: #8568d2; 7 | $warning: #ff8e00; 8 | $danger: #f43535; 9 | $dark: #22232d; 10 | $light: #d6dce6; 11 | 12 | $font-family-sans-serif: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default; //BS 13 | 14 | @import '../../../node_modules/bootstrap/scss/bootstrap'; 15 | @import '../../../scss/common-utils'; 16 | 17 | .display-1, 18 | .display-2, 19 | .display-3, 20 | .display-4 { 21 | font-family: "Comfortaa", cursive; 22 | } 23 | 24 | .display-icon { 25 | display: inline-block; 26 | font-size: 32px; 27 | padding-top: 10px; 28 | vertical-align: top; 29 | 30 | @include media-breakpoint-down(sm) { 31 | font-size: 20px; 32 | } 33 | } 34 | 35 | .btn-warning { 36 | color: #d5dce6; 37 | } 38 | 39 | .bg-wizardry { 40 | background: url('../images/bg-wizardry.jpg'); 41 | } 42 | 43 | .display-1 { 44 | @include media-breakpoint-down(sm) { 45 | font-size: 3rem; 46 | } 47 | } 48 | 49 | -------------------------------------------------------------------------------- /themes/business-tycoon/css/bootstrap4-business-tycoon.scss: -------------------------------------------------------------------------------- 1 | /*! Bootstrap 4 "Business Tycoon" Theme by HackerThemes, https://hackerthemes.com */ 2 | 3 | $primary: #266cd8; 4 | $secondary: #48d3e3; 5 | $success: #29c272; 6 | $info: #6c9ce6; 7 | $warning: #e1954c; 8 | $danger: #d33; 9 | $dark: #0b1a31; 10 | $light: #bfcfd9; 11 | 12 | $border-radius: 0 !default; 13 | $border-radius-sm: 0 !default; 14 | $border-radius-lg: 0 !default; 15 | 16 | $body-color: #171717 !default; 17 | $font-family-sans-serif: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default; //BS 18 | 19 | $code-color: #1265ba; 20 | $code-bg: #bdd3f3; 21 | 22 | $display1-weight: 400; 23 | $display2-weight: 400; 24 | $display3-weight: 400; 25 | $display4-weight: 400; 26 | 27 | // Bootstrap variables end: Import Bootstrap 28 | 29 | @import '../../../node_modules/bootstrap/scss/bootstrap'; 30 | @import '../../../scss/common-utils'; 31 | 32 | // Custom overrides 33 | 34 | .lead { 35 | font-size: 1.15em; 36 | } 37 | 38 | .btn-outline-light { 39 | &:hover { 40 | background-color: rgba(255, 255, 255, .2); 41 | color: $light; 42 | } 43 | } 44 | -------------------------------------------------------------------------------- /themes/charming/css/mixins/_mixins.scss: -------------------------------------------------------------------------------- 1 | @mixin bevel($dark: true, 2 | $has-bottom: true, 3 | $bottom-strength: -1px 4 | ) { 5 | // Generates the three or one shadows for "rounded materials": 6 | // One on top, one on bottom and one in the back 7 | 8 | // $dark: use 'false' if using on a bright material 9 | // $has-bottom: use 'false' if no bottom shadows are needed 10 | // $bottom-strenght: vary the size of the bottom shadow 11 | 12 | $inset-top-color: rgba(255, 255, 255, .30); //0.16 13 | $inset-bottom-color: rgba(39, 39, 39, .22); //0.14 14 | $drop-color:rgba(0, 0, 0, .22); //0.22 15 | 16 | @if not($dark) { // for bright buttons 17 | $inset-top-color: rgba(255, 255, 255, .8); 18 | $inset-bottom-color: rgba(39, 39, 39, .10); 19 | $drop-color: rgba(0, 0, 0, .05); 20 | } 21 | 22 | 23 | @if ($has-bottom) { 24 | box-shadow: inset 0 1px 0 0 $inset-top-color, 25 | inset 0 $bottom-strength 0 0 $inset-bottom-color, 26 | 0 1px 3px 0 $drop-color; 27 | } @else { 28 | box-shadow: inset 0 1px 0 0 $inset-top-color; 29 | } 30 | } 31 | 32 | @mixin button-bevel() { 33 | @include bevel(); 34 | text-shadow: 1px 1px 0 $colored-button-text-shadow; 35 | 36 | &.btn-lg { 37 | @include bevel($bottom-strength: -2px); 38 | } 39 | } 40 | -------------------------------------------------------------------------------- /themes/executive-suite/index.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/index.html" %} 2 | 3 | {% block jumbotron %} 4 |
5 |
6 |
7 |
8 |
9 | Rockefeller Building 13 | 14 |
15 |
16 |
17 |
18 | 19 |

Executive Suite

20 | This is a starter template with a jumbotron. 21 | 22 |
23 | 25 | A Button 26 | 27 | 28 | 30 | Another Button 31 | 32 |
33 |
34 |
35 |
36 |
37 |
38 | 39 | {% endblock %} 40 | -------------------------------------------------------------------------------- /themes/neon-glow/index.html: -------------------------------------------------------------------------------- 1 | {% extends "html/_layouts/index.html" %} 2 | 3 | {% block jumbotron %} 4 |
5 |
6 |
7 |
8 |

Neon Glow

9 |
This is a starter template with a jumbotron
10 |
11 | 14 | A Button 15 | 16 | 18 | Another Button 19 | 20 |
21 | 22 |
Some muted text
23 | 24 |

25 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto, dignissimos provident. Alias, aliquid, cum cumque deleniti dignissimos eos exercitationem explicabo illum inventore laboriosam nihil nobis nostrum praesentium recusandae sequi, sint! 26 |

27 |
28 |
29 |
30 |
31 | 32 | {% endblock %} 33 | -------------------------------------------------------------------------------- /themes/charming/css/_buttons.scss: -------------------------------------------------------------------------------- 1 | // Buttons 2 | .btn-xs { 3 | //($padding-y, $padding-x, $font-size, $line-height, $border-radius) 4 | @include button-size(.25rem, .5rem, .875rem, 16px, $border-radius); 5 | } 6 | 7 | .btn-md { 8 | //($padding-y, $padding-x, $font-size, $line-height, $border-radius) 9 | @include button-size(1rem, 2rem, 1rem, 16px, $border-radius); 10 | } 11 | 12 | .btn-lg { 13 | //($padding-y, $padding-x, $font-size, $line-height, $border-radius) 14 | @include button-size(1rem, 2rem, 1.25rem, 16px, $border-radius); 15 | } 16 | 17 | //.btn-secondary { 18 | // &:hover, 19 | // &:active, 20 | // &:focus, 21 | // & { 22 | // //color: #fff; 23 | // } 24 | //} 25 | 26 | //// Colored buttons 27 | //// Adds bevel to the buttons 28 | @each $name, $colors in $theme-colors { 29 | .btn-#{$name} { 30 | @include button-bevel(); 31 | } 32 | } 33 | 34 | //Give white standard button a special bevel 35 | .btn-light { 36 | @include bevel($dark: false); 37 | 38 | &.btn-lg { 39 | @include bevel($dark: false, $bottom-strength: -2px); 40 | } 41 | } 42 | 43 | .btn-icon { 44 | .icon { 45 | line-height: 1px; 46 | margin: 0; 47 | vertical-align: middle; 48 | } 49 | 50 | .btn-icon-label { 51 | margin-left: 5px; 52 | } 53 | 54 | &.btn-lg { 55 | .btn-icon-label { 56 | margin-left: 10px; 57 | } 58 | } 59 | } 60 | 61 | 62 | -------------------------------------------------------------------------------- /themes/executive-suite/css/bootstrap4-executive-suite.scss: -------------------------------------------------------------------------------- 1 | /*! Bootstrap 4 "Executive Suite" Theme by HackerThemes, https://hackerthemes.com */ 2 | 3 | $primary: #536391; 4 | $secondary: #918653; 5 | $success: #539153; 6 | $info: #6c5391; 7 | $warning: #d39951; 8 | $danger: #c05e4a; 9 | $dark: #343758; 10 | $light: #f7f3e7; 11 | 12 | $border-radius: 0 !default; 13 | $border-radius-sm: 0 !default; 14 | $border-radius-lg: 0 !default; 15 | 16 | $font-family-sans-serif: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default; //BS 17 | 18 | @import '../../../node_modules/bootstrap/scss/bootstrap'; 19 | @import '../../../scss/common-utils'; 20 | 21 | .text-oswald { 22 | font-family: "Oswald", sans-serif; 23 | } 24 | 25 | .text-merriweather { 26 | font-family: "Merriweather", sans-serif; 27 | } 28 | 29 | .jumbo-vertical-center { 30 | align-items: center; 31 | display: flex; 32 | flex-direction: row; 33 | padding-bottom: 40px; 34 | padding-top: 40px; 35 | } 36 | 37 | .lead { 38 | font-family: "Merriweather", sans-serif; 39 | } 40 | 41 | .display-1, 42 | .display-2, 43 | .display-3, 44 | .display-4 { 45 | font-family: "Merriweather", sans-serif; 46 | letter-spacing: .02em; 47 | } 48 | 49 | .display-3 { 50 | font-size: 69px; 51 | 52 | @include media-breakpoint-down(sm) { 53 | font-size: 40px; 54 | } 55 | } 56 | 57 | .text-spacey { 58 | line-height: 26px; 59 | } 60 | 61 | -------------------------------------------------------------------------------- /themes/charming/css/_variables.scss: -------------------------------------------------------------------------------- 1 | // Spacers 2 | $spacer: 1rem !default; //16px //BS 3 | 4 | $spacers: ( 5 | 0: 0, 6 | 1: ($spacer * .25), 7 | 2: ($spacer * .5), 8 | 3: $spacer, 9 | 4: ($spacer * 1.5), 10 | 5: ($spacer * 3), 11 | 6: ($spacer * 3.75), 12 | 7: ($spacer * 4.5), 13 | 8: ($spacer * 6), 14 | 15 | ) !default; //BS 16 | 17 | //Typography 18 | $font-family-sans-serif: 'Lato', Arial, sans-serif !default; // BS 19 | $line-height-base: 1.5 !default; // 24px // BS 20 | $line-height-lg: 1.44 !default; // 36px (from 25) // BS 21 | 22 | $h1-font-size: 2.4375rem !default; // 39px // BS 23 | $h2-font-size: 1.9375rem !default; // 31px // BS 24 | $h3-font-size: 1.5625rem !default; // 25px // BS 25 | $h4-font-size: 1.25rem !default; //20px // BS 26 | $h5-font-size: 1.25rem !default; //20px // BS 27 | $h6-font-size: 1rem !default; // 16px // BS 28 | 29 | $display1-size: 5.9375rem !default; // 95px // BS 30 | $display2-size: 4.75rem !default; // 76px // BS 31 | $display3-size: 3.8125rem !default; // 61px // BS 32 | $display4-size: 3.0625rem !default; // 48px // BS 33 | 34 | // Jumbotron 35 | $jumbotron-padding: 2rem !default; //BS 36 | 37 | // Components 38 | $border-radius: 5px !default; // 5px // BS 39 | $border-radius-lg: $border-radius !default; // BS 40 | $border-radius-sm: $border-radius !default; // BS 41 | 42 | // Buttons 43 | $btn-padding-y: 10px !default; // BS 44 | $btn-line-height: 1 !default; // BS 45 | 46 | $btn-padding-y-sm: .5rem !default; //BS 47 | $btn-padding-x-sm: .75rem !default; //BS 48 | -------------------------------------------------------------------------------- /themes/daydream/css/bootstrap4-daydream.scss: -------------------------------------------------------------------------------- 1 | /*! Bootstrap 4 "Daydream" Theme by HackerThemes, https://hackerthemes.com */ 2 | 3 | $primary: #5576c4; 4 | $secondary: #9a55c4; 5 | $success: #90c455; 6 | $info: #55aec4; 7 | $warning: #c47355; 8 | $danger: #c45567; 9 | $dark: #1f2739; 10 | $light: #fff; 11 | 12 | $font-family-sans-serif: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default; 13 | 14 | $border-radius: 10px !default; 15 | $border-radius-sm: 10px !default; 16 | $border-radius-lg: 10px !default; 17 | 18 | @import '../../../node_modules/bootstrap/scss/bootstrap'; 19 | @import '../../../scss/common-utils'; 20 | 21 | .display-1, 22 | .display-2, 23 | .display-3, 24 | .display-4 { 25 | font-family: "Oswald", sans-serif; 26 | } 27 | 28 | .display-1 { 29 | font-size: 142px; 30 | 31 | @include media-breakpoint-down(md) { 32 | font-size: 92px; 33 | } 34 | 35 | @include media-breakpoint-down(xs) { 36 | font-size: 70px; 37 | } 38 | } 39 | 40 | .display-3 { 41 | font-size: 66px; 42 | 43 | @include media-breakpoint-down(xs) { 44 | font-size: 40px; 45 | } 46 | } 47 | 48 | .title-margin-fix { 49 | margin-top: -33px; 50 | 51 | @include media-breakpoint-down(md) { 52 | margin-top: -13px; 53 | } 54 | 55 | @include media-breakpoint-down(xs) { 56 | margin-top: 0; 57 | } 58 | } 59 | 60 | .text-handwriting { 61 | font-family: 'Shadows Into Light', cursive; 62 | } 63 | 64 | ::selection { 65 | background: rgba(180, 63, 82, .56); 66 | } 67 | -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 | # Bootstrap Theme Machine 2 | 3 | ## A collection of stylized Bootstrap Themes by HackerThemes 4 | 5 | This project includes all the free and open source Bootstrap themes on HackerThemes.com. Each folder under `/dist/` is it's own theme, which includes a small starter template as well. 6 | 7 | Note: The source does not include the fancy code picker presentation form the website, as that stuff is entangled with the rest of the site. What you have here is simply everything you need to build, modify and use the themes themselves for your projects. 8 | 9 | ## Getting started 10 | 11 | You can either clone this entire repository and use the themes under `/dist/`, or head download the [Bootstrap themes](https://hackerthemes.com) individually on our website. 12 | 13 | ## Build steps 14 | 15 | To build and modify the themes, you'll need to use npm and gulp. You'll also need Ruby and scss-lint. On Ubuntu (and hopefully other systems :-) you can do: 16 | 17 | 1. `gem install scss_lint` 18 | 1. `npm install` to install all the dependencies 19 | 1. `npm install gulp -g` to install gulp globally 20 | 1. `gulp` to run the build once or `gulp watch` to turn on the watcher that rebuilds as you edit 21 | 22 | ## Creators 23 | 24 | **Alexander Rechsteiner** 25 | 26 | - 27 | - 28 | - 29 | 30 | **Bootstrap** 31 | 32 | - 33 | 34 | ## Copyright and license 35 | 36 | Code and documentation copyright 2017-2018 [HackerThemes](https://hacekrthemes.com) Code released under the [MIT License](https://opensource.org/licenses/MIT). 37 | -------------------------------------------------------------------------------- /html/_layouts/base.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | {%if title %}{{title}} - Bootstrap Theme{%else%}Bootstrap 4 Starter Template{%endif%} 8 | 9 | 10 | {% block stylesheet %} 11 | 12 | {% endblock %} 13 | {% block font %} 14 | 15 | {{nonGoogleFont|safe}} 16 | {% endblock %} 17 | 18 | 19 | 20 |
21 |
22 | 34 | 35 |
36 |
37 | 38 | 39 | {% block content %} 40 | {% endblock %} 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /themes/charming/css/_colors.scss: -------------------------------------------------------------------------------- 1 | // --------------------------------- 2 | // ---------- CHARMING ------------- 3 | // --------------------------------- 4 | 5 | $accent-1: #35bd49 !default; 6 | $accent-2: #353844 !default; 7 | 8 | $primary: #2284fe !default; 9 | $secondary: #78baf8 !default; 10 | $success: $accent-1 !default; 11 | $info: #5a7ec5 !default; 12 | $warning: #f0a249 !default; 13 | $danger: #fc2344 !default; 14 | $light: #e5e5e5 !default; 15 | $dark: #3b3b3b !default; 16 | 17 | $body-color-soft: #828282 !default; 18 | 19 | // Buttons 20 | $colored-button-text-shadow: rgba(0, 0, 0, .07) !default; 21 | 22 | //Forms 23 | $charming-form-input-bg: rgba(255, 255, 255, .8) !default; 24 | 25 | // Navigation 26 | $navbar-dark-mobile-nav-bg: rgba(255, 255, 255, .2) !default; 27 | $navbar-dark-mobile-nav-highlight: rgba(255, 255, 255, .4) !default; 28 | 29 | $navbar-light-mobile-nav-bg: rgba(0, 0, 0, .06) !default; 30 | $navbar-light-mobile-nav-highlight: rgba(0, 0, 0, .10) !default; 31 | 32 | // Features 33 | $img-simple-border: #2d3842 !default; 34 | 35 | 36 | // --------------------------------- 37 | // ---------- BOOTSTRAP ------------ 38 | // --------------------------------- 39 | 40 | $body-color: #373a3c !default; //BS 41 | 42 | $green: #35bd49 !default; 43 | $cyan: #4ac1ee !default; 44 | $orange: #fba91e !default; 45 | $red: #fa2840 !default; 46 | 47 | // Adding accents to bootstrap 48 | $theme-colors: () !default; 49 | $theme-colors: map-merge(( 50 | "accent-1": $accent-1, 51 | "accent-2": $accent-2 52 | ), $theme-colors); 53 | 54 | // Navbar 55 | $navbar-dark-color: rgba(255, 255, 255, .9) !default; //BS 56 | $navbar-dark-hover-color: rgba(255, 255, 255, .95) !default; //BS 57 | $navbar-dark-toggler-border-color: rgba(255, 255, 255, .1) !default; //BS 58 | 59 | // Navigation 60 | $navbar-light-color: #343434 !default; //BS 61 | $navbar-light-active-color: #4c4c4c !default; //BS 62 | 63 | $navbar-dark-color: #fff !default; //BS 64 | $navbar-dark-hover-color: darken($navbar-dark-color, 13%) !default; //BS 65 | $navbar-dark-active-color: #fff !default; //BS 66 | $navbar-dark-disabled-color: #fff !default; //BS 67 | 68 | // Forms 69 | $custom-control-indicator-checked-bg: #494949 !default; //BS 70 | $custom-checkbox-indicator-indeterminate-bg: #494949 !default; //BS 71 | 72 | // scss-lint:disable ColorVariable 73 | $custom-control-indicator-focus-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #494949 !default; //BS 74 | // scss-lint:enable ColorVariable 75 | 76 | $input-focus-border-color: #898989 !default; //BS 77 | 78 | // Links 79 | $link-color: $accent-1 !default; //BS 80 | -------------------------------------------------------------------------------- /html/_includes/app.html: -------------------------------------------------------------------------------- 1 |
2 |

Sample application

3 | 4 |
5 |
6 |
7 |
8 | 9 |
10 | 11 |
12 |
13 |
14 | 15 |
16 | Dashboard 17 | 18 | Inbox 19 | 14 20 | 21 | Orders 22 | Products 23 | Customers 24 | Reports 25 |
26 |
27 |
28 | 29 |
30 |
31 |
32 |
33 |

Card title

34 |

35 | Some quick example text to build on the card title 36 | and make up the bulk of the card's content. 37 |

38 | 39 |
40 |
41 |
42 |
43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | {% for i in range (1, 10) %} 54 | 55 | 56 | 61 | 69 | 70 | {% endfor %} 71 | 72 |
#ItemActions
{{i}} 57 | 58 | Some item on your list 59 | 60 | 62 | 63 | 64 | Edit 65 | 66 | 67 | Delete 68 |
73 | 74 |
75 |
76 | 77 |
78 | -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- 1 | var gulp = require('gulp'), 2 | sass = require('gulp-sass'), 3 | sourcemaps = require('gulp-sourcemaps'), 4 | cleanCss = require('gulp-clean-css'), 5 | scsslint = require('gulp-scss-lint'), 6 | fs = require('fs'), 7 | path = require('path'), 8 | postcss = require('gulp-postcss'), 9 | rename = require('gulp-rename'), 10 | nunjucks = require('gulp-nunjucks-render'), 11 | autoprefixer = require('autoprefixer'); 12 | 13 | var themesPath = 'themes'; 14 | 15 | function getFolders(dir) { 16 | return fs.readdirSync(dir) 17 | .filter(function(file) { 18 | return fs.statSync(path.join(dir, file)).isDirectory(); 19 | }); 20 | } 21 | 22 | function buildHtml(cb) { 23 | var folders = getFolders(themesPath); 24 | if (folders.length === 0) return cb(); 25 | 26 | folders.map(function(folder) { 27 | var data = JSON.parse(fs.readFileSync(themesPath + '/' + folder + '/data.json')); 28 | // var data = {}; 29 | if (fs.existsSync(path.join(themesPath, folder, "images/"))) { 30 | gulp.src(path.join(themesPath, folder, "images/**/*")) 31 | .pipe(gulp.dest(path.join('dist/' + folder + '/images/'))); 32 | } 33 | 34 | return gulp.src(path.join(themesPath, folder, '**.html')) 35 | .pipe(nunjucks({"data" : data})) 36 | .pipe(gulp.dest('dist/' + folder)); 37 | }); 38 | 39 | cb(); 40 | } 41 | 42 | function buildCss(cb) { 43 | var folders = getFolders(themesPath); 44 | if (folders.length === 0) return cb(); 45 | 46 | folders.map(function(folder) { 47 | // build the theme 48 | return gulp.src(path.join(themesPath, folder, 'css/**.scss')) 49 | .pipe(scsslint({'config':'scsslint.yml'})) 50 | .pipe(sass().on('error', sass.logError)) 51 | .pipe(postcss([ autoprefixer({ browsers: [ 52 | 'Chrome >= 35', 53 | 'Firefox >= 38', 54 | 'Edge >= 12', 55 | 'Explorer >= 10', 56 | 'iOS >= 8', 57 | 'Safari >= 8', 58 | 'Android 2.3', 59 | 'Android >= 4', 60 | 'Opera >= 12']})])) 61 | .pipe(gulp.dest('dist/' + folder + '/css')) 62 | .pipe(cleanCss()) 63 | .pipe(rename({suffix: '.min'})) 64 | .pipe(gulp.dest('dist/' + folder + '/css')); 65 | }); 66 | 67 | cb(); 68 | } 69 | 70 | function watcher(cb) { 71 | gulp.watch(['scss/*.scss', 'themes/**/css/*.scss'], gulp.series(buildCss)); 72 | gulp.watch(['html/**/*.html', 'themes/**/*.html', 'modules/theme-machine/nunjucks/**/*'], gulp.series(buildHtml)); 73 | } 74 | 75 | exports.buildHtml = buildHtml; 76 | exports.buildCss = buildCss; 77 | exports.default = gulp.series(buildHtml, buildCss); 78 | exports.watch = gulp.series(buildCss, buildHtml, watcher); 79 | -------------------------------------------------------------------------------- /dist/good-news/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Good News - Bootstrap Theme 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 34 | 35 |
36 |
37 | 38 | 39 | 40 | 41 |
42 |
43 | 44 |

Good News!

45 | This is a starter template with a jumbotron. 46 | 47 |
48 | 50 | A Button 51 | 52 | 53 | 55 | Another Button 56 | 57 |
58 |
59 |
60 | 61 | 62 |
63 |

Thanks

64 | 65 |

Thank you for downloading this theme. If you have trouble or find a bug, please open an issue on GitHub:
66 | https://github.com/HackerThemes/theme-machine

67 | 68 | 69 |
70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | -------------------------------------------------------------------------------- /dist/business-tycoon/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Business Tycoon - Bootstrap Theme 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 34 | 35 |
36 |
37 | 38 | 39 | 40 | 41 |
42 |
43 |

Business Tycoon

44 |
This is a starter template with a jumbotron.
45 |
46 | 48 | A button 49 | 50 | 51 | 53 | Another button 54 | 55 |
56 |
57 |
58 | 59 | 60 |
61 |

Thanks

62 | 63 |

Thank you for downloading this theme. If you have trouble or find a bug, please open an issue on GitHub:
64 | https://github.com/HackerThemes/theme-machine

65 | 66 | 67 |
68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | -------------------------------------------------------------------------------- /dist/harbor/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Harbor - Bootstrap Theme 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 34 | 35 |
36 |
37 | 38 | 39 | 40 | 41 |
42 |
43 | 44 |

Harbor

45 | This is a starter template with a jumbotron 46 | 47 |
48 | 50 | A Button 51 | 52 | 53 | 55 | Another Button 56 | 57 |
58 | 59 |
60 |
61 | 62 | 63 |
64 |

Thanks

65 | 66 |

Thank you for downloading this theme. If you have trouble or find a bug, please open an issue on GitHub:
67 | https://github.com/HackerThemes/theme-machine

68 | 69 | 70 |
71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | -------------------------------------------------------------------------------- /themes/vibrant-sea/css/bootstrap4-vibrant-sea.scss: -------------------------------------------------------------------------------- 1 | /*! Bootstrap 4 "Vibrant Sea" Theme by HackerThemes, https://hackerthemes.com */ 2 | 3 | // Bootstrap variables start 4 | $border-radius: 10px; 5 | $border-radius-lg: 10px; 6 | 7 | $body-color: #171717; 8 | $font-family-sans-serif: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; //BS 9 | 10 | $primary: #0f90ff; 11 | $secondary: #10c1f2; 12 | $success: #31e68e; 13 | $info: #1b5fc3; 14 | $warning: #ffc25b; 15 | $danger: #e5364d; 16 | $light: #dbebfb; 17 | $dark: #021127; 18 | 19 | $code-color: #1265ba; 20 | $code-bg: #bdd3f3; 21 | 22 | // Bootstrap variables end: Import Bootstrap 23 | 24 | @import '../../../node_modules/bootstrap/scss/bootstrap'; 25 | @import '../../../scss/common-utils'; 26 | 27 | // Custom overrides 28 | 29 | // Vibrant Sea 30 | $font-family-display: 'Oswald', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; 31 | 32 | $button-shadow-colors: ( 33 | //TODO: colors 34 | primary: #0871cb, 35 | secondary: #5bcfef, 36 | success: #1fa866, 37 | info: #1250ab, 38 | warning: #ce954e, 39 | danger: #b73348, 40 | light: #dbebfb, 41 | dark: #021127 42 | ); 43 | 44 | @mixin btn-shadow($color) { 45 | transition: none; 46 | 47 | &, 48 | &.focus, 49 | &:focus { 50 | box-shadow: -4px -4px 0 $color, 51 | -3px -3px 0 $color, 52 | -2px -2px 0 $color, 53 | -1px -1px 0 $color; 54 | } 55 | 56 | &:hover { 57 | box-shadow: -7px -7px 0 $color, 58 | -6px -6px 0 $color, 59 | -5px -5px 0 $color, 60 | -4px -4px 0 $color, 61 | -3px -3px 0 $color, 62 | -2px -2px 0 $color, 63 | -1px -1px 0 $color; 64 | transform: translate(3px, 3px); 65 | transition: all .3s ease; 66 | } 67 | 68 | &:active { 69 | box-shadow: none; 70 | transform: translate(-4px, -4px) !important; 71 | transition: all .1s ease; 72 | } 73 | } 74 | 75 | .btn-shadow { 76 | margin-left: 8px; 77 | 78 | @each $color, $value in $button-shadow-colors { 79 | &.btn-#{$color} { 80 | @include btn-shadow($value); 81 | } 82 | 83 | &.btn-outline-#{$color} { 84 | @include btn-shadow($value); 85 | } 86 | } 87 | 88 | @each $color, $value in $theme-colors { 89 | &.btn-#{$color} { 90 | &:hover { 91 | background-color: $value; 92 | border-color: $value; 93 | } 94 | } 95 | 96 | &.btn-outline-#{$color} { 97 | //@include btn-shadow($value); 98 | 99 | border-color: $value; 100 | color: $value; 101 | 102 | &:hover { 103 | background-color: #fff; 104 | color: $value; 105 | 106 | } 107 | } 108 | } 109 | } 110 | 111 | .display-1, 112 | .display-2, 113 | .display-3, 114 | .display-4 { 115 | font-family: $font-family-display; 116 | font-weight: 400; 117 | text-transform: uppercase; 118 | 119 | .text-white &, 120 | &.text-white { 121 | text-shadow: -1px -1px rgba(255, 255, 255, .2); 122 | } 123 | } 124 | 125 | .text-reduced-opacity { 126 | opacity: .5; 127 | } 128 | -------------------------------------------------------------------------------- /dist/bubblegum/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Bubblegum - Bootstrap Theme 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 34 | 35 |
36 |
37 | 38 | 39 | 40 | 41 |
42 |
43 |

Bubblegum

44 | This is a starter template with a jumbotron 45 | 46 |
47 | 49 | Button 50 | 51 | 52 | 55 | Another Button 56 | 57 |
58 |
59 |
60 | 61 | 62 |
63 |

Thanks

64 | 65 |

Thank you for downloading this theme. If you have trouble or find a bug, please open an issue on GitHub:
66 | https://github.com/HackerThemes/theme-machine

67 | 68 | 69 |
70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | -------------------------------------------------------------------------------- /dist/daydream/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Daydream - Bootstrap Theme 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 34 | 35 |
36 |
37 | 38 | 39 | 40 | 41 |
42 |
43 | 44 |

Programmers never

45 |

Daydream

46 | 47 | 58 |
59 |
60 | 61 | 62 |
63 |

Thanks

64 | 65 |

Thank you for downloading this theme. If you have trouble or find a bug, please open an issue on GitHub:
66 | https://github.com/HackerThemes/theme-machine

67 | 68 | 69 |
70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | -------------------------------------------------------------------------------- /dist/pleasant/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Pleasant - Bootstrap Theme 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 34 | 35 |
36 |
37 | 38 | 39 | 40 | 41 |
42 |
43 |
44 |
45 |

Pleasant

46 | This is a starter template with a jumbotron 47 | 48 |
49 | 51 | A Button 52 | 53 | 54 | 56 | Another button 57 | 58 |
59 |
60 |
61 |
62 |
63 | 64 | 65 |
66 |

Thanks

67 | 68 |

Thank you for downloading this theme. If you have trouble or find a bug, please open an issue on GitHub:
69 | https://github.com/HackerThemes/theme-machine

70 | 71 | 72 |
73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | -------------------------------------------------------------------------------- /dist/retro/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Retro - Bootstrap Theme 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 34 | 35 |
36 |
37 | 38 | 39 | 40 | 41 |
42 |
43 |
44 |

Retro

45 | This is a starter template with a jumbotron 46 | 47 |
48 | 50 | A Button 51 | 52 | 53 | 56 | Another Button 57 | 58 |
59 |
60 |
61 |
62 | 63 | 64 |
65 |

Thanks

66 | 67 |

Thank you for downloading this theme. If you have trouble or find a bug, please open an issue on GitHub:
68 | https://github.com/HackerThemes/theme-machine

69 | 70 | 71 |
72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | -------------------------------------------------------------------------------- /dist/hello-world/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Hello World - Bootstrap Theme 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 34 | 35 |
36 |
37 | 38 | 39 | 40 | 41 |
42 |
43 | 44 |

Hello World

45 | This is a starter template with a jumbotron 46 | 47 |
48 | 50 | A Button 51 | 52 | 53 | 55 | Another button 56 | 57 |
58 |
59 |
60 | 61 | 62 |
63 |

Thanks

64 | 65 |

Thank you for downloading this theme. If you have trouble or find a bug, please open an issue on GitHub:
66 | https://github.com/HackerThemes/theme-machine

67 | 68 | 69 |
70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | -------------------------------------------------------------------------------- /dist/wizardry/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Wizardry - Bootstrap Theme 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 34 | 35 |
36 |
37 | 38 | 39 | 40 | 41 |
42 |
43 | 44 |

Wizardry 45 | 46 |

47 | This is a starter template with a jumbotron 48 | 49 |
50 | 52 | A button 53 | 54 | 55 | 57 | Another button 58 | 59 |
60 | 61 |
62 |
63 | 64 | 65 | 66 |
67 |

Thanks

68 | 69 |

Thank you for downloading this theme. If you have trouble or find a bug, please open an issue on GitHub:
70 | https://github.com/HackerThemes/theme-machine

71 | 72 | 73 |
74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | -------------------------------------------------------------------------------- /dist/growth/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Growth - Bootstrap Theme 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 34 | 35 |
36 |
37 | 38 | 39 | 40 | 41 |
42 |
43 |
44 |
45 | 46 |

Growth

47 | This is a starter template with a jumbotron. 48 | 49 |
50 | 52 | A Button 53 | 54 | 55 | 57 | Another Button 58 | 59 |
60 | 61 |
62 |
63 |
64 |
65 | 66 | 67 |
68 |

Thanks

69 | 70 |

Thank you for downloading this theme. If you have trouble or find a bug, please open an issue on GitHub:
71 | https://github.com/HackerThemes/theme-machine

72 | 73 | 74 |
75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | -------------------------------------------------------------------------------- /dist/charming/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Charming - Bootstrap Theme 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 34 | 35 |
36 |
37 | 38 | 39 | 40 | 41 |
42 |
43 | 44 |

Charming

45 |
This is a starter template with a jumbotron.
46 |
47 | 49 | A Button 50 | 51 | 52 | 54 | Another Button 55 | 56 |
57 | 58 |
59 |
60 | 61 | 62 |
63 |

Thanks

64 | 65 |

Thank you for downloading this theme. If you have trouble or find a bug, please open an issue on GitHub:
66 | https://github.com/HackerThemes/theme-machine

67 | 68 | 69 |

There is a pro version available which adds new components, a number of page layouts and 70 | more color palettes: 71 | Check out Charming Pro 73 |

74 | 75 |
76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | -------------------------------------------------------------------------------- /dist/vibrant-sea/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vibrant Sea - Bootstrap Theme 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 34 | 35 |
36 |
37 | 38 | 39 | 40 | 41 |
42 |
43 |
44 |
45 |

Vibrant Sea

46 |
This is a starter template with a jumbotron
47 | 59 |
60 |
61 |
62 |
63 | 64 | 65 |
66 |

Thanks

67 | 68 |

Thank you for downloading this theme. If you have trouble or find a bug, please open an issue on GitHub:
69 | https://github.com/HackerThemes/theme-machine

70 | 71 | 72 |
73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | -------------------------------------------------------------------------------- /dist/executive-suite/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Executive Suite - Bootstrap Theme 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 34 | 35 |
36 |
37 | 38 | 39 | 40 | 41 |
42 |
43 |
44 |
45 |
46 | Rockefeller Building 50 | 51 |
52 |
53 |
54 |
55 | 56 |

Executive Suite

57 | This is a starter template with a jumbotron. 58 | 59 |
60 | 62 | A Button 63 | 64 | 65 | 67 | Another Button 68 | 69 |
70 |
71 |
72 |
73 |
74 |
75 | 76 | 77 | 78 |
79 |

Thanks

80 | 81 |

Thank you for downloading this theme. If you have trouble or find a bug, please open an issue on GitHub:
82 | https://github.com/HackerThemes/theme-machine

83 | 84 | 85 |
86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | -------------------------------------------------------------------------------- /dist/neon-glow/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Neon Glow - Bootstrap Theme 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 34 | 35 |
36 |
37 | 38 | 39 | 40 | 41 |
42 |
43 |
44 |
45 |

Neon Glow

46 |
This is a starter template with a jumbotron
47 |
48 | 51 | A Button 52 | 53 | 55 | Another Button 56 | 57 |
58 | 59 |
Some muted text
60 | 61 |

62 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto, dignissimos provident. Alias, aliquid, cum cumque deleniti dignissimos eos exercitationem explicabo illum inventore laboriosam nihil nobis nostrum praesentium recusandae sequi, sint! 63 |

64 |
65 |
66 |
67 |
68 | 69 | 70 | 71 |
72 |

Thanks

73 | 74 |

Thank you for downloading this theme. If you have trouble or find a bug, please open an issue on GitHub:
75 | https://github.com/HackerThemes/theme-machine

76 | 77 | 78 |
79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | -------------------------------------------------------------------------------- /html/_includes/form.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |

Sample form

4 | 5 |
6 |
7 |

8 | Your cart 9 | 3 10 |

11 |
    12 |
  • 13 |
    14 |
    Product name
    15 | Brief description 16 |
    17 | $12 18 |
    • 19 |
  • 20 |
    21 |
    Second product
    22 | Brief description 23 |
    24 | $8 25 |
    • 26 |
  • 27 |
    28 |
    Third item
    29 | Brief description 30 |
    31 | $5 32 |
    • 33 |
  • 34 | Total (USD) 35 | $20 36 |
    • 37 |
38 | 39 |
40 |
41 | 42 |
43 | 44 |
45 |
46 |
47 |
48 |
49 |

Billing address

50 |
51 |
52 |
53 | 54 | 55 |
56 | Valid first name is required. 57 |
58 |
59 |
60 | 61 | 62 |
63 | Valid last name is required. 64 |
65 |
66 |
67 | 68 |
69 | 70 |
71 |
72 | @ 73 |
74 | 75 |
76 | Your username is required. 77 |
78 |
79 |
80 | 81 |
82 | 83 | 84 |
85 | Please enter a valid email address for shipping updates. 86 |
87 |
88 | 89 |
90 | 91 | 92 |
93 | Please enter your shipping address. 94 |
95 |
96 | 97 |
98 | 99 | 100 |
101 | 102 |
103 |
104 | 105 | 109 |
110 | Please select a valid country. 111 |
112 |
113 |
114 | 115 | 119 |
120 | Please provide a valid state. 121 |
122 |
123 |
124 | 125 | 126 |
127 | Zip code required. 128 |
129 |
130 |
131 |
132 |
133 | 134 | 135 |
136 |
137 | 138 | 139 |
140 |
141 | 142 |

Payment

143 | 144 |
145 |
146 | 147 | 148 |
149 |
150 | 151 | 152 |
153 |
154 | 155 | 156 |
157 |
158 |
159 |
160 | 161 | 162 | Full name as displayed on card 163 |
164 | Name on card is required 165 |
166 |
167 |
168 | 169 | 170 |
171 | Credit card number is required 172 |
173 |
174 |
175 |
176 |
177 | 178 | 179 |
180 | Expiration date required 181 |
182 |
183 |
184 | 185 | 186 |
187 | Security code required 188 |
189 |
190 |
191 |
192 | 193 |
194 |
195 |
196 |
197 | -------------------------------------------------------------------------------- /dist/good-news/app.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Good News - Bootstrap Theme 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 34 | 35 |
36 |
37 | 38 | 39 | 40 |
41 |

Sample application

42 | 43 |
44 |
45 |
46 |
47 | 48 |
49 | 50 |
51 |
52 |
53 | 54 |
55 | Dashboard 56 | 57 | Inbox 58 | 14 59 | 60 | Orders 61 | Products 62 | Customers 63 | Reports 64 |
65 |
66 |
67 | 68 |
69 |
70 |
71 |
72 |

Card title

73 |

74 | Some quick example text to build on the card title 75 | and make up the bulk of the card's content. 76 |

77 | 78 |
79 |
80 |
81 |
82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 100 | 108 | 109 | 110 | 111 | 112 | 117 | 125 | 126 | 127 | 128 | 129 | 134 | 142 | 143 | 144 | 145 | 146 | 151 | 159 | 160 | 161 | 162 | 163 | 168 | 176 | 177 | 178 | 179 | 180 | 185 | 193 | 194 | 195 | 196 | 197 | 202 | 210 | 211 | 212 | 213 | 214 | 219 | 227 | 228 | 229 | 230 | 231 | 236 | 244 | 245 | 246 | 247 |
#ItemActions
1 96 | 97 | Some item on your list 98 | 99 | 101 | 102 | 103 | Edit 104 | 105 | 106 | Delete 107 |
2 113 | 114 | Some item on your list 115 | 116 | 118 | 119 | 120 | Edit 121 | 122 | 123 | Delete 124 |
3 130 | 131 | Some item on your list 132 | 133 | 135 | 136 | 137 | Edit 138 | 139 | 140 | Delete 141 |
4 147 | 148 | Some item on your list 149 | 150 | 152 | 153 | 154 | Edit 155 | 156 | 157 | Delete 158 |
5 164 | 165 | Some item on your list 166 | 167 | 169 | 170 | 171 | Edit 172 | 173 | 174 | Delete 175 |
6 181 | 182 | Some item on your list 183 | 184 | 186 | 187 | 188 | Edit 189 | 190 | 191 | Delete 192 |
7 198 | 199 | Some item on your list 200 | 201 | 203 | 204 | 205 | Edit 206 | 207 | 208 | Delete 209 |
8 215 | 216 | Some item on your list 217 | 218 | 220 | 221 | 222 | Edit 223 | 224 | 225 | Delete 226 |
9 232 | 233 | Some item on your list 234 | 235 | 237 | 238 | 239 | Edit 240 | 241 | 242 | Delete 243 |
248 | 249 |
250 |
251 | 252 |
253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | -------------------------------------------------------------------------------- /dist/growth/app.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Growth - Bootstrap Theme 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 34 | 35 |
36 |
37 | 38 | 39 | 40 |
41 |

Sample application

42 | 43 |
44 |
45 |
46 |
47 | 48 |
49 | 50 |
51 |
52 |
53 | 54 |
55 | Dashboard 56 | 57 | Inbox 58 | 14 59 | 60 | Orders 61 | Products 62 | Customers 63 | Reports 64 |
65 |
66 |
67 | 68 |
69 |
70 |
71 |
72 |

Card title

73 |

74 | Some quick example text to build on the card title 75 | and make up the bulk of the card's content. 76 |

77 | 78 |
79 |
80 |
81 |
82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 100 | 108 | 109 | 110 | 111 | 112 | 117 | 125 | 126 | 127 | 128 | 129 | 134 | 142 | 143 | 144 | 145 | 146 | 151 | 159 | 160 | 161 | 162 | 163 | 168 | 176 | 177 | 178 | 179 | 180 | 185 | 193 | 194 | 195 | 196 | 197 | 202 | 210 | 211 | 212 | 213 | 214 | 219 | 227 | 228 | 229 | 230 | 231 | 236 | 244 | 245 | 246 | 247 |
#ItemActions
1 96 | 97 | Some item on your list 98 | 99 | 101 | 102 | 103 | Edit 104 | 105 | 106 | Delete 107 |
2 113 | 114 | Some item on your list 115 | 116 | 118 | 119 | 120 | Edit 121 | 122 | 123 | Delete 124 |
3 130 | 131 | Some item on your list 132 | 133 | 135 | 136 | 137 | Edit 138 | 139 | 140 | Delete 141 |
4 147 | 148 | Some item on your list 149 | 150 | 152 | 153 | 154 | Edit 155 | 156 | 157 | Delete 158 |
5 164 | 165 | Some item on your list 166 | 167 | 169 | 170 | 171 | Edit 172 | 173 | 174 | Delete 175 |
6 181 | 182 | Some item on your list 183 | 184 | 186 | 187 | 188 | Edit 189 | 190 | 191 | Delete 192 |
7 198 | 199 | Some item on your list 200 | 201 | 203 | 204 | 205 | Edit 206 | 207 | 208 | Delete 209 |
8 215 | 216 | Some item on your list 217 | 218 | 220 | 221 | 222 | Edit 223 | 224 | 225 | Delete 226 |
9 232 | 233 | Some item on your list 234 | 235 | 237 | 238 | 239 | Edit 240 | 241 | 242 | Delete 243 |
248 | 249 |
250 |
251 | 252 |
253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | -------------------------------------------------------------------------------- /dist/harbor/app.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Harbor - Bootstrap Theme 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 34 | 35 |
36 |
37 | 38 | 39 | 40 |
41 |

Sample application

42 | 43 |
44 |
45 |
46 |
47 | 48 |
49 | 50 |
51 |
52 |
53 | 54 |
55 | Dashboard 56 | 57 | Inbox 58 | 14 59 | 60 | Orders 61 | Products 62 | Customers 63 | Reports 64 |
65 |
66 |
67 | 68 |
69 |
70 |
71 |
72 |

Card title

73 |

74 | Some quick example text to build on the card title 75 | and make up the bulk of the card's content. 76 |

77 | 78 |
79 |
80 |
81 |
82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 100 | 108 | 109 | 110 | 111 | 112 | 117 | 125 | 126 | 127 | 128 | 129 | 134 | 142 | 143 | 144 | 145 | 146 | 151 | 159 | 160 | 161 | 162 | 163 | 168 | 176 | 177 | 178 | 179 | 180 | 185 | 193 | 194 | 195 | 196 | 197 | 202 | 210 | 211 | 212 | 213 | 214 | 219 | 227 | 228 | 229 | 230 | 231 | 236 | 244 | 245 | 246 | 247 |
#ItemActions
1 96 | 97 | Some item on your list 98 | 99 | 101 | 102 | 103 | Edit 104 | 105 | 106 | Delete 107 |
2 113 | 114 | Some item on your list 115 | 116 | 118 | 119 | 120 | Edit 121 | 122 | 123 | Delete 124 |
3 130 | 131 | Some item on your list 132 | 133 | 135 | 136 | 137 | Edit 138 | 139 | 140 | Delete 141 |
4 147 | 148 | Some item on your list 149 | 150 | 152 | 153 | 154 | Edit 155 | 156 | 157 | Delete 158 |
5 164 | 165 | Some item on your list 166 | 167 | 169 | 170 | 171 | Edit 172 | 173 | 174 | Delete 175 |
6 181 | 182 | Some item on your list 183 | 184 | 186 | 187 | 188 | Edit 189 | 190 | 191 | Delete 192 |
7 198 | 199 | Some item on your list 200 | 201 | 203 | 204 | 205 | Edit 206 | 207 | 208 | Delete 209 |
8 215 | 216 | Some item on your list 217 | 218 | 220 | 221 | 222 | Edit 223 | 224 | 225 | Delete 226 |
9 232 | 233 | Some item on your list 234 | 235 | 237 | 238 | 239 | Edit 240 | 241 | 242 | Delete 243 |
248 | 249 |
250 |
251 | 252 |
253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | -------------------------------------------------------------------------------- /dist/retro/app.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Retro - Bootstrap Theme 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 34 | 35 |
36 |
37 | 38 | 39 | 40 |
41 |

Sample application

42 | 43 |
44 |
45 |
46 |
47 | 48 |
49 | 50 |
51 |
52 |
53 | 54 |
55 | Dashboard 56 | 57 | Inbox 58 | 14 59 | 60 | Orders 61 | Products 62 | Customers 63 | Reports 64 |
65 |
66 |
67 | 68 |
69 |
70 |
71 |
72 |

Card title

73 |

74 | Some quick example text to build on the card title 75 | and make up the bulk of the card's content. 76 |

77 | 78 |
79 |
80 |
81 |
82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 100 | 108 | 109 | 110 | 111 | 112 | 117 | 125 | 126 | 127 | 128 | 129 | 134 | 142 | 143 | 144 | 145 | 146 | 151 | 159 | 160 | 161 | 162 | 163 | 168 | 176 | 177 | 178 | 179 | 180 | 185 | 193 | 194 | 195 | 196 | 197 | 202 | 210 | 211 | 212 | 213 | 214 | 219 | 227 | 228 | 229 | 230 | 231 | 236 | 244 | 245 | 246 | 247 |
#ItemActions
1 96 | 97 | Some item on your list 98 | 99 | 101 | 102 | 103 | Edit 104 | 105 | 106 | Delete 107 |
2 113 | 114 | Some item on your list 115 | 116 | 118 | 119 | 120 | Edit 121 | 122 | 123 | Delete 124 |
3 130 | 131 | Some item on your list 132 | 133 | 135 | 136 | 137 | Edit 138 | 139 | 140 | Delete 141 |
4 147 | 148 | Some item on your list 149 | 150 | 152 | 153 | 154 | Edit 155 | 156 | 157 | Delete 158 |
5 164 | 165 | Some item on your list 166 | 167 | 169 | 170 | 171 | Edit 172 | 173 | 174 | Delete 175 |
6 181 | 182 | Some item on your list 183 | 184 | 186 | 187 | 188 | Edit 189 | 190 | 191 | Delete 192 |
7 198 | 199 | Some item on your list 200 | 201 | 203 | 204 | 205 | Edit 206 | 207 | 208 | Delete 209 |
8 215 | 216 | Some item on your list 217 | 218 | 220 | 221 | 222 | Edit 223 | 224 | 225 | Delete 226 |
9 232 | 233 | Some item on your list 234 | 235 | 237 | 238 | 239 | Edit 240 | 241 | 242 | Delete 243 |
248 | 249 |
250 |
251 | 252 |
253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | -------------------------------------------------------------------------------- /dist/pleasant/app.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Pleasant - Bootstrap Theme 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 34 | 35 |
36 |
37 | 38 | 39 | 40 |
41 |

Sample application

42 | 43 |
44 |
45 |
46 |
47 | 48 |
49 | 50 |
51 |
52 |
53 | 54 |
55 | Dashboard 56 | 57 | Inbox 58 | 14 59 | 60 | Orders 61 | Products 62 | Customers 63 | Reports 64 |
65 |
66 |
67 | 68 |
69 |
70 |
71 |
72 |

Card title

73 |

74 | Some quick example text to build on the card title 75 | and make up the bulk of the card's content. 76 |

77 | 78 |
79 |
80 |
81 |
82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 100 | 108 | 109 | 110 | 111 | 112 | 117 | 125 | 126 | 127 | 128 | 129 | 134 | 142 | 143 | 144 | 145 | 146 | 151 | 159 | 160 | 161 | 162 | 163 | 168 | 176 | 177 | 178 | 179 | 180 | 185 | 193 | 194 | 195 | 196 | 197 | 202 | 210 | 211 | 212 | 213 | 214 | 219 | 227 | 228 | 229 | 230 | 231 | 236 | 244 | 245 | 246 | 247 |
#ItemActions
1 96 | 97 | Some item on your list 98 | 99 | 101 | 102 | 103 | Edit 104 | 105 | 106 | Delete 107 |
2 113 | 114 | Some item on your list 115 | 116 | 118 | 119 | 120 | Edit 121 | 122 | 123 | Delete 124 |
3 130 | 131 | Some item on your list 132 | 133 | 135 | 136 | 137 | Edit 138 | 139 | 140 | Delete 141 |
4 147 | 148 | Some item on your list 149 | 150 | 152 | 153 | 154 | Edit 155 | 156 | 157 | Delete 158 |
5 164 | 165 | Some item on your list 166 | 167 | 169 | 170 | 171 | Edit 172 | 173 | 174 | Delete 175 |
6 181 | 182 | Some item on your list 183 | 184 | 186 | 187 | 188 | Edit 189 | 190 | 191 | Delete 192 |
7 198 | 199 | Some item on your list 200 | 201 | 203 | 204 | 205 | Edit 206 | 207 | 208 | Delete 209 |
8 215 | 216 | Some item on your list 217 | 218 | 220 | 221 | 222 | Edit 223 | 224 | 225 | Delete 226 |
9 232 | 233 | Some item on your list 234 | 235 | 237 | 238 | 239 | Edit 240 | 241 | 242 | Delete 243 |
248 | 249 |
250 |
251 | 252 |
253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | -------------------------------------------------------------------------------- /dist/bubblegum/app.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Bubblegum - Bootstrap Theme 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 34 | 35 |
36 |
37 | 38 | 39 | 40 |
41 |

Sample application

42 | 43 |
44 |
45 |
46 |
47 | 48 |
49 | 50 |
51 |
52 |
53 | 54 |
55 | Dashboard 56 | 57 | Inbox 58 | 14 59 | 60 | Orders 61 | Products 62 | Customers 63 | Reports 64 |
65 |
66 |
67 | 68 |
69 |
70 |
71 |
72 |

Card title

73 |

74 | Some quick example text to build on the card title 75 | and make up the bulk of the card's content. 76 |

77 | 78 |
79 |
80 |
81 |
82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 100 | 108 | 109 | 110 | 111 | 112 | 117 | 125 | 126 | 127 | 128 | 129 | 134 | 142 | 143 | 144 | 145 | 146 | 151 | 159 | 160 | 161 | 162 | 163 | 168 | 176 | 177 | 178 | 179 | 180 | 185 | 193 | 194 | 195 | 196 | 197 | 202 | 210 | 211 | 212 | 213 | 214 | 219 | 227 | 228 | 229 | 230 | 231 | 236 | 244 | 245 | 246 | 247 |
#ItemActions
1 96 | 97 | Some item on your list 98 | 99 | 101 | 102 | 103 | Edit 104 | 105 | 106 | Delete 107 |
2 113 | 114 | Some item on your list 115 | 116 | 118 | 119 | 120 | Edit 121 | 122 | 123 | Delete 124 |
3 130 | 131 | Some item on your list 132 | 133 | 135 | 136 | 137 | Edit 138 | 139 | 140 | Delete 141 |
4 147 | 148 | Some item on your list 149 | 150 | 152 | 153 | 154 | Edit 155 | 156 | 157 | Delete 158 |
5 164 | 165 | Some item on your list 166 | 167 | 169 | 170 | 171 | Edit 172 | 173 | 174 | Delete 175 |
6 181 | 182 | Some item on your list 183 | 184 | 186 | 187 | 188 | Edit 189 | 190 | 191 | Delete 192 |
7 198 | 199 | Some item on your list 200 | 201 | 203 | 204 | 205 | Edit 206 | 207 | 208 | Delete 209 |
8 215 | 216 | Some item on your list 217 | 218 | 220 | 221 | 222 | Edit 223 | 224 | 225 | Delete 226 |
9 232 | 233 | Some item on your list 234 | 235 | 237 | 238 | 239 | Edit 240 | 241 | 242 | Delete 243 |
248 | 249 |
250 |
251 | 252 |
253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | -------------------------------------------------------------------------------- /dist/wizardry/app.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Wizardry - Bootstrap Theme 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 34 | 35 |
36 |
37 | 38 | 39 | 40 |
41 |

Sample application

42 | 43 |
44 |
45 |
46 |
47 | 48 |
49 | 50 |
51 |
52 |
53 | 54 |
55 | Dashboard 56 | 57 | Inbox 58 | 14 59 | 60 | Orders 61 | Products 62 | Customers 63 | Reports 64 |
65 |
66 |
67 | 68 |
69 |
70 |
71 |
72 |

Card title

73 |

74 | Some quick example text to build on the card title 75 | and make up the bulk of the card's content. 76 |

77 | 78 |
79 |
80 |
81 |
82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 100 | 108 | 109 | 110 | 111 | 112 | 117 | 125 | 126 | 127 | 128 | 129 | 134 | 142 | 143 | 144 | 145 | 146 | 151 | 159 | 160 | 161 | 162 | 163 | 168 | 176 | 177 | 178 | 179 | 180 | 185 | 193 | 194 | 195 | 196 | 197 | 202 | 210 | 211 | 212 | 213 | 214 | 219 | 227 | 228 | 229 | 230 | 231 | 236 | 244 | 245 | 246 | 247 |
#ItemActions
1 96 | 97 | Some item on your list 98 | 99 | 101 | 102 | 103 | Edit 104 | 105 | 106 | Delete 107 |
2 113 | 114 | Some item on your list 115 | 116 | 118 | 119 | 120 | Edit 121 | 122 | 123 | Delete 124 |
3 130 | 131 | Some item on your list 132 | 133 | 135 | 136 | 137 | Edit 138 | 139 | 140 | Delete 141 |
4 147 | 148 | Some item on your list 149 | 150 | 152 | 153 | 154 | Edit 155 | 156 | 157 | Delete 158 |
5 164 | 165 | Some item on your list 166 | 167 | 169 | 170 | 171 | Edit 172 | 173 | 174 | Delete 175 |
6 181 | 182 | Some item on your list 183 | 184 | 186 | 187 | 188 | Edit 189 | 190 | 191 | Delete 192 |
7 198 | 199 | Some item on your list 200 | 201 | 203 | 204 | 205 | Edit 206 | 207 | 208 | Delete 209 |
8 215 | 216 | Some item on your list 217 | 218 | 220 | 221 | 222 | Edit 223 | 224 | 225 | Delete 226 |
9 232 | 233 | Some item on your list 234 | 235 | 237 | 238 | 239 | Edit 240 | 241 | 242 | Delete 243 |
248 | 249 |
250 |
251 | 252 |
253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | -------------------------------------------------------------------------------- /dist/charming/app.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Charming - Bootstrap Theme 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 34 | 35 |
36 |
37 | 38 | 39 | 40 |
41 |

Sample application

42 | 43 |
44 |
45 |
46 |
47 | 48 |
49 | 50 |
51 |
52 |
53 | 54 |
55 | Dashboard 56 | 57 | Inbox 58 | 14 59 | 60 | Orders 61 | Products 62 | Customers 63 | Reports 64 |
65 |
66 |
67 | 68 |
69 |
70 |
71 |
72 |

Card title

73 |

74 | Some quick example text to build on the card title 75 | and make up the bulk of the card's content. 76 |

77 | 78 |
79 |
80 |
81 |
82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 100 | 108 | 109 | 110 | 111 | 112 | 117 | 125 | 126 | 127 | 128 | 129 | 134 | 142 | 143 | 144 | 145 | 146 | 151 | 159 | 160 | 161 | 162 | 163 | 168 | 176 | 177 | 178 | 179 | 180 | 185 | 193 | 194 | 195 | 196 | 197 | 202 | 210 | 211 | 212 | 213 | 214 | 219 | 227 | 228 | 229 | 230 | 231 | 236 | 244 | 245 | 246 | 247 |
#ItemActions
1 96 | 97 | Some item on your list 98 | 99 | 101 | 102 | 103 | Edit 104 | 105 | 106 | Delete 107 |
2 113 | 114 | Some item on your list 115 | 116 | 118 | 119 | 120 | Edit 121 | 122 | 123 | Delete 124 |
3 130 | 131 | Some item on your list 132 | 133 | 135 | 136 | 137 | Edit 138 | 139 | 140 | Delete 141 |
4 147 | 148 | Some item on your list 149 | 150 | 152 | 153 | 154 | Edit 155 | 156 | 157 | Delete 158 |
5 164 | 165 | Some item on your list 166 | 167 | 169 | 170 | 171 | Edit 172 | 173 | 174 | Delete 175 |
6 181 | 182 | Some item on your list 183 | 184 | 186 | 187 | 188 | Edit 189 | 190 | 191 | Delete 192 |
7 198 | 199 | Some item on your list 200 | 201 | 203 | 204 | 205 | Edit 206 | 207 | 208 | Delete 209 |
8 215 | 216 | Some item on your list 217 | 218 | 220 | 221 | 222 | Edit 223 | 224 | 225 | Delete 226 |
9 232 | 233 | Some item on your list 234 | 235 | 237 | 238 | 239 | Edit 240 | 241 | 242 | Delete 243 |
248 | 249 |
250 |
251 | 252 |
253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | -------------------------------------------------------------------------------- /dist/daydream/app.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Daydream - Bootstrap Theme 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 34 | 35 |
36 |
37 | 38 | 39 | 40 |
41 |

Sample application

42 | 43 |
44 |
45 |
46 |
47 | 48 |
49 | 50 |
51 |
52 |
53 | 54 |
55 | Dashboard 56 | 57 | Inbox 58 | 14 59 | 60 | Orders 61 | Products 62 | Customers 63 | Reports 64 |
65 |
66 |
67 | 68 |
69 |
70 |
71 |
72 |

Card title

73 |

74 | Some quick example text to build on the card title 75 | and make up the bulk of the card's content. 76 |

77 | 78 |
79 |
80 |
81 |
82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 100 | 108 | 109 | 110 | 111 | 112 | 117 | 125 | 126 | 127 | 128 | 129 | 134 | 142 | 143 | 144 | 145 | 146 | 151 | 159 | 160 | 161 | 162 | 163 | 168 | 176 | 177 | 178 | 179 | 180 | 185 | 193 | 194 | 195 | 196 | 197 | 202 | 210 | 211 | 212 | 213 | 214 | 219 | 227 | 228 | 229 | 230 | 231 | 236 | 244 | 245 | 246 | 247 |
#ItemActions
1 96 | 97 | Some item on your list 98 | 99 | 101 | 102 | 103 | Edit 104 | 105 | 106 | Delete 107 |
2 113 | 114 | Some item on your list 115 | 116 | 118 | 119 | 120 | Edit 121 | 122 | 123 | Delete 124 |
3 130 | 131 | Some item on your list 132 | 133 | 135 | 136 | 137 | Edit 138 | 139 | 140 | Delete 141 |
4 147 | 148 | Some item on your list 149 | 150 | 152 | 153 | 154 | Edit 155 | 156 | 157 | Delete 158 |
5 164 | 165 | Some item on your list 166 | 167 | 169 | 170 | 171 | Edit 172 | 173 | 174 | Delete 175 |
6 181 | 182 | Some item on your list 183 | 184 | 186 | 187 | 188 | Edit 189 | 190 | 191 | Delete 192 |
7 198 | 199 | Some item on your list 200 | 201 | 203 | 204 | 205 | Edit 206 | 207 | 208 | Delete 209 |
8 215 | 216 | Some item on your list 217 | 218 | 220 | 221 | 222 | Edit 223 | 224 | 225 | Delete 226 |
9 232 | 233 | Some item on your list 234 | 235 | 237 | 238 | 239 | Edit 240 | 241 | 242 | Delete 243 |
248 | 249 |
250 |
251 | 252 |
253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | --------------------------------------------------------------------------------