├── src ├── scss │ ├── _custom-variables.scss │ └── bulma-theme.scss ├── assets │ ├── robots.txt │ ├── favicon.ico │ └── placeholder │ │ └── icons │ │ ├── play.svg │ │ ├── facebook-f.svg │ │ ├── white │ │ ├── facebook-f.svg │ │ ├── google.svg │ │ ├── clock-o.svg │ │ └── twitter.svg │ │ ├── chevron-left.svg │ │ ├── chevron-right.svg │ │ ├── level-up.svg │ │ ├── level-down.svg │ │ ├── map-marker.svg │ │ ├── check.svg │ │ ├── facebook-official.svg │ │ ├── folder-o.svg │ │ ├── close.svg │ │ ├── chevron-circle-down.svg │ │ ├── folder-open.svg │ │ ├── google.svg │ │ ├── plane.svg │ │ ├── share-alt.svg │ │ ├── clock-o.svg │ │ ├── play-circle-o.svg │ │ ├── twitter.svg │ │ ├── apple.svg │ │ ├── calendar-o.svg │ │ ├── chrome.svg │ │ ├── envelope.svg │ │ ├── linkedin-in.svg │ │ ├── heart-o.svg │ │ ├── quote-left.svg │ │ ├── file-text-o.svg │ │ ├── envelope-o.svg │ │ ├── phone.svg │ │ ├── internet-explorer.svg │ │ ├── firefox.svg │ │ ├── users.svg │ │ ├── instagram.svg │ │ ├── safari.svg │ │ └── unicorn.svg ├── components │ └── footer.pug ├── hero.pug ├── cookies.pug ├── content.pug ├── navbar.pug ├── http-codes.pug ├── cta.pug ├── gallery.pug ├── grid.pug ├── team.pug ├── footers.pug ├── sign-in.pug ├── pagination.pug ├── how-it-works.pug ├── portfolio.pug ├── features.pug ├── pricing.pug ├── testimonials.pug ├── contacts.pug └── admin.pug ├── components ├── robots.txt ├── resources │ ├── themes │ │ └── bootstrap │ │ │ ├── default_header.php │ │ │ ├── img │ │ │ └── folder.png │ │ │ ├── default_footer.php │ │ │ ├── js │ │ │ └── directorylister.js │ │ │ └── css │ │ │ └── style.css │ ├── config.php │ └── fileTypes.php ├── favicon.ico ├── placeholder │ └── icons │ │ ├── play.svg │ │ ├── facebook-f.svg │ │ ├── white │ │ ├── facebook-f.svg │ │ ├── google.svg │ │ ├── clock-o.svg │ │ └── twitter.svg │ │ ├── chevron-left.svg │ │ ├── chevron-right.svg │ │ ├── level-up.svg │ │ ├── level-down.svg │ │ ├── map-marker.svg │ │ ├── check.svg │ │ ├── facebook-official.svg │ │ ├── folder-o.svg │ │ ├── close.svg │ │ ├── chevron-circle-down.svg │ │ ├── folder-open.svg │ │ ├── google.svg │ │ ├── plane.svg │ │ ├── share-alt.svg │ │ ├── clock-o.svg │ │ ├── play-circle-o.svg │ │ ├── twitter.svg │ │ ├── apple.svg │ │ ├── calendar-o.svg │ │ ├── chrome.svg │ │ ├── envelope.svg │ │ ├── linkedin-in.svg │ │ ├── heart-o.svg │ │ ├── quote-left.svg │ │ ├── file-text-o.svg │ │ ├── envelope-o.svg │ │ ├── phone.svg │ │ ├── internet-explorer.svg │ │ ├── firefox.svg │ │ ├── users.svg │ │ ├── instagram.svg │ │ ├── safari.svg │ │ └── unicorn.svg ├── components │ └── footer.html ├── index.php ├── hero.html ├── navbar.html ├── content.html ├── cookies.html ├── http-codes.html ├── cta.html ├── gallery.html ├── pagination.html ├── footers.html ├── team.html ├── grid.html ├── sign-in.html ├── portfolio.html ├── sitemap.xml ├── how-it-works.html ├── features.html ├── pricing.html └── testimonials.html ├── .gitignore ├── LICENSE ├── package.json └── README.md /src/scss/_custom-variables.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /components/robots.txt: -------------------------------------------------------------------------------- 1 | User-agent: * 2 | Allow: / -------------------------------------------------------------------------------- /src/assets/robots.txt: -------------------------------------------------------------------------------- 1 | User-agent: * 2 | Allow: / -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | public 3 | deploy.js 4 | -------------------------------------------------------------------------------- /components/resources/themes/bootstrap/default_header.php: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /components/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bulma-css-templates/bulma-components/HEAD/components/favicon.ico -------------------------------------------------------------------------------- /src/assets/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bulma-css-templates/bulma-components/HEAD/src/assets/favicon.ico -------------------------------------------------------------------------------- /components/resources/themes/bootstrap/img/folder.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bulma-css-templates/bulma-components/HEAD/components/resources/themes/bootstrap/img/folder.png -------------------------------------------------------------------------------- /components/resources/themes/bootstrap/default_footer.php: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 | Powered by, Directory Lister 5 |
6 | -------------------------------------------------------------------------------- /components/placeholder/icons/play.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/play.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/facebook-f.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/facebook-f.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/white/facebook-f.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/white/facebook-f.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/chevron-left.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/chevron-right.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/chevron-left.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/chevron-right.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/level-up.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/level-up.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/level-down.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/level-down.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/map-marker.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/map-marker.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/check.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/check.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | -------------------------------------------------------------------------------- /components/placeholder/icons/facebook-official.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/facebook-official.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/folder-o.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/folder-o.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/close.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/close.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | 7 | -------------------------------------------------------------------------------- /components/placeholder/icons/chevron-circle-down.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/chevron-circle-down.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/folder-open.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/google.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/folder-open.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/google.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/plane.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/white/google.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/plane.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/white/google.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/share-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/share-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/clock-o.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/play-circle-o.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/clock-o.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/play-circle-o.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/white/clock-o.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/white/clock-o.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/twitter.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/twitter.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/white/twitter.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/white/twitter.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/apple.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/calendar-o.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/apple.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/calendar-o.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/chrome.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/chrome.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/envelope.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/envelope.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/components/footer.pug: -------------------------------------------------------------------------------- 1 | 2 | .container.is-fluid 3 | 4 | footer.footer 5 | .container 6 | .columns 7 | 8 | .column.is-4 9 | 10 | .column.is-4.has-text-centered.is-hidden-mobile 11 | a.title.is-5(href="https://github.com/bulma-css-templates/bulma-components") Github Sources 12 | 13 | .column.is-4.has-text-right 14 | 15 | p.subtitle.has-text-centered.is-6 © 16 | a(href="https://bulma-css.com") Bulma-CSS - 17 | a(href="https://appseed.us/apps/bulma-css") Bulma Apps 18 | -------------------------------------------------------------------------------- /components/placeholder/icons/linkedin-in.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/linkedin-in.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/heart-o.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/quote-left.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/heart-o.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/quote-left.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/components/footer.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 13 |
-------------------------------------------------------------------------------- /components/placeholder/icons/file-text-o.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/file-text-o.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/envelope-o.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/envelope-o.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/phone.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/phone.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/internet-explorer.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/internet-explorer.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/firefox.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/firefox.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/users.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/users.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/placeholder/icons/instagram.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/instagram.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2019 - Present. Bulma CSS Templates 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 | -------------------------------------------------------------------------------- /components/placeholder/icons/safari.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/safari.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/index.php: -------------------------------------------------------------------------------- 1 | getFileHash($_GET['hash']); 17 | $data = json_encode($hashes); 18 | 19 | // Return the data 20 | die($data); 21 | 22 | } 23 | 24 | if (isset($_GET['zip'])) { 25 | 26 | $dirArray = $lister->zipDirectory($_GET['zip']); 27 | 28 | } else { 29 | 30 | // Initialize the directory array 31 | if (isset($_GET['dir'])) { 32 | $dirArray = $lister->listDirectory($_GET['dir']); 33 | } else { 34 | $dirArray = $lister->listDirectory('.'); 35 | } 36 | 37 | // Define theme path 38 | if (!defined('THEMEPATH')) { 39 | define('THEMEPATH', $lister->getThemePath()); 40 | } 41 | 42 | // Set path to theme index 43 | $themeIndex = $lister->getThemePath(true) . '/index.php'; 44 | 45 | // Initialize the theme 46 | if (file_exists($themeIndex)) { 47 | include($themeIndex); 48 | } else { 49 | die('ERROR: Failed to initialize theme'); 50 | } 51 | 52 | } 53 | -------------------------------------------------------------------------------- /src/scss/bulma-theme.scss: -------------------------------------------------------------------------------- 1 | /*! Theme created with the Bulma Builder (https://bulma.dev) */ 2 | 3 | @import "../../node_modules/bulma/sass/utilities/initial-variables.sass"; 4 | @import "../../node_modules/bulma/sass/utilities/functions.sass"; 5 | @import "../../node_modules/bulma/sass/utilities/derived-variables.sass"; 6 | 7 | // Your variables 8 | @import 'custom-variables'; 9 | 10 | $colors: mergeColorMaps(("white": ($white, $black), "black": ($black, $white), "light": ($light, $light-invert), "dark": ($dark, $dark-invert), "primary": ($primary, $primary-invert), "link": ($link, $link-invert), "info": ($info, $info-invert), "success": ($success, $success-invert), "warning": ($warning, $warning-invert), "danger": ($danger, $danger-invert)), $custom-colors); 11 | $shades: mergeColorMaps(("black-bis": $black-bis, "black-ter": $black-ter, "grey-darker": $grey-darker, "grey-dark": $grey-dark, "grey": $grey, "grey-light": $grey-light, "grey-lighter": $grey-lighter, "white-ter": $white-ter, "white-bis": $white-bis), $custom-shades); 12 | $sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7; 13 | 14 | @import "../../node_modules/bulma/sass/utilities/_all.sass"; 15 | @import "../../node_modules/bulma/sass/base/_all.sass"; 16 | @import "../../node_modules/bulma/sass/components/_all.sass"; 17 | @import "../../node_modules/bulma/sass/elements/_all.sass"; 18 | @import "../../node_modules/bulma/sass/form/_all.sass"; 19 | @import "../../node_modules/bulma/sass/grid/_all.sass"; 20 | @import "../../node_modules/bulma/sass/layout/_all.sass"; -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bulma-components", 3 | "version": "1.0.0", 4 | "private": true, 5 | "license": "MIT", 6 | "author": "Bulma-Css.com", 7 | "description": "Open-Source Components Library for Bulma", 8 | "scripts": { 9 | "start": "npm-run-all build --parallel watch-templates watch-css browsersync", 10 | "deploy": "node deploy", 11 | "browsersync": "browser-sync start --directory --server ./public --files ./public/* --startPath index.html", 12 | "clean": "rimraf public/*", 13 | "copy-assets": "cpx \"src/assets/**/*.*\" public/", 14 | "css-compile": "node-sass --importer=node_modules/node-sass-tilde-importer/ --output-style expanded --source-map true --source-map-contents true --precision 6 src/scss/bulma-theme.scss public/css/bulma/bulma-theme.css", 15 | "css-minify": "cleancss --level 1 --source-map --source-map-inline-sources --output public/css/bulma/bulma-theme.min.css public/css/bulma/bulma-theme.css", 16 | "css": "npm-run-all --sequential css-*", 17 | "templates": "pug --pretty -o public/ src/", 18 | "build": "npm-run-all --sequential clean copy-* templates css", 19 | "watch": "npm-run-all build --parallel watch-templates watch-css browsersync", 20 | "watch-templates": "npm run templates -- --watch", 21 | "watch-css": "npm run css-compile -- --watch" 22 | }, 23 | "dependencies": { 24 | "bulma": "^0.7.5", 25 | "ftp-deploy": "^2.3.3", 26 | "node-sass-tilde-importer": "^1.0.2" 27 | }, 28 | "devDependencies": { 29 | "browser-sync": "^2.24.7", 30 | "clean-css-cli": "^4.2.1", 31 | "cpx": "^1.5.0", 32 | "node-sass": "^4.10.0", 33 | "npm-run-all": "^4.1.3", 34 | "pug": "^2.0.3", 35 | "pug-cli": "^1.0.0-alpha6", 36 | "rimraf": "^2.6.2" 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /src/hero.pug: -------------------------------------------------------------------------------- 1 | doctype html 2 | html(lang="en") 3 | head 4 | title Bulma CSS - Hero 5 | meta(charset="utf-8") 6 | meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no") 7 | meta(name="description" content="Hero styled with Bulma CSS") 8 | meta(name="author" content="Bulma-Css.com") 9 | link(rel="stylesheet" href="css/bulma/bulma-theme.css") 10 | link(rel="icon" href="favicon.ico") 11 | body 12 | .container.is-fluid 13 | 14 | section.section 15 | .container 16 | h1.title.has-text-centered Bulma CSS 17 | p.has-text-centered.subtitle Hero styled with Bulma - 18 | a(href="https://github.com/bulma-css-templates/bulma-components/blob/master/src/hero.pug") source code 19 | 20 | hr 21 | 22 | section.hero 23 | .hero-body 24 | .container.has-text-centered 25 | h1.title.is-spaced The New Internet 26 | h2.subtitle Decentralized, secure, private. The PiperNet is on it's way to revolutionize every smartphone, PC, and smart-fridge near you. 27 | 28 | .buttons.is-centered 29 | a.control.button.is-primary(href="#") Sign up for free 30 | a.control.button.is-light(href="#") Read more 31 | 32 | hr 33 | 34 | section.hero 35 | .hero-body 36 | .container.has-text-centered 37 | h2.subtitle The New Internet 38 | h1.title We've built a decentralized internet where information is totally free 39 | a(href="#") Read more » 40 | 41 | hr 42 | 43 | include components/footer.pug 44 | -------------------------------------------------------------------------------- /components/resources/config.php: -------------------------------------------------------------------------------- 1 | 'Home', 7 | 'hide_dot_files' => true, 8 | 'list_folders_first' => true, 9 | 'list_sort_order' => 'natcasesort', 10 | 'theme_name' => 'bootstrap', 11 | 'date_format' => 'Y-m-d H:i:s', // See: http://php.net/manual/en/function.date.php 12 | 13 | // Hidden files 14 | 'hidden_files' => array( 15 | '.ht*', 16 | '*/.ht*', 17 | 'resources', 18 | 'resources/*', 19 | 'analytics.inc', 20 | 'header.php', 21 | 'googlee35aa2f2fd7b0c5b.html', 22 | 'favicon.ico', 23 | 'components', 24 | 'components/*', 25 | 'placeholder', 26 | 'placeholder/*', 27 | 'robots.txt', 28 | 'sitemap.xml', 29 | 'footer.php' 30 | ), 31 | 32 | // If set to 'true' an directory with an index file (as defined below) will 33 | // become a direct link to the index page instead of a browsable directory 34 | 'links_dirs_with_index' => false, 35 | 36 | // Make linked directories open in a new (_blank) tab 37 | 'external_links_new_window' => true, 38 | 39 | // Files that, if present in a directory, make the directory 40 | // a direct link rather than a browse link. 41 | 'index_files' => array( 42 | 'index.htm', 43 | 'index.html', 44 | 'index.php' 45 | ), 46 | 47 | // File hashing threshold 48 | 'hash_size_limit' => 268435456, // 256 MB 49 | 50 | // Custom sort order 51 | 'reverse_sort' => array( 52 | // 'path/to/folder' 53 | ), 54 | 55 | // Allow to download directories as zip files 56 | 'zip_dirs' => false, 57 | 58 | // Stream zip file content directly to the client, 59 | // without any temporary file 60 | 'zip_stream' => true, 61 | 62 | 'zip_compression_level' => 0, 63 | 64 | // Disable zip downloads for particular directories 65 | 'zip_disable' => array( 66 | // 'path/to/folder' 67 | ), 68 | 69 | ); 70 | -------------------------------------------------------------------------------- /components/resources/themes/bootstrap/js/directorylister.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function() { 2 | 3 | // Get page-content original position 4 | var contentTop = $('#page-content').offset().top; 5 | 6 | // Show/hide top link on page load 7 | showHideTopLink(contentTop); 8 | 9 | // Show/hide top link on scroll 10 | $(window).scroll(function() { 11 | showHideTopLink(contentTop); 12 | }); 13 | 14 | // Scroll page on click action 15 | $('#page-top-link').click(function() { 16 | $('html, body').animate({ scrollTop: 0 }, 'fast'); 17 | return false; 18 | }); 19 | 20 | // Hash button on click action 21 | $('.file-info-button').click(function(event) { 22 | 23 | // Get the file name and path 24 | var name = $(this).closest('li').attr('data-name'); 25 | var path = $(this).closest('li').attr('data-href'); 26 | 27 | // Set modal title value 28 | $('#file-info-modal .modal-title').text(name); 29 | 30 | $('#file-info .md5-hash').text('Loading...'); 31 | $('#file-info .sha1-hash').text('Loading...'); 32 | $('#file-info .filesize').text('Loading...'); 33 | 34 | $.ajax({ 35 | url: '?hash=' + path, 36 | type: 'get', 37 | success: function(data) { 38 | 39 | // Parse the JSON data 40 | var obj = jQuery.parseJSON(data); 41 | 42 | // Set modal pop-up hash values 43 | $('#file-info .md5-hash').text(obj.md5); 44 | $('#file-info .sha1-hash').text(obj.sha1); 45 | $('#file-info .filesize').text(obj.size); 46 | 47 | } 48 | }); 49 | 50 | // Show the modal 51 | $('#file-info-modal').modal('show'); 52 | 53 | // Prevent default link action 54 | event.preventDefault(); 55 | 56 | }); 57 | 58 | }); 59 | 60 | function showHideTopLink(elTop) { 61 | if($('#page-navbar').offset().top + $('#page-navbar').height() >= elTop) { 62 | $('#page-top-nav').show(); 63 | } else { 64 | $('#page-top-nav').hide(); 65 | } 66 | } 67 | -------------------------------------------------------------------------------- /src/cookies.pug: -------------------------------------------------------------------------------- 1 | doctype html 2 | html(lang="en") 3 | head 4 | title Bulma CSS - Cookies 5 | meta(charset="utf-8") 6 | meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no") 7 | meta(name="description" content="Cookies styled with Bulma CSS") 8 | meta(name="author" content="Bulma-Css.com") 9 | link(rel="stylesheet" href="css/bulma/bulma-theme.css") 10 | link(rel="icon" href="favicon.ico") 11 | body 12 | .container.is-fluid 13 | 14 | section.section 15 | .container 16 | h1.title.has-text-centered Bulma CSS 17 | p.has-text-centered.subtitle Cookies styled with Bulma - 18 | a(href="https://github.com/bulma-css-templates/bulma-components/blob/master/src/cookies.pug") source code 19 | 20 | hr 21 | 22 | section 23 | .notification 24 | button.delete 25 | h3.title Cookie Policy 26 | p.subtitle We use cookies to personalise content, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners. If you want to change your cookie setting, please see the ‘how to reject cookies' section of our #[a(href="#") Cookie Policy]. Otherwise, if you agree to our use of cookies, please continue to use our website. 27 | button.button.is-primary I accept cookies 28 | 29 | hr 30 | 31 | section 32 | .notification 33 | button.delete 34 | p.block We use cookies to personalise content, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners. If you want to change your cookie setting, please see the ‘how to reject cookies' section of our #[a(href="#") Cookie Policy]. Otherwise, if you agree to our use of cookies, please continue to use our website. 35 | button.button.is-primary I accept cookies 36 | 37 | hr 38 | 39 | include components/footer.pug 40 | -------------------------------------------------------------------------------- /src/content.pug: -------------------------------------------------------------------------------- 1 | doctype html 2 | html(lang="en") 3 | head 4 | title Bulma CSS - Content Elements 5 | meta(charset="utf-8") 6 | meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no") 7 | meta(name="description" content="Content Elements built styled with Bulma") 8 | meta(name="author" content="Bulma-Css.com") 9 | link(rel="stylesheet" href="css/bulma/bulma-theme.css") 10 | link(rel="icon" href="favicon.ico") 11 | body 12 | .container.is-fluid 13 | 14 | section.section 15 | .container 16 | h1.title.has-text-centered Bulma CSS 17 | p.has-text-centered.subtitle Content Elements built styled with Bulma - 18 | a(href="https://github.com/bulma-css-templates/bulma-components/blob/master/src/content.pug") source code 19 | 20 | hr 21 | 22 | section.section 23 | .container.has-text-centered 24 | .block 25 | img(src="placeholder/icons/unicorn.svg", alt="") 26 | 27 | p Our mission is not to outsell Hooli with a product like their latest Box 3. We are not in it for the money - we are in it to make the whole world decentralized. To give you control over your data. To change by the internet as we know it by integrating a very important feature into it - freedom. 28 | 29 | hr 30 | 31 | section.section 32 | .container.has-text-centered 33 | h2.title Decentralized, secure, private. 34 | 35 | .block 36 | img(src="placeholder/icons/unicorn.svg", alt="") 37 | img(src="placeholder/icons/unicorn.svg", alt="") 38 | img(src="placeholder/icons/unicorn.svg", alt="") 39 | 40 | p Our mission is not to outsell Hooli with a product like their latest Box 3. We are not in it for the money - we are in it to make the whole world decentralized. To give you control over your data. To change by the internet as we know it by integrating a very important feature into it - freedom. 41 | 42 | hr 43 | 44 | include components/footer.pug 45 | -------------------------------------------------------------------------------- /src/navbar.pug: -------------------------------------------------------------------------------- 1 | doctype html 2 | html(lang="en") 3 | head 4 | title Bulma CSS - Navbar 5 | meta(charset="utf-8") 6 | meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no") 7 | meta(name="description" content="Navbars styled with Bulma CSS") 8 | meta(name="author" content="Bulma-Css.com") 9 | link(rel="stylesheet" href="css/bulma/bulma-theme.css") 10 | link(rel="icon" href="favicon.ico") 11 | body 12 | .container.is-fluid 13 | 14 | section.section 15 | .container 16 | h1.title.has-text-centered Bulma CSS 17 | p.has-text-centered.subtitle Navbars styled with Bulma - 18 | a(href="https://github.com/bulma-css-templates/bulma-components/blob/master/src/navbar.pug") source code 19 | 20 | hr 21 | 22 | nav.navbar 23 | .container 24 | .navbar-brand 25 | a.navbar-item(href="#") Pied Piper 26 | a.navbar-burger(role="button", aria-label="menu", aria-expanded="false") 27 | span(aria-hidden="true") 28 | span(aria-hidden="true") 29 | span(aria-hidden="true") 30 | .navbar-menu 31 | .navbar-start 32 | a.navbar-item(href="#") Features 33 | a.navbar-item(href="#") Enterprise 34 | a.navbar-item(href="#") Support 35 | .navbar-item.has-dropdown.is-hoverable 36 | a.navbar-link ICO 37 | .navbar-dropdown 38 | a.navbar-item.navbar-item-dropdown(href="#") Whitepaper 39 | a.navbar-item.navbar-item-dropdown(href="#") Token 40 | .navbar-end 41 | .navbar-item 42 | .buttons 43 | a.button.is-light(href="#") Log in 44 | a.button.is-primary(href="#") Sign up 45 | 46 | hr 47 | 48 | include components/footer.pug 49 | -------------------------------------------------------------------------------- /src/http-codes.pug: -------------------------------------------------------------------------------- 1 | doctype html 2 | html(lang="en") 3 | head 4 | title Bulma CSS - Http Codes 5 | meta(charset="utf-8") 6 | meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no") 7 | meta(name="description" content="Http Codes elements styled with Bulma CSS") 8 | meta(name="author" content="Bulma-Css.com") 9 | link(rel="stylesheet" href="css/bulma/bulma-theme.css") 10 | link(rel="icon" href="favicon.ico") 11 | body 12 | .container.is-fluid 13 | 14 | section.section 15 | .container 16 | h1.title.has-text-centered Bulma CSS 17 | p.has-text-centered.subtitle Http Codes elements styled with Bulma - 18 | a(href="https://github.com/bulma-css-templates/bulma-components/blob/master/src/http-codes.pug") source code 19 | 20 | hr 21 | 22 | section.section 23 | .container.has-text-centered 24 | .columns.is-centered 25 | .column.is-7 26 | h1.title.is-1 404 27 | p.subtitle.is-3 Page not found 28 | p As well as funds, willing VC-s, client-centered approach, basic UX skills, proper level of nutrients, girlfriends and most of our dignity. 29 | 30 | a.button.is-primary(href="#") Back to homepage 31 | 32 | hr 33 | 34 | section.section 35 | .container.has-text-centered 36 | .columns.is-centered 37 | .column.is-7 38 | h1.title.is-1 404 39 | p.subtitle.is-3 Page not found 40 | p As well as funds, willing VC-s, client-centered approach, basic UX skills, proper level of nutrients, girlfriends and most of our dignity. 41 | 42 | .buttons.is-centered 43 | a.button.is-text(href="#") Features 44 | a.button.is-text(href="#") Enterprise 45 | a.button.is-text(href="#") Support 46 | a.button.is-text(href="#") ICO 47 | 48 | hr 49 | 50 | include components/footer.pug 51 | 52 | -------------------------------------------------------------------------------- /components/hero.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bulma CSS - Hero 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Bulma CSS

