diff --git a/signal/index.html b/signal/index.html new file mode 100644 index 0000000..9d35281 --- /dev/null +++ b/signal/index.html @@ -0,0 +1,679 @@ + + + + + + Signal Bootstrap 4 Theme Full Screen + + + + + + + + + + + + + + + + + +
+
+
+
+
+

Signal

+

Like sailing yacht flags in a busy harbor.

+
+
+
+ +
+ +
+
+
+
+
+
+ + Download Theme + + +
+ theme.css + theme.min.css +
+ theme.scss +
+ Full template +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+

+

Unique

+

Don't like that typical Bootstrap look? Each theme has a custom look-and-feel, while maximizing use of Bootstrap without extensive additional CSS & JS.

+ Button +
+
+
+
+
+
+

+

Responsive

+

Based on mobile-first Bootstrap 4, all themes are 100% responsive and designed to look great on everything from smartphones to tablets to desktops..

+ Button +
+
+
+
+
+
+

+

Consistent

+

Themes are crafted with care for design and performance. All themes are built on modern HTML5 & CSS3 standards to ensure consistency and cross-browser support.

+ Button +
+
+
+
+
+
+
+
+
+
+
+
+ + +
+
+ + + + Text +
+
+
+

Code Explorer

+

+ Just hover over any of the Bootstrap + components, and click the + <> + to view or copy the HTML markup for that element. +

+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+
+

Themestr.app

+

Theme Builder for Bootstrap

+

+ Rapidy build custom themes for Bootstrap, the world's most + popular front-end component library for mobile-first, + responsive Web apps. Themestr.app is a customizer and theme creator for Bootstrap. + Choose from a huge collection of color palettes, fonts and SASS variables. Prototype different styles, and + easily generate CSS from SASS to give your projects a unique look-and-feel. +

+
+
+
+
+
+
+

Card Outline

+

Themestr.app makes it easy to customize this, and other free Bootstrap 4 themes for your downloading pleasure.

+ Button +
+
+
+
+
+
+
+ Dis List Group + Custom Colors + Google Fonts + Ionicons +
+
+
+
+
+
+
+

Scrollspy

+

The top NavBar utilizes Bootstrap's Scrollspy component. You'll notice when you scroll the page the "active" nav section is highlighted.

+ Read More +
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+

Comfortaa

+
+
+
Heading 6
+
Heading 5
+

Heading 4

+

Heading 3

+

Heading 2

+

Heading 1

+

Lead

+

Paragraph

+ badge +
+
+

Display 4

+

Display 3

+

Display 2

+

Display 1

+
+
+
+
+
+
+
+
+ +
+ +
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+ +
+
+
+ +
+ +
+ Username is required. +
+
+
+
+ +
+ + +
+ + +
+
+
+
+
+
+
+
+

The rows & columns of the world famous Bootstrap grid speak for themselves.

+
+
+ 6 +
+
+
6
+
+
+ 5 +
+
+
7
+
+
+ 4 +
+
+
8
+
+
+ 3 +
+
+
9
+
+
+ 2 +
+
+
10
+
+
+ 1 +
+
+
11
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + +
LocationDateVisits
Westfield08.05.18 badge2323
Galway08.05.18 badge-pill5362
Bern08.05.18153
+
+
+
+
+ Right tooltip (hover) +
+ Bottom tooltip (hover) +
+
+
+ + +
+
+
+
+
+
+
+
+ +
+
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/signal/scripts.js b/signal/scripts.js new file mode 100644 index 0000000..8fbfbf7 --- /dev/null +++ b/signal/scripts.js @@ -0,0 +1,93 @@ + + /* simple scripts file for Themes.guide Bootstrap 4 theme templates */ + + // init Bootstrap tooltips & popovers + $("[data-toggle=popover]").popover(); + $("[data-toggle=tooltip]").tooltip(); + + + /* copy demo sources to clipboard */ + function copyTextToClipboard(text) { + var textArea = document.createElement("textarea"); + textArea.style.position = 'fixed'; + textArea.style.top = 0; + textArea.style.left = 0; + textArea.style.width = '2em'; + textArea.style.height = '2em'; + textArea.style.padding = 0; + textArea.style.border = 'none'; + textArea.style.outline = 'none'; + textArea.style.boxShadow = 'none'; + textArea.style.background = 'transparent'; + textArea.value = text; + document.body.appendChild(textArea); + textArea.select(); + + try { + var successful = document.execCommand('copy'); + var msg = successful ? 'successful' : 'unsuccessful'; + console.log('Copying text command was ' + msg); + } catch (err) { + console.log('Oops, unable to copy'); + } + + document.body.removeChild(textArea); + return false; + } + + var modalCode = $('