+
+ + Welcome to {{ title }}! +
+
+
+
+
+
+ 
+ 
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ ++Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
+ +
++Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
+ +
++Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
+ +
++Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
+ +
++Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
+ +
++Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
+ +
Nulla vitae elit libero, a pharetra augue mollis interdum.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+Praesent commodo cursus magna, vel scelerisque nisl consectetur.
+Nulla vitae elit libero, a pharetra augue mollis interdum.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+Praesent commodo cursus magna, vel scelerisque nisl consectetur.
+{{slide.text}}
++ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo + consequat. +
+was-validated
+ .col-lg-*
+ .col-md-*
+ .col-sm-*
+
+ .col-*
+
+ append
+ prepend
+ The selected page no: {{currentPage}}/{{smallnumPages}}
+ Page: {{bigCurrentPage}} / {{numPages}}
+ focus trigger
+ body
+ + + This text has attached popover + +
+ + +HTML!!!`;
+}
diff --git a/src/app/views/base/progress.component.html b/src/app/views/base/progress.component.html
new file mode 100644
index 0000000..fcbfdf5
--- /dev/null
+++ b/src/app/views/base/progress.component.html
@@ -0,0 +1,59 @@
+| Size | +Example | +CSS Class | + + +
|---|---|---|
| + Large + | ++ + | +
+ Add following class .switch-lg
+ |
+
| + Normal + | ++ + | ++ - + | +
| + Small + | ++ + | +
+ Add following class .switch-sm
+ |
+
| Username | +Date registered | +Role | +Status | +
|---|---|---|---|
| Samppa Nori | +2012/01/01 | +Member | ++ Active + | +
| Estavan Lykos | +2012/02/01 | +Staff | ++ Banned + | +
| Chetan Mohamed | +2012/02/01 | +Admin | ++ Inactive + | +
| Derick Maximinus | +2012/03/01 | +Member | ++ Pending + | +
| Friderik Dávid | +2012/01/21 | +Staff | ++ Active + | +
| Username | +Date registered | +Role | +Status | +
|---|---|---|---|
| Yiorgos Avraamu | +2012/01/01 | +Member | ++ Active + | +
| Avram Tarasios | +2012/02/01 | +Staff | ++ Banned + | +
| Quintin Ed | +2012/02/01 | +Admin | ++ Inactive + | +
| Enéas Kwadwo | +2012/03/01 | +Member | ++ Pending + | +
| Agapetus Tadeáš | +2012/01/21 | +Staff | ++ Active + | +
| Username | +Date registered | +Role | +Status | +
|---|---|---|---|
| Carwyn Fachtna | +2012/01/01 | +Member | ++ Active + | +
| Nehemiah Tatius | +2012/02/01 | +Staff | ++ Banned + | +
| Ebbe Gemariah | +2012/02/01 | +Admin | ++ Inactive + | +
| Eustorgios Amulius | +2012/03/01 | +Member | ++ Pending + | +
| Leopold Gáspár | +2012/01/21 | +Staff | ++ Active + | +
| Username | +Date registered | +Role | +Status | +
|---|---|---|---|
| Pompeius René | +2012/01/01 | +Member | ++ Active + | +
| Paĉjo Jadon | +2012/02/01 | +Staff | ++ Banned + | +
| Micheal Mercurius | +2012/02/01 | +Admin | ++ Inactive + | +
| Ganesha Dubhghall | +2012/03/01 | +Member | ++ Pending + | +
| Hiroto Šimun | +2012/01/21 | +Staff | ++ Active + | +
| Username | +Date registered | +Role | +Status | +
|---|---|---|---|
| Vishnu Serghei | +2012/01/01 | +Member | ++ Active + | +
| Zbyněk Phoibos | +2012/02/01 | +Staff | ++ Banned + | +
| Einar Randall | +2012/02/01 | +Admin | ++ Inactive + | +
| Félix Troels | +2012/03/01 | +Member | ++ Pending + | +
| Aulus Agmundr | +2012/01/21 | +Staff | ++ Active + | +
body
+ Desktop
+ +Mobile
+ ++ + This text has attached tooltip + +
+ + + +<button class="btn btn-brand btn-facebook"><span>Facebook</span></button>
+ .btn-sm
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
++ + + + + + + + + + + + + + + + + + + + + + + + + +
+.btn-lg
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+<button class="btn btn-brand btn-facebook"><span>Facebook</span></button>
+ .btn-sm
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
++ + + + + + + + + + + + + + + + + + + + + + + + + +
+.btn-lg
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+<button class="btn btn-brand btn-facebook text"><span>Facebook</span></button>
+ .btn-sm
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
++ + + + + + + + + + + + + + + + + + + + + + + + + +
+.btn-lg
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ Use .btn-outline-* class for outline buttons.
+
+ Use .btn-ghost-* class for ghost buttons.
+
+ Use .btn-square class for square buttons.
+
+ Use .btn-pill class for pill buttons.
+
Fancy larger or smaller buttons? Add .btn-lg or .btn-sm for additional sizes.
.btn-sm
+ .btn-lg.
+ Add this class.btn-block
Add this class.btn-block
<a>
+ autoClose
+ | + | User | +Country | +Usage | +Payment Method | +Activity | +
|---|---|---|---|---|---|
|
+
+
+ 
+
+ |
+
+ Yiorgos Avraamu
+
+ New | Registered: Jan 1, 2015
+
+ |
+ + + | +
+
+
+
+ 50%
+
+
+ Jun 11, 2015 - Jul 10, 2015
+
+
+
+
+ |
+ + + | +
+ Last login
+ 10 sec ago
+ |
+
|
+
+
+
+
+ |
+
+ Avram Tarasios
+
+
+ Recurring | Registered: Jan 1, 2015
+
+ |
+ + + | +
+
+
+
+ 10%
+
+
+ Jun 11, 2015 - Jul 10, 2015
+
+
+
+
+ |
+ + + | +
+ Last login
+ 5 minutes ago
+ |
+
|
+
+
+
+
+ |
+
+ Quintin Ed
+
+ New | Registered: Jan 1, 2015
+
+ |
+ + + | +
+
+
+
+ 74%
+
+
+ Jun 11, 2015 - Jul 10, 2015
+
+
+
+
+ |
+ + + | +
+ Last login
+ 1 hour ago
+ |
+
|
+
+
+
+
+ |
+
+ Enéas Kwadwo
+
+ New | Registered: Jan 1, 2015
+
+ |
+ + + | +
+
+
+
+ 98%
+
+
+ Jun 11, 2015 - Jul 10, 2015
+
+
+
+
+ |
+ + + | +
+ Last login
+ Last month
+ |
+
|
+
+
+
+
+ |
+
+ Agapetus Tadeáš
+
+ New | Registered: Jan 1, 2015
+
+ |
+ + + | +
+
+
+
+ 22%
+
+
+ Jun 11, 2015 - Jul 10, 2015
+
+
+
+
+ |
+ + + | +
+ Last login
+ Last week
+ |
+
|
+
+
+
+
+ |
+
+ Friderik Dávid
+
+ New | Registered: Jan 1, 2015
+
+ |
+ + + | +
+
+
+
+ 43%
+
+
+ Jun 11, 2015 - Jul 10, 2015
+
+
+
+
+ |
+ + + | +
+ Last login
+ Yesterday
+ |
+
The page you are looking for was not found.
+The page you are looking for is temporarily unavailable.
+.flag-icon and .flag-icon-xx (where xx is the ISO 3166-1-alpha-2 code of a country) to an empty span. If you want to have a squared version flag then add the class flag-icon-squared as well.
+ fa-spin class.
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ +Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
+Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
+If you missed alert on top of me, just press Add more button
| HEX: | +${rgbToHex(background)} | +
| RGB: | +${background} | +
Documentation and examples for Bootstrap typography, including global settings, headings, body text, lists, and more.
+| Heading | +Example | +
|---|---|
|
+
|
+ h1. Bootstrap heading | +
|
+
|
+ h2. Bootstrap heading | +
|
+
|
+ h3. Bootstrap heading | +
|
+
|
+ h4. Bootstrap heading | +
|
+
|
+ h5. Bootstrap heading | +
|
+
|
+ h6. Bootstrap heading | +
.h1 through .h6 classes are also available, for when you want to match the font styling of a heading but cannot use the associated HTML element.
h1. Bootstrap heading
+h2. Bootstrap heading
+h3. Bootstrap heading
+h4. Bootstrap heading
+h5. Bootstrap heading
+h6. Bootstrap heading
+Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a display heading—a larger, slightly more opinionated heading style.
+| Display 1 | +
| Display 2 | +
| Display 3 | +
| Display 4 | +
Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a display heading—a larger, slightly more opinionated heading style.
+You can use the mark tag to highlight text.
+This line of text is meant to be treated as deleted text.
This line of text is meant to be treated as no longer accurate.
This line of text is meant to be treated as an addition to the document.
+This line of text will render as underlined
+This line of text is meant to be treated as fine print.
+This line rendered as bold text.
+This line rendered as italicized text.
+Align terms and descriptions horizontally by using our grid system’s predefined classes (or semantic mixins). For longer terms, you can optionally add a .text-truncate class to truncate the text with an ellipsis.
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
+Donec id elit non mi porta gravida at eget metus.
+