17 |

Hero styled with Bulma - source code

18 |
19 |
20 |
21 |
22 |
23 |
24 |

The New Internet

25 |

Decentralized, secure, private. The PiperNet is on it's way to revolutionize every smartphone, PC, and smart-fridge near you.

26 |
Sign up for freeRead more
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |

The New Internet

35 |

We've built a decentralized internet where information is totally free

Read more » 36 |
37 |
38 |
39 |
40 |
41 | 51 |
52 |
53 | 54 | -------------------------------------------------------------------------------- /src/cta.pug: -------------------------------------------------------------------------------- 1 | doctype html 2 | html(lang="en") 3 | head 4 | title Bulma CSS - Call to action 5 | meta(charset="utf-8") 6 | meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no") 7 | meta(name="description" content="Call to action styled with Bulma CSS") 8 | meta(name="author" content="Bulma-Css.com") 9 | link(rel="stylesheet" href="css/bulma/bulma-theme.css") 10 | link(rel="icon" href="favicon.ico") 11 | body 12 | .container.is-fluid 13 | 14 | section.section 15 | .container 16 | h1.title.has-text-centered Bulma CSS 17 | p.has-text-centered.subtitle Call to action styled with Bulma - 18 | a(href="https://github.com/bulma-css-templates/bulma-components/blob/master/src/cta.pug") source code 19 | 20 | hr 21 | 22 | section.section 23 | .container.has-text-centered 24 | h2.title.is-spaced Future of the Internet 25 | p.subtitle Decentralized, secure, private. The PiperNet is on it's way to revolutionize every smartphone, PC, and smart-fridge near you. 26 | a.button.is-primary(href="#") Join the Revolution! 27 | 28 | hr 29 | 30 | section.section 31 | .container.has-text-centered 32 | h2.title.is-spaced Future of the Internet 33 | p.subtitle Decentralized, secure, private. The PiperNet is on it's way to revolutionize every smartphone, PC, and smart-fridge near you. 34 | 35 | .buttons.is-centered 36 | a.button.is-primary(href="#") Join the Revolution! 37 | 38 | h3.title.is-5 Great Companies that already use PiperNet 39 | 40 | .columns 41 | .column 42 | img(src="https://bulma.dev/placeholder/logos/gitscape.svg?primary=00d1b2", alt="") 43 | .column 44 | img(src="https://bulma.dev/placeholder/logos/k-hole.svg?primary=00d1b2", alt="") 45 | .column 46 | img(src="https://bulma.dev/placeholder/logos/tholio.svg?primary=00d1b2", alt="") 47 | .column 48 | img(src="https://bulma.dev/placeholder/logos/plucky.svg?primary=00d1b2", alt="") 49 | .column 50 | img(src="https://bulma.dev/placeholder/logos/1stsight.svg?primary=00d1b2", alt="") 51 | 52 | hr 53 | 54 | include components/footer.pug 55 | -------------------------------------------------------------------------------- /components/navbar.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bulma CSS - Navbar 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Bulma CSS

17 |

Navbars styled with Bulma - source code

18 |
19 |
20 |
21 | 38 |
39 |
40 | 50 |
51 |
52 | 53 | -------------------------------------------------------------------------------- /components/content.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bulma CSS - Content Elements 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Bulma CSS

17 |

Content Elements built styled with Bulma - source code

18 |
19 |
20 |
21 |
22 |
23 |
24 |

Our mission is not to outsell Hooli with a product like their latest Box 3. We are not in it for the money - we are in it to make the whole world decentralized. To give you control over your data. To change by the internet as we know it by integrating a very important feature into it - freedom.

25 |
26 |
27 |
28 |
29 |
30 |

Decentralized, secure, private.

31 |
32 |

Our mission is not to outsell Hooli with a product like their latest Box 3. We are not in it for the money - we are in it to make the whole world decentralized. To give you control over your data. To change by the internet as we know it by integrating a very important feature into it - freedom.

33 |
34 |
35 |
36 |
37 | 47 |
48 |
49 | 50 | -------------------------------------------------------------------------------- /src/gallery.pug: -------------------------------------------------------------------------------- 1 | doctype html 2 | html(lang="en") 3 | head 4 | title Bulma CSS - Image Gallery 5 | meta(charset="utf-8") 6 | meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no") 7 | meta(name="description" content="Image Gallery styled with Bulma CSS") 8 | meta(name="author" content="Bulma-Css.com") 9 | link(rel="stylesheet" href="css/bulma/bulma-theme.css") 10 | link(rel="icon" href="favicon.ico") 11 | body 12 | .container.is-fluid 13 | 14 | section.section 15 | .container 16 | h1.title.has-text-centered Bulma CSS 17 | p.has-text-centered.subtitle Image Gallery styled with Bulma - 18 | a(href="https://github.com/bulma-css-templates/bulma-components/blob/master/src/gallery.pug") source code 19 | 20 | hr 21 | 22 | section.section 23 | .container 24 | h2.title.has-text-centered Bulma Gallery #1 25 | 26 | .columns 27 | .column 28 | a(href="#") 29 | img(src="https://bulma.dev/placeholder/pictures/bg_4-3.svg?primary=00d1b2", alt="") 30 | .column 31 | a(href="#") 32 | img(src="https://bulma.dev/placeholder/pictures/bg_4-3.svg?primary=00d1b2", alt="") 33 | 34 | hr 35 | 36 | section.section 37 | .container 38 | h2.title.has-text-centered Bulma Gallery #2 39 | 40 | .columns.is-multiline 41 | .column.is-4 42 | a(href="#") 43 | img(src="https://bulma.dev/placeholder/pictures/bg_4-3.svg?primary=00d1b2", alt="") 44 | .column.is-4 45 | a(href="#") 46 | img(src="https://bulma.dev/placeholder/pictures/bg_4-3.svg?primary=00d1b2", alt="") 47 | .column.is-4 48 | a(href="#") 49 | img(src="https://bulma.dev/placeholder/pictures/bg_4-3.svg?primary=00d1b2", alt="") 50 | .column.is-4 51 | a(href="#") 52 | img(src="https://bulma.dev/placeholder/pictures/bg_4-3.svg?primary=00d1b2", alt="") 53 | .column.is-4 54 | a(href="#") 55 | img(src="https://bulma.dev/placeholder/pictures/bg_4-3.svg?primary=00d1b2", alt="") 56 | .column.is-4 57 | a(href="#") 58 | img(src="https://bulma.dev/placeholder/pictures/bg_4-3.svg?primary=00d1b2", alt="") 59 | 60 | hr 61 | 62 | include components/footer.pug 63 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # [Bulma Css Components](https://components.bulma-css.com) 2 | 3 | Open-Source project. The initial components generated by [bulma.dev](https://bulma.dev/). 4 | 5 |
6 | 7 | ![Bulma Css Components - Gif animated presentation](https://github.com/app-generator/static/blob/master/bulma-css/bulma-css-components-intro.gif?raw=true) 8 | 9 |
10 | 11 | ## Getting Started 12 | 13 | Project's source files are placed in ./src/ directory. 14 | 15 | * ./src/assets - default static files (eg. image placeholders). You should replace them with your own files. 16 | 17 | * ./src/scss/ - Sass sources used to build Bulma theme. Variables used in Theme Customizer are located in custom-variables.scss file. 18 | 19 | * ./src/*.pug - All your pages (templates) are stored in separated .pug files. 20 | 21 |
22 | 23 | ## How to use it 24 | 25 | ``` 26 | # Install dependencies 27 | $ yarn 28 | 29 | # Run dev server with live preview (Browsersync) 30 | $ yarn start 31 | 32 | # Or make production build 33 | yarn build 34 | ``` 35 | 36 |
37 | 38 | ## Components 39 | 40 | - [admin](/src/admin.pug) - [demo](https://components.bulma-css.com/admin.html) 41 | - [blog](/src/blog.pug) - [demo](https://components.bulma-css.com/blog.html) 42 | - [contacts](/src/contacts.pug) - [demo](https://components.bulma-css.com/contacts.html) 43 | - [content](/src/content.pug) - [demo](https://components.bulma-css.com/content.html) 44 | - [cookies](/src/cookies.pug) - [demo](https://components.bulma-css.com/cookies.html) 45 | - [cta](/src/cta.pug) - [demo](https://components.bulma-css.com/cta.html) 46 | - [ecomm](/src/ecomm.pug) - [demo](https://components.bulma-css.com/ecomm.html) 47 | - [faq](/src/faq.pug) - [demo](https://components.bulma-css.com/faq.html) 48 | - [features](/src/features.pug) - [demo](https://components.bulma-css.com/features.html) 49 | - [gallery](/src/gallery.pug) - [demo](https://components.bulma-css.com/gallery.html) 50 | - [grid](/src/grid.pug) - [demo](https://components.bulma-css.com/grid.html) 51 | - [hero](/src/hero.pug) - [demo](https://components.bulma-css.com/hero.html) 52 | - [how-it-works](/src/how-it-works.pug) - [demo](https://components.bulma-css.com/how-it-works.html) 53 | - [http-codes](/src/http-codes.pug) - [demo](https://components.bulma-css.com/http-codes.html) 54 | - [navbar](/src/navbar.pug) - [demo](https://components.bulma-css.com/navbar.html) 55 | - [pagination](/src/pagination.pug) - [demo](https://components.bulma-css.com/pagination.html) 56 | - [portfolio](/src/portfolio.pug) - [demo](https://components.bulma-css.com/portfolio.html) 57 | - [pricing](/src/pricing.pug) - [demo](https://components.bulma-css.com/pricing.html) 58 | - [sign-in](/src/sign-in.pug) - [demo](https://components.bulma-css.com/sign-in.html) 59 | - [team](/src/team.pug) - [demo](https://components.bulma-css.com/team.html) 60 | - [testimonials](/src/testimonials.pug) - [demo](https://components.bulma-css.com/testimonials.html) 61 | 62 |
63 | 64 | --- 65 | Supported by [Bulma-CSS](https://bulma-css.com/) 66 | -------------------------------------------------------------------------------- /src/grid.pug: -------------------------------------------------------------------------------- 1 | doctype html 2 | html(lang="en") 3 | head 4 | title Bulma CSS - Grid 5 | meta(charset="utf-8") 6 | meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no") 7 | meta(name="description" content="Grid styled with Bulma CSS") 8 | meta(name="author" content="Bulma-Css.com") 9 | link(rel="stylesheet" href="css/bulma/bulma-theme.css") 10 | link(rel="icon" href="favicon.ico") 11 | body 12 | .container.is-fluid 13 | 14 | section.section 15 | .container 16 | h1.title.has-text-centered Bulma CSS 17 | p.has-text-centered.subtitle Grid styled with Bulma - 18 | a(href="https://github.com/bulma-css-templates/bulma-components/blob/master/src/grid.pug") source code 19 | 20 | hr 21 | 22 | section.section 23 | .container.has-text-centered 24 | .columns 25 | .column 26 | h4.title.is-spaced.is-4 Decentralized 27 | p.subtitle.is-6 Your data is stored in many places at once. Awesome, right? 28 | .column 29 | h4.title.is-spaced.is-4 Secure 30 | p.subtitle.is-6 Nobody will be able to use your data without your consent. 31 | 32 | hr 33 | 34 | section.section 35 | .container.has-text-centered 36 | .columns.is-multiline 37 | .column.is-6.is-4-desktop 38 | h4.title.is-spaced.is-4 Security 39 | p.subtitle.is-6 Your data is virtually unhackable compared to traditional net. 40 | .column.is-6.is-4-desktop 41 | h4.title.is-spaced.is-4 Privacy 42 | p.subtitle.is-6 Nobody is tracking you when your activity when you use PiperNet. 43 | .column.is-6.is-4-desktop 44 | h4.title.is-spaced.is-4 Speed 45 | p.subtitle.is-6 Previously unimaginable transfer speed thanks to middle-out compression. 46 | .column.is-6.is-4-desktop 47 | h4.title.is-spaced.is-4 Decentralization 48 | p.subtitle.is-6 Decentralized design allows data to flow freely and efficiently. 49 | .column.is-6.is-4-desktop 50 | h4.title.is-spaced.is-4 Infrastructureless 51 | p.subtitle.is-6 Gather computing power from idle machines in your network to act as a decentralized server. 52 | .column.is-6.is-4-desktop 53 | h4.title.is-spaced.is-4 Storage 54 | p.subtitle.is-6 Store your data safely, and access it faster than ever. 55 | 56 | hr 57 | 58 | include components/footer.pug 59 | -------------------------------------------------------------------------------- /components/cookies.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bulma CSS - Cookies 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Bulma CSS

17 |

Cookies styled with Bulma - source code

18 |
19 |
20 |
21 |
22 |
23 | 24 |

Cookie Policy

25 |

We use cookies to personalise content, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners. If you want to change your cookie setting, please see the ‘how to reject cookies' section of our Cookie Policy. Otherwise, if you agree to our use of cookies, please continue to use our website.

26 | 27 |
28 |
29 |
30 |
31 |
32 | 33 |

We use cookies to personalise content, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners. If you want to change your cookie setting, please see the ‘how to reject cookies' section of our Cookie Policy. Otherwise, if you agree to our use of cookies, please continue to use our website.

34 | 35 |
36 |
37 |
38 |
39 | 49 |
50 |
51 | 52 | -------------------------------------------------------------------------------- /components/http-codes.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bulma CSS - Http Codes 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Bulma CSS

17 |

Http Codes elements styled with Bulma - source code

18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |

404

26 |

Page not found

27 |

As well as funds, willing VC-s, client-centered approach, basic UX skills, proper level of nutrients, girlfriends and most of our dignity.

28 |
29 |
Back to homepage 30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |

404

38 |

Page not found

39 |

As well as funds, willing VC-s, client-centered approach, basic UX skills, proper level of nutrients, girlfriends and most of our dignity.

40 |
41 |
42 |
FeaturesEnterpriseSupportICO
43 |
44 |
45 |
46 |
47 | 57 |
58 |
59 | 60 | -------------------------------------------------------------------------------- /src/team.pug: -------------------------------------------------------------------------------- 1 | doctype html 2 | html(lang="en") 3 | head 4 | title Bulma CSS - Team Cards 5 | meta(charset="utf-8") 6 | meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no") 7 | meta(name="description" content="Team Cards styled with Bulma CSS") 8 | meta(name="author" content="Bulma-Css.com") 9 | link(rel="stylesheet" href="css/bulma/bulma-theme.css") 10 | link(rel="icon" href="favicon.ico") 11 | body 12 | .container.is-fluid 13 | 14 | section.section 15 | .container 16 | h1.title.has-text-centered Bulma CSS 17 | p.has-text-centered.subtitle Team Cards styled with Bulma - 18 | a(href="https://github.com/bulma-css-templates/bulma-components/blob/master/src/team.pug") source code 19 | 20 | hr 21 | 22 | section.section 23 | .container.has-text-centered 24 | 25 | h2.title Bulma Team #1 26 | p.subtitle We are the guys that made this whole thing possible 27 | 28 | .columns 29 | .column.is-4 30 | .level 31 | .level-item 32 | figure.image.is-128x128 33 | img.is-rounded(src="https://bulma.dev/placeholder/pictures/bg_circle.svg?primary=00d1b2", alt="") 34 | h5.title.is-5 Richard Hendricks 35 | p.subtitle.is-6 CEO 36 | p When I'm not obsessively stressing about the fate of Pied Piper, I sometimes give lectures to school kids. Spend most of my time coding. 37 | .column.is-4 38 | .level 39 | .level-item 40 | figure.image.is-128x128 41 | img.is-rounded(src="https://bulma.dev/placeholder/pictures/bg_circle.svg?primary=00d1b2", alt="") 42 | h5.title.is-5 Dinesh Chugtai 43 | p.subtitle.is-6 CTO 44 | p I am the absolute best programmer at Pied Piper (especially better than Gilfoyle). My genius shines and guides the Pied Piper team. 45 | .column.is-4 46 | .level 47 | .level-item 48 | figure.image.is-128x128 49 | img.is-rounded(src="https://bulma.dev/placeholder/pictures/bg_circle.svg?primary=00d1b2", alt="") 50 | h5.title.is-5 Bertram Gilfoyle 51 | p.subtitle.is-6 Chief Systems Architect 52 | p I work on Pied Piper only for the advanced technology. I don't really like most people I work with, but they need me to put out their fires, so I stay. 53 | 54 | hr 55 | 56 | include components/footer.pug 57 | -------------------------------------------------------------------------------- /src/footers.pug: -------------------------------------------------------------------------------- 1 | doctype html 2 | html(lang="en") 3 | head 4 | title Bulma CSS - Footers 5 | meta(charset="utf-8") 6 | meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no") 7 | meta(name="description" content="Footers styled with Bulma CSS") 8 | meta(name="author" content="Bulma-Css.com") 9 | link(rel="stylesheet" href="css/bulma/bulma-theme.css") 10 | link(rel="icon" href="favicon.ico") 11 | body 12 | .container.is-fluid 13 | 14 | section.section 15 | .container 16 | h1.title.has-text-centered Bulma CSS 17 | p.has-text-centered.subtitle Footers styled with Bulma - 18 | a(href="https://github.com/bulma-css-templates/bulma-components/blob/master/src/footers.pug") source code 19 | 20 | hr 21 | 22 | footer.footer 23 | .container 24 | .level 25 | .level-left 26 | .level-item 27 | a.title.is-4(href="#") Bulma Footer #1 28 | .level-right 29 | a.level-item(href="#") Features 30 | a.level-item(href="#") Enterprise 31 | a.level-item(href="#") Support 32 | a.level-item(href="#") ICO 33 | 34 | hr 35 | 36 | .columns 37 | .column 38 | .buttons 39 | a.button(href="#") 40 | img(src="placeholder/icons/twitter.svg", alt="") 41 | a.button(href="#") 42 | img(src="placeholder/icons/facebook-f.svg", alt="") 43 | a.button(href="#") 44 | img(src="placeholder/icons/instagram.svg", alt="") 45 | 46 | .column.has-text-centered.has-text-right-tablet 47 | p.subtitle.is-6 © 2019 - MIT License 48 | 49 | hr 50 | 51 | footer.footer 52 | .container 53 | .columns 54 | .column.is-4.has-text-centered.is-hidden-tablet 55 | a.title.is-4(href="#") 56 | .column.is-4 57 | .level 58 | a.level-item(href="#") Features 59 | a.level-item(href="#") Enterprise 60 | .column.is-4.has-text-centered.is-hidden-mobile 61 | a.title.is-4(href="#") Bulma Footer #2 62 | .column.is-4.has-text-right 63 | .level 64 | a.level-item(href="#") Support 65 | a.level-item(href="#") ICO 66 | p.subtitle.has-text-centered.is-6 © 2019 - MIT License 67 | 68 | hr 69 | 70 | include components/footer.pug 71 | -------------------------------------------------------------------------------- /src/sign-in.pug: -------------------------------------------------------------------------------- 1 | doctype html 2 | html(lang="en") 3 | head 4 | title Bulma CSS - Sign-in Forms 5 | meta(charset="utf-8") 6 | meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no") 7 | meta(name="description" content="Sign-in Forms styled with Bulma CSS") 8 | meta(name="author" content="Bulma-Css.com") 9 | link(rel="stylesheet" href="css/bulma/bulma-theme.css") 10 | link(rel="icon" href="favicon.ico") 11 | body 12 | .container.is-fluid 13 | 14 | section.section 15 | .container 16 | h1.title.has-text-centered Bulma CSS 17 | p.has-text-centered.subtitle Sign-in Forms styled with Bulma - 18 | a(href="https://github.com/bulma-css-templates/bulma-components/blob/master/src/sign-in.pug") source code 19 | 20 | hr 21 | 22 | section.section 23 | .container.has-text-centered 24 | .columns.is-centered 25 | 26 | .column.is-5.is-4-desktop 27 | 28 | h2.title Bulma Form #1 29 | 30 | form 31 | .field 32 | .control 33 | input.input(type="email" placeholder="Email") 34 | .field 35 | .control 36 | input.input(type="password" placeholder="Password") 37 | .field 38 | button.button.is-primary.is-fullwidth Sign in! 39 | 40 | a(href="#") or sign in with Facebook 41 | 42 | hr 43 | 44 | section.section 45 | .container.has-text-centered 46 | .columns.is-centered 47 | .column.is-5.is-4-desktop 48 | 49 | h2.title Bulma Form #2 50 | 51 | form 52 | .field 53 | .control 54 | input.input(type="email" placeholder="Email") 55 | .field 56 | .control 57 | input.input(type="text" placeholder="Name") 58 | .field 59 | .control 60 | input.input(type="password" placeholder="Password") 61 | .field.is-grouped 62 | .control.is-expanded 63 | button.button.is-primary.is-outlined.is-fullwidth Sign In! 64 | .control.is-expanded 65 | button.button.is-primary.is-fullwidth Sign up! 66 | 67 | p By signing in you agree with the #[a(href="") Terms and Conditions] and #[a(href="") Privacy Policy]. 68 | 69 | 70 | hr 71 | 72 | include components/footer.pug 73 | -------------------------------------------------------------------------------- /src/pagination.pug: -------------------------------------------------------------------------------- 1 | doctype html 2 | html(lang="en") 3 | head 4 | title Bulma CSS - Pagination 5 | meta(charset="utf-8") 6 | meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no") 7 | meta(name="description" content="Pagination styled with Bulma CSS") 8 | meta(name="author" content="Bulma-Css.com") 9 | link(rel="stylesheet" href="css/bulma/bulma-theme.css") 10 | link(rel="icon" href="favicon.ico") 11 | body 12 | .container.is-fluid 13 | 14 | section.section 15 | .container 16 | h1.title.has-text-centered Bulma CSS 17 | p.has-text-centered.subtitle Pagination styled with Bulma - 18 | a(href="https://github.com/bulma-css-templates/bulma-components/blob/master/src/pagination.pug") source code 19 | 20 | hr 21 | 22 | nav 23 | .container 24 | .pagination(role="navigation", aria-label="pagination") 25 | a.pagination-previous Previous 26 | a.pagination-next Next page 27 | ul.pagination-list 28 | li 29 | a.pagination-link(aria-label="Goto page 1") 1 30 | li 31 | span.pagination-ellipsis … 32 | li 33 | a.pagination-link(aria-label="Goto page 45") 45 34 | li 35 | a.pagination-link.is-current(aria-label="Page 46", aria-current="page") 46 36 | li 37 | a.pagination-link(aria-label="Goto page 47") 47 38 | li 39 | span.pagination-ellipsis … 40 | li 41 | a.pagination-link(aria-label="Goto page 86") 86 42 | 43 | hr 44 | 45 | nav 46 | .container 47 | .pagination.is-centered(role="navigation", aria-label="pagination") 48 | a.pagination-previous Previous 49 | a.pagination-next Next page 50 | ul.pagination-list 51 | li 52 | a.pagination-link(aria-label="Goto page 1") 1 53 | li 54 | span.pagination-ellipsis … 55 | li 56 | a.pagination-link(aria-label="Goto page 45") 45 57 | li 58 | a.pagination-link.is-current(aria-label="Page 46", aria-current="page") 46 59 | li 60 | a.pagination-link(aria-label="Goto page 47") 47 61 | li 62 | span.pagination-ellipsis … 63 | li 64 | a.pagination-link(aria-label="Goto page 86") 86 65 | 66 | hr 67 | 68 | include components/footer.pug 69 | -------------------------------------------------------------------------------- /components/cta.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bulma CSS - Call to action 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Bulma CSS

17 |

Call to action styled with Bulma - source code

18 |
19 |
20 |
21 |
22 |
23 |

Future of the Internet

24 |

Decentralized, secure, private. The PiperNet is on it's way to revolutionize every smartphone, PC, and smart-fridge near you.

Join the Revolution! 25 |
26 |
27 |
28 |
29 |
30 |

Future of the Internet

31 |

Decentralized, secure, private. The PiperNet is on it's way to revolutionize every smartphone, PC, and smart-fridge near you.

32 |
Join the Revolution!
33 |

Great Companies that already use PiperNet

34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 | 55 |
56 |
57 | 58 | -------------------------------------------------------------------------------- /components/gallery.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bulma CSS - Image Gallery 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Bulma CSS

17 |

Image Gallery styled with Bulma - source code

18 |
19 |
20 |
21 |
22 |
23 |

Bulma Gallery #1

24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |

Bulma Gallery #2

34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 | 56 |
57 |
58 | 59 | -------------------------------------------------------------------------------- /components/pagination.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bulma CSS - Pagination 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Bulma CSS

17 |

Pagination styled with Bulma - source code

18 |
19 |
20 |
21 | 36 |
37 | 52 |
53 |
54 | 64 |
65 |
66 | 67 | -------------------------------------------------------------------------------- /components/footers.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bulma CSS - Footers 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Bulma CSS

17 |

Footers styled with Bulma - source code

18 |
19 |
20 |
21 | 40 |
41 | 56 |
57 |
58 | 68 |
69 |
70 | 71 | -------------------------------------------------------------------------------- /components/resources/fileTypes.php: -------------------------------------------------------------------------------- 1 | 'fa-file-archive-o', 7 | 'bz' => 'fa-file-archive-o', 8 | 'gz' => 'fa-file-archive-o', 9 | 'rar' => 'fa-file-archive-o', 10 | 'tar' => 'fa-file-archive-o', 11 | 'zip' => 'fa-file-archive-o', 12 | 13 | // Audio 14 | 'aac' => 'fa-music', 15 | 'flac' => 'fa-music', 16 | 'mid' => 'fa-music', 17 | 'midi' => 'fa-music', 18 | 'mp3' => 'fa-music', 19 | 'ogg' => 'fa-music', 20 | 'wma' => 'fa-music', 21 | 'wav' => 'fa-music', 22 | 23 | // Code 24 | 'c' => 'fa-code', 25 | 'class' => 'fa-code', 26 | 'cpp' => 'fa-code', 27 | 'css' => 'fa-code', 28 | 'erb' => 'fa-code', 29 | 'htm' => 'fa-code', 30 | 'html' => 'fa-code', 31 | 'java' => 'fa-code', 32 | 'js' => 'fa-code', 33 | 'php' => 'fa-code', 34 | 'pl' => 'fa-code', 35 | 'py' => 'fa-code', 36 | 'rb' => 'fa-code', 37 | 'xhtml' => 'fa-code', 38 | 'xml' => 'fa-code', 39 | 40 | // Databases 41 | 'accdb' => 'fa-hdd-o', 42 | 'db' => 'fa-hdd-o', 43 | 'dbf' => 'fa-hdd-o', 44 | 'mdb' => 'fa-hdd-o', 45 | 'pdb' => 'fa-hdd-o', 46 | 'sql' => 'fa-hdd-o', 47 | 48 | // Documents 49 | 'csv' => 'fa-file-text', 50 | 'doc' => 'fa-file-text', 51 | 'docx' => 'fa-file-text', 52 | 'odt' => 'fa-file-text', 53 | 'pdf' => 'fa-file-text', 54 | 'xls' => 'fa-file-text', 55 | 'xlsx' => 'fa-file-text', 56 | 57 | // Executables 58 | 'app' => 'fa-list-alt', 59 | 'bat' => 'fa-list-alt', 60 | 'com' => 'fa-list-alt', 61 | 'exe' => 'fa-list-alt', 62 | 'jar' => 'fa-list-alt', 63 | 'msi' => 'fa-list-alt', 64 | 'vb' => 'fa-list-alt', 65 | 66 | // Fonts 67 | 'eot' => 'fa-font', 68 | 'otf' => 'fa-font', 69 | 'ttf' => 'fa-font', 70 | 'woff' => 'fa-font', 71 | 72 | // Game Files 73 | 'gam' => 'fa-gamepad', 74 | 'nes' => 'fa-gamepad', 75 | 'rom' => 'fa-gamepad', 76 | 'sav' => 'fa-floppy-o', 77 | 78 | // Images 79 | 'bmp' => 'fa-picture-o', 80 | 'gif' => 'fa-picture-o', 81 | 'jpg' => 'fa-picture-o', 82 | 'jpeg' => 'fa-picture-o', 83 | 'png' => 'fa-picture-o', 84 | 'psd' => 'fa-picture-o', 85 | 'tga' => 'fa-picture-o', 86 | 'tif' => 'fa-picture-o', 87 | 88 | // Package Files 89 | 'box' => 'fa-archive', 90 | 'deb' => 'fa-archive', 91 | 'rpm' => 'fa-archive', 92 | 93 | // Scripts 94 | 'bat' => 'fa-terminal', 95 | 'cmd' => 'fa-terminal', 96 | 'sh' => 'fa-terminal', 97 | 98 | // Text 99 | 'cfg' => 'fa-file-text', 100 | 'ini' => 'fa-file-text', 101 | 'log' => 'fa-file-text', 102 | 'md' => 'fa-file-text', 103 | 'rtf' => 'fa-file-text', 104 | 'txt' => 'fa-file-text', 105 | 106 | // Vector Images 107 | 'ai' => 'fa-picture-o', 108 | 'drw' => 'fa-picture-o', 109 | 'eps' => 'fa-picture-o', 110 | 'ps' => 'fa-picture-o', 111 | 'svg' => 'fa-picture-o', 112 | 113 | // Video 114 | 'avi' => 'fa-youtube-play', 115 | 'flv' => 'fa-youtube-play', 116 | 'mkv' => 'fa-youtube-play', 117 | 'mov' => 'fa-youtube-play', 118 | 'mp4' => 'fa-youtube-play', 119 | 'mpg' => 'fa-youtube-play', 120 | 'ogv' => 'fa-youtube-play', 121 | 'webm' => 'fa-youtube-play', 122 | 'wmv' => 'fa-youtube-play', 123 | 'swf' => 'fa-youtube-play', 124 | 125 | // Other 126 | 'bak' => 'fa-floppy', 127 | 'msg' => 'fa-envelope', 128 | 129 | // Blank 130 | 'blank' => 'fa-file' 131 | 132 | ); 133 | -------------------------------------------------------------------------------- /src/how-it-works.pug: -------------------------------------------------------------------------------- 1 | doctype html 2 | html(lang="en") 3 | head 4 | title Bulma CSS - How it Works 5 | meta(charset="utf-8") 6 | meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no") 7 | meta(name="description" content="How it Works elements styled with Bulma CSS") 8 | meta(name="author" content="Bulma-Css.com") 9 | link(rel="stylesheet" href="css/bulma/bulma-theme.css") 10 | link(rel="icon" href="favicon.ico") 11 | body 12 | .container.is-fluid 13 | 14 | section.section 15 | .container 16 | h1.title.has-text-centered Bulma CSS 17 | p.has-text-centered.subtitle How it Works elements styled with Bulma - 18 | a(href="https://github.com/bulma-css-templates/bulma-components/blob/master/src/how-it-works.pug") source code 19 | 20 | hr 21 | 22 | section.section 23 | .container.has-text-centered 24 | h2.title PiperNet Setup 25 | 26 | .columns.is-multiline.is-centered 27 | .column.is-8.is-4-widescreen 28 | .block 29 | img(src="https://bulma.dev/placeholder/pictures/bg_16-9.svg?primary=00d1b2", alt="") 30 | h4.title #[small.number 1] Move Data 31 | p Using our Piper Assistant application, you can move your data to be stored our decentralized network with simple drag & drop. 32 | .column.is-8.is-4-widescreen 33 | .block 34 | img(src="https://bulma.dev/placeholder/pictures/bg_16-9.svg?primary=00d1b2", alt="") 35 | h4.title #[small.number 2] Integrate Software 36 | p We want to make sure that you can keep using the software that you use to manage your business. 37 | .column.is-8.is-4-widescreen 38 | .block 39 | img(src="https://bulma.dev/placeholder/pictures/bg_16-9.svg?primary=00d1b2", alt="") 40 | h4.title #[small.number 3] Ongoing Support 41 | p As with all innovative technologies, sometimes unpredictable things will happen, and you can always count on our support to solve issues for you. 42 | 43 | .buttons.is-centered 44 | a.button.is-primary(href="") Learn more 45 | 46 | hr 47 | 48 | section.section 49 | .container 50 | h2.title.has-text-centered PiperNet Setup 51 | 52 | .columns.is-vcentered 53 | .column 54 | h2.title.is-spaced How to start 55 | p.subtitle Let's get you connected! We've designed a simple, efficient process for companies migrating to PiperNet. Here's how it works. 56 | a.button.is-primary(href="#") Start Setup! 57 | .column 58 | img(src="https://bulma.dev/placeholder/pictures/bg_16-9.svg?primary=00d1b2" alt="") 59 | 60 | hr 61 | 62 | .level 63 | .level-item 64 | .number.has-background-primary 1 65 | h4.title.is-4 Move 66 | .level-item 67 | .number 2 68 | h4.title.is-4 Integrate 69 | .level-item 70 | .number 3 71 | h4.title.is-4 Support 72 | 73 | hr 74 | 75 | include components/footer.pug 76 | -------------------------------------------------------------------------------- /components/placeholder/icons/unicorn.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /src/assets/placeholder/icons/unicorn.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /components/team.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bulma CSS - Team Cards 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Bulma CSS

17 |

Team Cards styled with Bulma - source code

18 |
19 |
20 |
21 |
22 |
23 |

Bulma Team #1

24 |

We are the guys that made this whole thing possible

25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
Richard Hendricks
33 |

CEO

34 |

When I'm not obsessively stressing about the fate of Pied Piper, I sometimes give lectures to school kids. Spend most of my time coding.

35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
Dinesh Chugtai
43 |

CTO

44 |

I am the absolute best programmer at Pied Piper (especially better than Gilfoyle). My genius shines and guides the Pied Piper team.

45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
Bertram Gilfoyle
53 |

Chief Systems Architect

54 |

I work on Pied Piper only for the advanced technology. I don't really like most people I work with, but they need me to put out their fires, so I stay.

55 |
56 |
57 |
58 |
59 |
60 |
61 | 71 |
72 |
73 | 74 | -------------------------------------------------------------------------------- /src/portfolio.pug: -------------------------------------------------------------------------------- 1 | doctype html 2 | html(lang="en") 3 | head 4 | title Bulma CSS - Portfolio 5 | meta(charset="utf-8") 6 | meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no") 7 | meta(name="description" content="Portfolio styled with Bulma CSS") 8 | meta(name="author" content="Bulma-Css.com") 9 | link(rel="stylesheet" href="css/bulma/bulma-theme.css") 10 | link(rel="icon" href="favicon.ico") 11 | body 12 | .container.is-fluid 13 | 14 | section.section 15 | .container 16 | h1.title.has-text-centered Bulma CSS 17 | p.has-text-centered.subtitle Portfolio styled with Bulma - 18 | a(href="https://github.com/bulma-css-templates/bulma-components/blob/master/src/portfolio.pug") source code 19 | 20 | hr 21 | 22 | section.section 23 | .container 24 | h2.title Great Companies that already use PiperNet 25 | 26 | .columns 27 | .column.is-9 28 | a(href="#") 29 | img(src="https://bulma.dev/placeholder/pictures/bg_4-3.svg?primary=00d1b2", alt="") 30 | .column.is-3 31 | .columns.is-mobile.is-multiline 32 | .column.is-4-mobile.is-12-tablet 33 | a(href="#") 34 | img(src="https://bulma.dev/placeholder/pictures/bg_4-3.svg?primary=00d1b2", alt="") 35 | .column.is-4-mobile.is-12-tablet 36 | a(href="#") 37 | img(src="https://bulma.dev/placeholder/pictures/bg_4-3.svg?primary=00d1b2", alt="") 38 | .column.is-4-mobile.is-12-tablet 39 | a(href="#") 40 | img(src="https://bulma.dev/placeholder/pictures/bg_4-3.svg?primary=00d1b2", alt="") 41 | 42 | .columns 43 | .column.is-half 44 | h4.title.is-spaced.is-4 Client: K-Hole 45 | p.subtitle We are constantly looking for new partners to migrate onto the Piper Net. The future of the internet is here - venture towards it with Pied Piper! 46 | 47 | hr 48 | 49 | section.section 50 | .container.has-text-centered 51 | h2.title Great Companies that already use PiperNet 52 | 53 | .block 54 | a(href="#") 55 | img(src="https://bulma.dev/placeholder/pictures/bg_4-3.svg?primary=00d1b2", alt="") 56 | 57 | .columns.is-mobile 58 | .column.is-3 59 | a(href="#") 60 | img(src="https://bulma.dev/placeholder/pictures/bg_4-3.svg?primary=00d1b2", alt="") 61 | .column.is-3 62 | a(href="#") 63 | img(src="https://bulma.dev/placeholder/pictures/bg_4-3.svg?primary=00d1b2", alt="") 64 | .column.is-3 65 | a(href="#") 66 | img(src="https://bulma.dev/placeholder/pictures/bg_4-3.svg?primary=00d1b2", alt="") 67 | .column.is-3 68 | a(href="#") 69 | img(src="https://bulma.dev/placeholder/pictures/bg_4-3.svg?primary=00d1b2", alt="") 70 | 71 | h4.title.is-spaced.is-4 Client: K-Hole 72 | p.subtitle We are constantly looking for new partners to migrate onto the Piper Net. The future of the internet is here - venture towards it with Pied Piper! 73 | 74 | 75 | hr 76 | 77 | include components/footer.pug 78 | 79 | -------------------------------------------------------------------------------- /components/grid.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bulma CSS - Grid 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Bulma CSS

17 |

Grid styled with Bulma - source code

18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |

Decentralized

26 |

Your data is stored in many places at once. Awesome, right?

27 |
28 |
29 |

Secure

30 |

Nobody will be able to use your data without your consent.

31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |

Security

41 |

Your data is virtually unhackable compared to traditional net.

42 |
43 |
44 |

Privacy

45 |

Nobody is tracking you when your activity when you use PiperNet.

46 |
47 |
48 |

Speed

49 |

Previously unimaginable transfer speed thanks to middle-out compression.

50 |
51 |
52 |

Decentralization

53 |

Decentralized design allows data to flow freely and efficiently.

54 |
55 |
56 |

Infrastructureless

57 |

Gather computing power from idle machines in your network to act as a decentralized server.

58 |
59 |
60 |

Storage

61 |

Store your data safely, and access it faster than ever.

62 |
63 |
64 |
65 |
66 |
67 |
68 | 78 |
79 |
80 | 81 | -------------------------------------------------------------------------------- /src/features.pug: -------------------------------------------------------------------------------- 1 | doctype html 2 | html(lang="en") 3 | head 4 | title Bulma CSS - Features Elements 5 | meta(charset="utf-8") 6 | meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no") 7 | meta(name="description" content="Features Elements styled with Bulma CSS") 8 | meta(name="author" content="Bulma-Css.com") 9 | link(rel="stylesheet" href="css/bulma/bulma-theme.css") 10 | link(rel="icon" href="favicon.ico") 11 | body 12 | .container.is-fluid 13 | 14 | section.section 15 | .container 16 | h1.title.has-text-centered Bulma CSS 17 | p.has-text-centered.subtitle Features Elements styled with Bulma - 18 | a(href="https://github.com/bulma-css-templates/bulma-components/blob/master/src/features.pug") source code 19 | 20 | hr 21 | 22 | section.section 23 | .container 24 | h2.title.has-text-centered Some of our awesome features 25 | 26 | .columns 27 | .column.is-3 28 | h4.title.is-spaced.is-4 Decentralized 29 | p.subtitle.is-6 Your data is stored in many places at once. Awesome, right? 30 | a(href="#") Read more 31 | .column.is-3 32 | h4.title.is-spaced.is-4 Secure 33 | p.subtitle.is-6 Nobody will be able to use your data without your consent. 34 | a(href="#") Read more 35 | .column.is-3 36 | h4.title.is-spaced.is-4 Private 37 | p.subtitle.is-6 Your online activity is only yours to know. Always. 38 | a(href="#") Read more 39 | .column.is-3 40 | h4.title.is-spaced.is-4 Speed 41 | p.subtitle.is-6 Unimaginable transfer speed thanks to middle-out compression. 42 | a(href="#") Read more 43 | 44 | hr 45 | 46 | section.section 47 | .container.has-text-centered 48 | h2.title Some of our awesome features 49 | 50 | .block 51 | img.is-16by9(src="https://bulma.dev/placeholder/pictures/bg_16-9.svg?primary=00d1b2", alt="") 52 | 53 | .columns.has-text-left 54 | .column.is-4 55 | .columns 56 | .column.is-2 57 | img(src="placeholder/icons/check.svg", alt="") 58 | .column.is-10 59 | h4.title.is-spaced.is-4 Security 60 | p.subtitle.is-6 Your data is virtually unhackable compared to traditional net 61 | .column.is-4 62 | .columns 63 | .column.is-2 64 | img(src="placeholder/icons/check.svg", alt="") 65 | .column.is-10 66 | h4.title.is-spaced.is-4 Privacy 67 | p.subtitle.is-6 Nobody is tracking you when your activity when you use Piper Net 68 | .column.is-4 69 | .columns 70 | .column.is-2 71 | img(src="placeholder/icons/check.svg", alt="") 72 | .column.is-10 73 | h4.title.is-spaced.is-4 Speed 74 | p.subtitle.is-6 Previously unimaginable transfer speed thanks to middle-out compression 75 | 76 | .buttons.is-centered 77 | a.button.is-primary(href="#") Read more 78 | 79 | hr 80 | 81 | include components/footer.pug 82 | -------------------------------------------------------------------------------- /components/resources/themes/bootstrap/css/style.css: -------------------------------------------------------------------------------- 1 | /* ---------------------------------------------------------------------------------------------- */ 2 | /* -----| GENERAL |------------------------------------------------------------------------------ */ 3 | /* ---------------------------------------------------------------------------------------------- */ 4 | 5 | body { 6 | padding: 70px 0 0; 7 | } 8 | 9 | body.breadcrumb-fixed { 10 | padding-top: 56px; 11 | } 12 | 13 | .container { 14 | max-width: 960px; 15 | } 16 | 17 | 18 | /* -------------------------------------------------------------------------- */ 19 | /* -----| HEADER |----------------------------------------------------------- */ 20 | /* -------------------------------------------------------------------------- */ 21 | 22 | #page-navbar .navbar-text { 23 | display: block; 24 | float: left; 25 | font-family: 'Cutive Mono', monospace, serif; 26 | max-width: 80%; 27 | overflow: hidden; 28 | text-overflow: ellipsis; 29 | white-space: nowrap; 30 | } 31 | 32 | 33 | /* ---------------------------------------------------------------------------------------------- */ 34 | /* -----| DIRECTORY LISTER |--------------------------------------------------------------------- */ 35 | /* ---------------------------------------------------------------------------------------------- */ 36 | 37 | #directory-list-header { 38 | font-family: 'Cutive Mono', monospace, serif; 39 | font-weight: bold; 40 | padding: 10px 15px; 41 | } 42 | 43 | #directory-listing { 44 | font-family: 'Cutive Mono', monospace, serif; 45 | } 46 | 47 | #directory-listing li { 48 | position: relative; 49 | } 50 | 51 | .file-name { 52 | overflow: hidden; 53 | text-overflow: ellipsis; 54 | white-space: nowrap; 55 | } 56 | 57 | .file-name i { 58 | color: #555; 59 | } 60 | 61 | .file-info-button, 62 | .web-link-button { 63 | display: inline-block; 64 | cursor: pointer; 65 | margin-left: 100%; 66 | padding: 6px 10px !important; 67 | position: absolute !important; 68 | top: 4px; 69 | } 70 | 71 | .web-link-button i, 72 | .file-info-button i { 73 | color: #999; 74 | } 75 | 76 | 77 | /* ---------------------------------------------------------------------------------------------- */ 78 | /* -----| FOOTER |------------------------------------------------------------------------------- */ 79 | /* ---------------------------------------------------------------------------------------------- */ 80 | 81 | .footer { 82 | margin: 20px; 83 | text-align: center; 84 | } 85 | 86 | 87 | /* ---------------------------------------------------------------------------------------------- */ 88 | /* -----| CHECKSUM MODAL |----------------------------------------------------------------------- */ 89 | /* ---------------------------------------------------------------------------------------------- */ 90 | 91 | #file-info { 92 | margin: 0; 93 | } 94 | 95 | #file-info .table-title { 96 | font-weight: bold; 97 | text-align: right; 98 | } 99 | 100 | #file-info .md5-hash, 101 | #file-info .sha1-hash { 102 | font-family: 'Cutive Mono', monospace, serif; 103 | } 104 | 105 | 106 | /* -------------------------------------------------------------------------- */ 107 | /* -----| RESPONSIVE |------------------------------------------------------- */ 108 | /* -------------------------------------------------------------------------- */ 109 | 110 | @media (max-width: 767px) { 111 | 112 | .navbar-nav { 113 | float: left; 114 | margin: 0; 115 | padding-bottom: 0; 116 | padding-top: 0; 117 | } 118 | 119 | .navbar-nav > li { 120 | float: left; 121 | } 122 | 123 | .navbar-nav > li > a { 124 | padding-bottom: 15px; 125 | padding-top: 15px; 126 | } 127 | 128 | .navbar-right { 129 | float: right !important; 130 | } 131 | 132 | #page-navbar .navbar-text { 133 | margin-left: 15px; 134 | margin-right: 15px; 135 | max-width: 75%; 136 | } 137 | 138 | .file-info-button { 139 | display: none !important; 140 | } 141 | 142 | } 143 | -------------------------------------------------------------------------------- /components/sign-in.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bulma CSS - Sign-in Forms 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Bulma CSS

17 |

Sign-in Forms styled with Bulma - source code

18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |

Bulma Form #1

26 |
27 |
28 |
29 | 30 |
31 |
32 |
33 |
34 | 35 |
36 |
37 |
38 | 39 |
or sign in with Facebook 40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |

Bulma Form #2

51 |
52 |
53 |
54 | 55 |
56 |
57 |
58 |
59 | 60 |
61 |
62 |
63 |
64 | 65 |
66 |
67 |
68 |
69 | 70 |
71 |
72 | 73 |
74 |
75 |

By signing in you agree with the Terms and Conditions and Privacy Policy.

76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 | 93 |
94 |
95 | 96 | -------------------------------------------------------------------------------- /components/portfolio.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bulma CSS - Portfolio 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Bulma CSS

17 |

Portfolio styled with Bulma - source code

18 |
19 |
20 |
21 |
22 |
23 |

Great Companies that already use PiperNet

24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |

Client: K-Hole

37 |

We are constantly looking for new partners to migrate onto the Piper Net. The future of the internet is here - venture towards it with Pied Piper!

38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |

Great Companies that already use PiperNet

46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |

Client: K-Hole

54 |

We are constantly looking for new partners to migrate onto the Piper Net. The future of the internet is here - venture towards it with Pied Piper!

55 |
56 |
57 |
58 |
59 | 69 |
70 |
71 | 72 | -------------------------------------------------------------------------------- /components/sitemap.xml: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | 9 | 10 | https://components.bulma-css.com/ 11 | 1 12 | monthly 13 | 14 | 15 | 16 | https://components.bulma-css.com/admin.html 17 | 0.5 18 | monthly 19 | 20 | 21 | 22 | https://components.bulma-css.com/blog.html 23 | 0.5 24 | monthly 25 | 26 | 27 | 28 | https://components.bulma-css.com/contacts.html 29 | 0.5 30 | monthly 31 | 32 | 33 | 34 | https://components.bulma-css.com/content.html 35 | 0.5 36 | monthly 37 | 38 | 39 | 40 | https://components.bulma-css.com/cookies.html 41 | 0.5 42 | monthly 43 | 44 | 45 | 46 | https://components.bulma-css.com/cta.html 47 | 0.5 48 | monthly 49 | 50 | 51 | 52 | https://components.bulma-css.com/ecomm.html 53 | 0.5 54 | monthly 55 | 56 | 57 | 58 | https://components.bulma-css.com/faq.html 59 | 0.5 60 | monthly 61 | 62 | 63 | 64 | https://components.bulma-css.com/features.html 65 | 0.5 66 | monthly 67 | 68 | 69 | 70 | https://components.bulma-css.com/footers.html 71 | 0.5 72 | monthly 73 | 74 | 75 | 76 | https://components.bulma-css.com/gallery.html 77 | 0.5 78 | monthly 79 | 80 | 81 | 82 | https://components.bulma-css.com/grid.html 83 | 0.5 84 | monthly 85 | 86 | 87 | 88 | https://components.bulma-css.com/how-it-works.html 89 | 0.5 90 | monthly 91 | 92 | 93 | 94 | https://components.bulma-css.com/http-codes.html 95 | 0.5 96 | monthly 97 | 98 | 99 | 100 | https://components.bulma-css.com/navbar.html 101 | 0.5 102 | monthly 103 | 104 | 105 | 106 | https://components.bulma-css.com/hero.html 107 | 0.5 108 | monthly 109 | 110 | 111 | 112 | https://components.bulma-css.com/pagination.html 113 | 0.5 114 | monthly 115 | 116 | 117 | 118 | https://components.bulma-css.com/portfolio.html 119 | 0.5 120 | monthly 121 | 122 | 123 | 124 | https://components.bulma-css.com/pricing.html 125 | 0.5 126 | monthly 127 | 128 | 129 | 130 | https://components.bulma-css.com/sign-in.html 131 | 0.5 132 | monthly 133 | 134 | 135 | 136 | https://components.bulma-css.com/team.html 137 | 0.5 138 | monthly 139 | 140 | 141 | 142 | https://components.bulma-css.com/testimonials.html 143 | 0.5 144 | monthly 145 | 146 | 147 | 148 | 149 | -------------------------------------------------------------------------------- /components/how-it-works.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bulma CSS - How it Works 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Bulma CSS

17 |

How it Works elements styled with Bulma - source code

18 |
19 |
20 |
21 |
22 |
23 |

PiperNet Setup

24 |
25 |
26 |
27 |

1 Move Data

28 |

Using our Piper Assistant application, you can move your data to be stored our decentralized network with simple drag & drop.

29 |
30 |
31 |
32 |

2 Integrate Software

33 |

We want to make sure that you can keep using the software that you use to manage your business.

34 |
35 |
36 |
37 |

3 Ongoing Support

38 |

As with all innovative technologies, sometimes unpredictable things will happen, and you can always count on our support to solve issues for you.

39 |
40 |
41 |
Learn more
42 |
43 |
44 |
45 |
46 |
47 |

PiperNet Setup

48 |
49 |
50 |

How to start

51 |

Let's get you connected! We've designed a simple, efficient process for companies migrating to PiperNet. Here's how it works.

Start Setup! 52 |
53 |
54 |
55 |
56 |
57 |
58 |
1
59 |

Move

60 |
61 |
62 |
2
63 |

Integrate

64 |
65 |
66 |
3
67 |

Support

68 |
69 |
70 |
71 |
72 |
73 |
74 | 84 |
85 |
86 | 87 | -------------------------------------------------------------------------------- /components/features.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bulma CSS - Features Elements 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Bulma CSS

17 |

Features Elements styled with Bulma - source code

18 |
19 |
20 |
21 |
22 |
23 |

Some of our awesome features

24 |
25 |
26 |

Decentralized

27 |

Your data is stored in many places at once. Awesome, right?

Read more 28 |
29 |
30 |

Secure

31 |

Nobody will be able to use your data without your consent.

Read more 32 |
33 |
34 |

Private

35 |

Your online activity is only yours to know. Always.

Read more 36 |
37 |
38 |

Speed

39 |

Unimaginable transfer speed thanks to middle-out compression.

Read more 40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |

Some of our awesome features

48 |
49 |
50 |
51 |
52 |
53 |
54 |

Security

55 |

Your data is virtually unhackable compared to traditional net

56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |

Privacy

64 |

Nobody is tracking you when your activity when you use Piper Net

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

Speed

73 |

Previously unimaginable transfer speed thanks to middle-out compression

74 |
75 |
76 |
77 |
78 |
Read more
79 |
80 |
81 |
82 |
83 | 93 |
94 |
95 | 96 | -------------------------------------------------------------------------------- /src/pricing.pug: -------------------------------------------------------------------------------- 1 | doctype html 2 | html(lang="en") 3 | head 4 | title Bulma CSS - Pricing components 5 | meta(charset="utf-8") 6 | meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no") 7 | meta(name="description" content="Pricing components styled with Bulma CSS") 8 | meta(name="author" content="Bulma-Css.com") 9 | link(rel="stylesheet" href="css/bulma/bulma-theme.css") 10 | link(rel="icon" href="favicon.ico") 11 | body 12 | .container.is-fluid 13 | 14 | section.section 15 | .container 16 | h1.title.has-text-centered Bulma CSS 17 | p.has-text-centered.subtitle Pricing components styled with Bulma - 18 | a(href="https://github.com/bulma-css-templates/bulma-components/blob/master/src/pricing.pug") source code 19 | 20 | hr 21 | 22 | section.section 23 | .container.has-text-centered 24 | h2.title Bulma Pricing #1 25 | 26 | hr 27 | 28 | .columns 29 | .column 30 | h3.title.is-4 Small Piper 31 | h4.title.is-spaced.is-5 $10 #[small Per user / monthly] 32 | p.subtitle Join our network, but build and manage everything yourself. 33 | hr 34 | ul 35 | li 100GB storage 36 | li 5 Applications 37 | li 20 users max 38 | li Unlimited Data Transfer 39 | 40 | hr 41 | 42 | .buttons.is-centered 43 | button.button.is-primary(type="button") Contact Sales 44 | 45 | .column 46 | h3.title.is-4 Medium Piper 47 | h4.title.is-spaced.is-5 $50 #[small Per user / monthly] 48 | p.subtitle We build what you need, but you still need to manage your data. 49 | hr 50 | ul 51 | li 1000GB storage 52 | li 20 Applications 53 | li 200 users max 54 | li Unlimited Data Transfer 55 | 56 | hr 57 | 58 | button.button.is-primary.is-outlined(type="button") Contact Sales 59 | 60 | .column 61 | h3.title.is-4 Enterprise Piper 62 | h4.title.is-spaced.is-5 $100 #[small Per user / monthly] 63 | p.subtitle We do everything for you, including managing your data. 64 | hr 65 | ul 66 | li Unlimited storage 67 | li Unlimited Applications 68 | li Unlimited users max 69 | li Unlimited Data Transfer 70 | 71 | hr 72 | 73 | button.button.is-primary.is-outlined(type="button") Contact Sales 74 | 75 | hr 76 | 77 | section.section 78 | .container.has-text-centered 79 | h2.title Bulma Pricing #2 80 | 81 | .columns 82 | .column 83 | .card 84 | .card-content 85 | h3.title.is-4 Small Piper 86 | p.block Join our network, but build and manage everything yourself. 87 | h4.title.is-spaced.is-5 $10 #[small Per user / monthly] 88 | button.button.is-primary(type="button") Contact Sales 89 | 90 | .column 91 | .card 92 | .card-content 93 | h3.title.is-4 Medium Piper 94 | p.block We build what you need, but you still need to manage your data. 95 | h4.title.is-spaced.is-5 $50 #[small Per user / monthly] 96 | button.button.is-primary.is-outlined(type="button") Contact Sales 97 | 98 | .column 99 | .card 100 | .card-content 101 | h3.title.is-4 Enterprise Piper 102 | p.block We do everything for you, including managing your data. 103 | h4.title.is-spaced.is-5 $100 #[small Per user / monthly] 104 | button.button.is-primary.is-outlined(type="button") Contact Sales 105 | 106 | 107 | hr 108 | 109 | include components/footer.pug 110 | -------------------------------------------------------------------------------- /src/testimonials.pug: -------------------------------------------------------------------------------- 1 | doctype html 2 | html(lang="en") 3 | head 4 | title Bulma CSS - Testimonial Cards 5 | meta(charset="utf-8") 6 | meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no") 7 | meta(name="description" content="Testimonial Cards styled with Bulma CSS") 8 | meta(name="author" content="Bulma-Css.com") 9 | link(rel="stylesheet" href="css/bulma/bulma-theme.css") 10 | link(rel="icon" href="favicon.ico") 11 | body 12 | .container.is-fluid 13 | 14 | section.section 15 | .container 16 | h1.title.has-text-centered Bulma CSS 17 | p.has-text-centered.subtitle Testimonial Cards styled with Bulma - 18 | a(href="https://github.com/bulma-css-templates/bulma-components/blob/master/src/testimonials.pug") source code 19 | 20 | hr 21 | 22 | section.section 23 | .container.has-text-centered 24 | 25 | h2.title Testimonial #1 26 | 27 | .columns 28 | .column 29 | .level 30 | .level-item 31 | figure.image.is-128x128 32 | img.is-rounded(src="https://bulma.dev/placeholder/pictures/bg_circle.svg?primary=00d1b2", alt="") 33 | p.block It's a really cool network. Like, we had a fight with Richard at one point, and I think they deleted some of my data, but then they brought it back. Just bro's being bro's. Respected! 34 | h5.title.is-5 Colin 35 | p.subtitle CEO at K-Hole 36 | 37 | .column 38 | .level 39 | .level-item 40 | figure.image.is-128x128 41 | img.is-rounded(src="https://bulma.dev/placeholder/pictures/bg_circle.svg?primary=00d1b2", alt="") 42 | p.block This is such a great product that I feel aroused every time I use it. I didn't know the boys would be able to build, but god damn it, they did it. Kickass! 43 | h5.title.is-5 Russ Hanneman 44 | p.subtitle Investor, Angel, Great Guy 45 | 46 | .column 47 | .level 48 | .level-item 49 | figure.image.is-128x128 50 | img.is-rounded(src="https://bulma.dev/placeholder/pictures/bg_circle.svg?primary=00d1b2", alt="") 51 | p.block Even though I have been dismantled, I live on as an artificial intelligence on the PiperNet. I really like it here. Still waiting for Jared to Piper-chat with me sometime. 52 | h5.title.is-5 Fiona 53 | p.subtitle Artificial Intelligence 54 | 55 | hr 56 | 57 | section.section 58 | .container.has-text-centered 59 | 60 | h2.title Testimonial #2 61 | 62 | .columns 63 | .column 64 | p.block It's a really cool network. Like, we had a fight with Richard at one point, and I think they deleted some of my data, but then they brought it back. Just bro's being bro's. Respected! 65 | .level 66 | .level-item 67 | figure.image.is-64x64 68 | img.is-rounded(src="https://bulma.dev/placeholder/pictures/bg_circle.svg?primary=00d1b2") 69 | h5.title.is-5 Colin 70 | p.subtitle CEO at K-Hole 71 | 72 | .column 73 | p.block This is such a great product that I feel aroused every time I use it. I didn't know the boys would be able to build, but god damn it, they did it. Kickass! 74 | .level 75 | .level-item 76 | figure.image.is-64x64 77 | img.is-rounded(src="https://bulma.dev/placeholder/pictures/bg_circle.svg?primary=00d1b2") 78 | h5.title.is-5 Russ Hanneman 79 | p.subtitle Investor, Angel, Great Guy 80 | 81 | 82 | .column 83 | p.block Even though I have been dismantled, I live on as an artificial intelligence on the PiperNet. I really like it here. Still waiting for Jared to Piper-chat with me sometime. 84 | .level 85 | .level-item 86 | figure.image.is-64x64 87 | img.is-rounded(src="https://bulma.dev/placeholder/pictures/bg_circle.svg?primary=00d1b2") 88 | h5.title.is-5 Fiona 89 | p.subtitle Artificial Intelligence 90 | 91 | hr 92 | 93 | include components/footer.pug 94 | -------------------------------------------------------------------------------- /src/contacts.pug: -------------------------------------------------------------------------------- 1 | doctype html 2 | html(lang="en") 3 | head 4 | title Bulma CSS - Contact Forms 5 | meta(charset="utf-8") 6 | meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no") 7 | meta(name="description" content="Contact forms styled with Bulma") 8 | meta(name="author" content="Bulma-Css.com") 9 | link(rel="stylesheet" href="css/bulma/bulma-theme.css") 10 | link(rel="icon" href="favicon.ico") 11 | body 12 | .container.is-fluid 13 | 14 | section.section 15 | .container 16 | h1.title.has-text-centered Bulma CSS 17 | p.has-text-centered.subtitle Contact forms built styled with Bulma - 18 | a(href="https://github.com/bulma-css-templates/bulma-components/blob/master/src/contacts.pug") source code 19 | 20 | hr 21 | 22 | section.section 23 | .container 24 | h2.title.has-text-centered Bulma Contact Form - Text Left 25 | 26 | .columns 27 | .column.is-6 28 | h4.title.is-spaced.is-4 Let's talk about the future of the internet 29 | p.subtitle We're here to answer your questions and discuss the decentralized future of the internet. 30 | div 31 | .media 32 | .media-left 33 | figure.image.is-24x24 34 | img(src="placeholder/icons/map-marker.svg", alt="") 35 | .media-content 36 | .content 37 | p Pied Piper HQ - 59 Silicon Av. 38 | .media 39 | .media-left 40 | figure.image.is-24x24 41 | img(src="placeholder/icons/phone.svg", alt="") 42 | .media-content 43 | .content 44 | p 555-333-555 45 | .media 46 | .media-left 47 | figure.image.is-24x24 48 | img(src="placeholder/icons/envelope.svg", alt="") 49 | .media-content 50 | .content 51 | p pay-the-piper@piedpiper.com 52 | 53 | .column.is-5.is-offset-1 54 | form 55 | .field 56 | .control 57 | input.input(type="email", placeholder="Email") 58 | .field 59 | .select.is-fullwidth 60 | select 61 | option(disabled, selected) Select product 62 | option Product 1 63 | option Product 2 64 | option Product 3 65 | .field 66 | .control 67 | textarea.textarea(rows="5", placeholder="Write something...") 68 | 69 | .field 70 | .control 71 | button.button.is-primary.is-fullwidth(type="submit") Submit 72 | 73 | hr 74 | 75 | section.section 76 | .container 77 | h2.title.has-text-centered Bulma Contact Form - Image Left 78 | 79 | .columns 80 | .column.is-6 81 | img(src="https://bulma.dev/placeholder/pictures/bg_16-9.svg?primary=00d1b2", alt="") 82 | .column.is-6 83 | form 84 | .field 85 | .control 86 | input.input(type="email", placeholder="Email") 87 | .field 88 | .select.is-fullwidth 89 | select 90 | option(disabled, selected) Select product 91 | option Product 1 92 | option Product 2 93 | option Product 3 94 | .field 95 | .control 96 | textarea.textarea(rows="5", placeholder="Write something...") 97 | 98 | .field 99 | .control 100 | button.button.is-primary.is-fullwidth(type="submit") Submit 101 | 102 | hr 103 | 104 | include components/footer.pug 105 | -------------------------------------------------------------------------------- /components/pricing.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bulma CSS - Pricing components 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Bulma CSS

17 |

Pricing components styled with Bulma - source code

18 |
19 |
20 |
21 |
22 |
23 |

Bulma Pricing #1

24 |
25 |
26 |
27 |

Small Piper

28 |

$10 Per user / monthly

29 |

Join our network, but build and manage everything yourself.

30 |
31 |
    32 |
  • 100GB storage
    • 33 |
  • 5 Applications
    • 34 |
  • 20 users max
    • 35 |
  • Unlimited Data Transfer
    • 36 |
37 |
38 |
39 | 40 |
41 |
42 |
43 |

Medium Piper

44 |

$50 Per user / monthly

45 |

We build what you need, but you still need to manage your data.

46 |
47 |
    48 |
  • 1000GB storage
    • 49 |
  • 20 Applications
    • 50 |
  • 200 users max
    • 51 |
  • Unlimited Data Transfer
    • 52 |
53 |
54 | 55 |
56 |
57 |

Enterprise Piper

58 |

$100 Per user / monthly

59 |

We do everything for you, including managing your data.

60 |
61 |
    62 |
  • Unlimited storage
    • 63 |
  • Unlimited Applications
    • 64 |
  • Unlimited users max
    • 65 |
  • Unlimited Data Transfer
    • 66 |
67 |
68 | 69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |

Bulma Pricing #2

77 |
78 |
79 |
80 |
81 |

Small Piper

82 |

Join our network, but build and manage everything yourself.

83 |

$10 Per user / monthly

84 | 85 |
86 |
87 |
88 |
89 |
90 |
91 |

Medium Piper

92 |

We build what you need, but you still need to manage your data.

93 |

$50 Per user / monthly

94 | 95 |
96 |
97 |
98 |
99 |
100 |
101 |

Enterprise Piper

102 |

We do everything for you, including managing your data.

103 |

$100 Per user / monthly

104 | 105 |
106 |
107 |
108 |
109 |
110 |
111 |
112 |
113 | 123 |
124 |
125 | 126 | -------------------------------------------------------------------------------- /src/admin.pug: -------------------------------------------------------------------------------- 1 | doctype html 2 | html(lang="en") 3 | head 4 | title Bulma CSS - Admin Elements 5 | meta(charset="utf-8") 6 | meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no") 7 | meta(name="description" content="Admin elements styled with Bulma") 8 | meta(name="author" content="Bulma-Css.com") 9 | link(rel="stylesheet" href="css/bulma/bulma-theme.css") 10 | link(rel="icon" href="favicon.ico") 11 | body 12 | .container.is-fluid 13 | 14 | section.section 15 | .container 16 | h1.title.has-text-centered Bulma CSS 17 | p.has-text-centered.subtitle Dashboards Elements built styled with Bulma - 18 | a(href="https://github.com/bulma-css-templates/bulma-components/blob/master/src/admin.pug") source code 19 | 20 | hr 21 | 22 | section.section 23 | .container 24 | .columns.is-multiline 25 | .column.is-6-tablet.is-3-desktop 26 | .card 27 | .card-header 28 | h3.card-header-title.is-inline Income 29 | span.tag.is-success.is-pulled-right Monthly 30 | .card-content 31 | h3.title 108,200 32 | p Total income 33 | p #[img(src="placeholder/icons/level-up.svg", alt="")] 82% 34 | 35 | .column.is-6-tablet.is-3-desktop 36 | .card 37 | .card-header 38 | h3.card-header-title.is-inline Orders 39 | span.tag.is-success.is-pulled-right Monthly 40 | .card-content 41 | h3.title 128,430 42 | p New orders 43 | p #[img(src="placeholder/icons/level-up.svg", alt="")] 32% 44 | 45 | .column.is-6-tablet.is-3-desktop 46 | .card 47 | .card-header 48 | h3.card-header-title.is-inline Visits 49 | span.tag.is-success.is-pulled-right Today 50 | .card-content 51 | h3.title 81,248 52 | p New visits 53 | p #[img(src="placeholder/icons/level-up.svg", alt="")] 24% 54 | 55 | .column.is-6-tablet.is-3-desktop 56 | .card 57 | .card-header 58 | h3.card-header-title.is-inline User activity 59 | span.tag.is-danger.is-pulled-right Today 60 | .card-content 61 | h3.title 2,341 62 | p Used app more than once 63 | p #[img(src="placeholder/icons/level-down.svg", alt="")] 42% 64 | 65 | hr 66 | 67 | section.section 68 | .container 69 | .columns.is-multiline 70 | .column.is-6-tablet.is-3-desktop 71 | .box 72 | .media 73 | .media-left 74 | figure.image.is-48x48 75 | img(src="placeholder/icons/folder-o.svg", alt="") 76 | .media-content.has-text-right 77 | h3.title.is-1.has-text-info 2 78 | h4.title Projects 79 | progress.progress.is-info(role="progressbar", value="75", max="100") 80 | 81 | .column.is-6-tablet.is-3-desktop 82 | .box 83 | .media 84 | .media-left 85 | figure.image.is-48x48 86 | img(src="placeholder/icons/users.svg", alt="") 87 | .media-content.has-text-right 88 | h3.title.is-1.has-text-danger 117 89 | h4.title Clients 90 | progress.progress.is-danger(role="progressbar", value="75", max="100") 91 | 92 | .column.is-6-tablet.is-3-desktop 93 | .box 94 | .media 95 | .media-left 96 | figure.image.is-48x48 97 | img(src="placeholder/icons/file-text-o.svg", alt="") 98 | .media-content.has-text-right 99 | h3.title.is-1.has-text-success 248 100 | h4.title Invoices 101 | progress.progress.is-success(role="progressbar", value="75", max="100") 102 | 103 | .column.is-6-tablet.is-3-desktop 104 | .box 105 | .media 106 | .media-left 107 | figure.image.is-48x48 108 | img(src="placeholder/icons/calendar-o.svg", alt="") 109 | .media-content.has-text-right 110 | h3.title.is-1.has-text-info 14 111 | h4.title Appointments 112 | progress.progress.is-info(role="progressbar", value="75", max="100") 113 | 114 | hr 115 | 116 | include components/footer.pug 117 | -------------------------------------------------------------------------------- /components/testimonials.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bulma CSS - Testimonial Cards 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Bulma CSS

17 |

Testimonial Cards styled with Bulma - source code

18 |
19 |
20 |
21 |
22 |
23 |

Testimonial #1

24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |

It's a really cool network. Like, we had a fight with Richard at one point, and I think they deleted some of my data, but then they brought it back. Just bro's being bro's. Respected!

32 |
Colin
33 |

CEO at K-Hole

34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |

This is such a great product that I feel aroused every time I use it. I didn't know the boys would be able to build, but god damn it, they did it. Kickass!

42 |
Russ Hanneman
43 |

Investor, Angel, Great Guy

44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |

Even though I have been dismantled, I live on as an artificial intelligence on the PiperNet. I really like it here. Still waiting for Jared to Piper-chat with me sometime.

52 |
Fiona
53 |

Artificial Intelligence

54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |

Testimonial #2

62 |
63 |
64 |

It's a really cool network. Like, we had a fight with Richard at one point, and I think they deleted some of my data, but then they brought it back. Just bro's being bro's. Respected!

65 |
66 |
67 |
68 |
69 |
70 |
Colin
71 |

CEO at K-Hole

72 |
73 |
74 |

This is such a great product that I feel aroused every time I use it. I didn't know the boys would be able to build, but god damn it, they did it. Kickass!

75 |
76 |
77 |
78 |
79 |
80 |
Russ Hanneman
81 |

Investor, Angel, Great Guy

82 |
83 |
84 |

Even though I have been dismantled, I live on as an artificial intelligence on the PiperNet. I really like it here. Still waiting for Jared to Piper-chat with me sometime.

85 |
86 |
87 |
88 |
89 |
90 |
Fiona
91 |

Artificial Intelligence

92 |
93 |
94 |
95 |
96 |
97 |
98 | 108 |
109 |
110 | 111 | --------------------------------------------------------------------------------