- We will send a link to reset your password
- -- Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. -
- -- Examples for badges, our small count and labeling component. -
- -- Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS. -
- -- Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. -
- -Use the .btn .btn-{color} classes.
.btn-outlineUse the .btn .btn-outline-{color} classes.
Use the .btn-lg or .btn-sm classes.
Use the .disabled or .btn-progress classes.
Use the .btn-icon and .icon-left classes.
Use the .btn-icon class.
Sizes.
- -- Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options. -
- -Some quick example text to build on the card title and make up the bulk of the card's content.
- Card link - Another link -bg-whitesmoke- Basically, the Bootstrap card can be given a color variant. -
- -Card .card-primary
Card .card-secondary
Card .card-danger
Card .card-warning
Card .card-info
Card .card-success
Card .card-light
Card .card-dark
- Also, you can give a button or input on the card header. -
- -Write something here
-Write something here
-Write something here
-Write something here
-- You can provide functionality on the card. -
- -- Other cool cards, this one can be sorted. -
- -Card .card-primary
Card .card-secondary
Card .card-danger
Card .card-warning
- A slideshow component for cycling through elements—images or slides of text—like a carousel. -
- -
- 
- 
-
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua.
-
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua.
-
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua.
-- Toggle the visibility of content across your project with a few classes and our JavaScript plugins. -
- -- - Link with href - - -
-- Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. -
-- Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. -
-- Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. -
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, - quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo - consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non - proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, - quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo - consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non - proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, - quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo - consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non - proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-- Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin. -
- -- List groups are a flexible and powerful component for displaying a series of content. Modify and extend them to support just about any content within. -
- -Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
- Donec id elit non mi porta. - - -Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
- Donec id elit non mi porta. - - -Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
- Donec id elit non mi porta. - -- Examples for Bootstrap’s media object to construct highly repetitive components like blog comments, tweets, and the like. -
- -
- Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
-
- Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus oringilla. Donec lacinia congue felis in faucibus.
-
- Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus oringilla. Donec lacinia congue felis in faucibus.
-
- Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus oringilla. Donec lacinia congue felis in faucibus.
-
- Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
- -
-
- Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
-Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
-
- - Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content. -
- -You can easily change the default browser confirmation box with a bootstrap modal.
- -Use the Bootstrap method to create modal. You need to create an HTML structure for modal and the following button will trigger it.
- -We've created a plugin to easily create a bootstrap modal.
- -You can change the modal position to center.
- -Check the modal.js code in the dist/js/page folder to get the source code.
- Examples for how to use Bootstrap’s included navigation components. -
- -- Examples for Bootstrap’s powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin. -
- -- Examples for showing pagination to indicate a series of related content exists across multiple pages. -
- -- Examples for adding Bootstrap popovers, like those found in iOS, to any element on your site. -
- -- Examples for using Bootstrap custom progress bars featuring support for stacked bars, animated backgrounds, and text labels. -
- -- Examples for adding custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and data-attributes for local title storage. -
- -- Documentation and examples for Bootstrap typography, including global settings, headings, body text, lists, and more. -
-- Lead — Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus. -
-Paragraph — Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
- You can click me! -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.
-attr
-HTML
-- Stisla made with hand --
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
- tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
- quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
- consequat.
We use PrismJS to do this, you can adjust themes, syntax and more. Visit their documentation.
-
- var code = 'Hello';--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
- -
Sunt in culpa qui officia deserunt mollit anim id est laborum:
-Sunt in culpa qui officia deserunt mollit anim id est laborum:
-This article component is based on card and flexbox.
- -Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur.
-Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur.
-Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur.
-Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur.
-Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur.
-Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur.
-Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur.
-Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur.
-Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur.
-
- Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur.
-
- Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur.
-
- Avatars are user profile pictures. Thanks to Spectre.css.
- -
-
- 
-
- 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- The chat component and is equipped with a JavaScript API, making it easy for you to integrate with Back-end.
- -
-
-
-
- Empty state are generally used when there is no data or content.
- -- Sorry we can't find any data, to get rid of this message, make at least 1 entry. -
- Create new One - Need Help? -Grouping multiple images on one component.
- -.gallery-md.gallery-fwComponents that can be used to make something bigger than the header.
- -This page is a place to manage posts, categories and more.
-You almost arrived, complete the information about your account to complete registration.
-You have successfully registered with our system. Next, you can log in to the dashboard with your account.
-You almost arrived, complete the information about your account to complete registration.
-You almost arrived, complete the information about your account to complete registration.
-- We use 'Dropzone.js' made by @Dropzone. You can check the full documentation here. -
- -Price components are very important for SaaS projects or other projects.
- -The chat component and is equipped with a JavaScript API, making it easy for you to integrate with Back-end.
- -The tab component for dividing parts of content.
- -.nav-pillsExample of some Bootstrap table components.
- -| # | -Name | -Created At | -Status | -Action | -
|---|---|---|---|---|
| 1 | -Irwansyah Saputra | -2017-01-09 | -Active |
- Detail | -
| 2 | -Hasan Basri | -2017-01-09 | -Active |
- Detail | -
| 3 | -Kusnadi | -2017-01-11 | -Not Active |
- Detail | -
| 4 | -Rizal Fakhri | -2017-01-11 | -Active |
- Detail | -
| 5 | -Isnap Kiswandi | -2017-01-17 | -Active |
- Detail | -
|
-
-
-
-
- |
- Task Name | -Progress | -Members | -Due Date | -Status | -Action | -
|---|---|---|---|---|---|---|
|
-
-
-
-
- |
- Create a mobile app | -
-
-
-
- |
-
-
- |
- 2018-01-20 | -Completed |
- Detail | -
|
-
-
-
-
- |
- Redesign homepage | -
-
-
-
- |
-
-
-
-
- |
- 2018-04-10 | -Todo |
- Detail | -
|
-
-
-
-
- |
- Backup database | -
-
-
-
- |
-
-
-
- |
- 2018-01-29 | -In Progress |
- Detail | -
|
-
-
-
-
- |
- Input data | -
-
-
-
- |
-
-
-
-
-
- |
- 2018-01-16 | -Completed |
- Detail | -
| - - | -Task Name | -Progress | -Members | -Due Date | -Status | -Action | -
|---|---|---|---|---|---|---|
|
-
-
-
- |
- Create a mobile app | -
-
-
-
- |
-
-
- |
- 2018-01-20 | -Completed |
- Detail | -
|
-
-
-
- |
- Redesign homepage | -
-
-
-
- |
-
-
-
-
- |
- 2018-04-10 | -Todo |
- Detail | -
|
-
-
-
- |
- Backup database | -
-
-
-
- |
-
-
-
- |
- 2018-01-29 | -In Progress |
- Detail | -
|
-
-
-
- |
- Input data | -
-
-
-
- |
-
-
-
-
-
- |
- 2018-01-16 | -Completed |
- Detail | -
Components relating to users, lists of users and so on.
- -
-
- Follow
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- The wizard is a component to simplify a process with a step-by-step method.
- -- We would like to thank the makers of these cool plugins and images. -
- -by Marina D
-by @mdo and @fat
-by Javi Aguilar
-by Dan Grossman
-by Panayiotis Lipiridis
-by Schlechter
-by @jdewit
-by @nicolas-t
-by @nosir
-by Marijn Haverbeke
-by @datatables
-by Matias Meno
-by Panayiotis Lipiridis
-by @fontawesome
-by Adam Shaw
-by Ionic Framework
-by The jQuery Foundation
-by Mato Ilic
-by Leonardo Santos
-by The jQuery Foundation
-by Manifest Interactive
-by InuYaksa
-by David Deutsch
-by @PrismJS
-by Kevin Brown and Igor Vaynberg
-by James Fleeting
-by Alan Hong
-by Tristan Edwards
-by Dolce
-by Opoloo
-by Erik Flowers
-by Nick Downie
-by Gustavo Leon
-by Gareth Watts
-by @moment
-by Federico Zivolo
-by Federico Zivolo
-Have commented on the task of "Responsive design".
-Moved the task "Fix some features that are bugs in the master module" from Progress to Finish.
-Login to the system with ujang@maman.com email and location in Bogor.
-Log out of the system after 6 hours using the system.
-Removing task "Delete all unwanted selectors in CSS files".
-Assign the task of "Redesigning website header and make it responsive AF" to Syahdan Ubaidilah.
-- You can manage all posts, such as editing, deleting and more. -
- -|
-
-
-
-
- |
- Title | -Category | -Author | -Created At | -Status | -
|---|---|---|---|---|---|
|
-
-
-
-
- |
- Laravel 5 Tutorial: Introduction - - | -- Web Developer, - Tutorial - | -
-
- Rizal Fakhri
-
- |
- 2018-01-20 | -Published |
-
|
-
-
-
-
- |
- Laravel 5 Tutorial: Installing - - | -- Web Developer, - Tutorial - | -
-
- Rizal Fakhri
-
- |
- 2018-01-20 | -Published |
-
|
-
-
-
-
- |
- Laravel 5 Tutorial: MVC - - | -- Web Developer, - Tutorial - | -
-
- Rizal Fakhri
-
- |
- 2018-01-20 | -Published |
-
|
-
-
-
-
- |
- Laravel 5 Tutorial: CRUD - - | -- Web Developer, - Tutorial - | -
-
- Rizal Fakhri
-
- |
- 2018-01-20 | -Draft |
-
|
-
-
-
-
- |
- Laravel 5 Tutorial: Deployment - - | -- Web Developer, - Tutorial - | -
-
- Rizal Fakhri
-
- |
- 2018-01-20 | -Pending |
-
- Change information about yourself on this page. -
- -
-
- - Organize and adjust all settings about this site. -
- -- Some customers need your help. -
- -
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, - quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo - consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non - proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, - quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo - consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non - proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
- -WYSIWYG editor and code editor.
- -- Form validation using default from Bootstrap 4 -
- -- The same as the 'route' example, but in this example it will be a bit cooler. Click the 'Start Travel' button to start seeing magic. -
- -
- Here is a simple example using the map, we use the plugin gmaps.js made by @hpneo. You can learn more about this plugin here.
-
- Here is a simple example using the map, we use the plugin gmaps.js made by @hpneo. You can learn more about this plugin here.
-
- Here is a simple example using the map, we use the plugin gmaps.js made by @hpneo. You can learn more about this plugin here.
-
This page is just an example for you to create your own page.
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, - quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo - consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non - proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-This page is just an example for you to create your own page.
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, - quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo - consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non - proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-This page is just an example for you to create your own page.
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, - quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo - consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non - proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-- We use 'Full Calendar' made by @fullcalendar. You can check the full documentation here. -
- -- We use 'Chart.JS' made by @chartjs. You can check the full documentation here. -
- -- We use 'DataTables' made by @SpryMedia. You can check the full documentation here. -
- -| - # - | -Task Name | -Progress | -Members | -Due Date | -Status | -Action | -
|---|---|---|---|---|---|---|
| - 1 - | -Create a mobile app | -
-
-
-
- |
-
-
- |
- 2018-01-20 | -Completed |
- Detail | -
| - 2 - | -Redesign homepage | -
-
-
-
- |
-
-
-
-
- |
- 2018-04-10 | -Todo |
- Detail | -
| - 3 - | -Backup database | -
-
-
-
- |
-
-
-
- |
- 2018-01-29 | -In Progress |
- Detail | -
| - 4 - | -Input data | -
-
-
-
- |
-
-
-
-
-
- |
- 2018-01-16 | -Completed |
- Detail | -
|
-
-
-
-
- |
- Task Name | -Progress | -Members | -Due Date | -Status | -Action | -
|---|---|---|---|---|---|---|
|
-
-
-
-
- |
- Create a mobile app | -
-
-
-
- |
-
-
- |
- 2018-01-20 | -Completed |
- Detail | -
|
-
-
-
-
- |
- Redesign homepage | -
-
-
-
- |
-
-
-
-
- |
- 2018-04-10 | -Todo |
- Detail | -
|
-
-
-
-
- |
- Backup database | -
-
-
-
- |
-
-
-
- |
- 2018-01-29 | -In Progress |
- Detail | -
|
-
-
-
-
- |
- Input data | -
-
-
-
- |
-
-
-
-
-
- |
- 2018-01-16 | -Completed |
- Detail | -
- For icons, we use 'Font Awesome 5' made by @fontawesome. You can check the full documentation here. -
- -Display multiple images alternately within a few seconds.
- -
-
-
-
-
-
-
-
- - We use 'Sparkline' made by 'Gareth Watts'. You can check the full documentation here. -
- -- We use 'Sweet Alert 2' made by 'Tristan Edwards'. You can check the full documentation here. -
- -- We use 'iziToast' made by @Dolce. You can check the full documentation here. -
-- We use the 'jQuery Vector Map Library' plugin to create vector maps. This plugin is created by @manifestinteractive -
- -All items here cannot be deleted.
-| # | -Item | -Price | -Quantity | -Totals | -
|---|---|---|---|---|
| 1 | -Mouse Wireless | -$10.99 | -1 | -$10.99 | -
| 2 | -Keyboard Wireless | -$20.00 | -3 | -$60.00 | -
| 3 | -Headphone Blitz TDR-3000 | -$600.00 | -1 | -$600.00 | -
The payment method that we provide is to make it easier for you to pay invoices.
-
- 
- 
- 
-
- We will send a link to reset your password
- -
-
-
- We will send a link to reset your password
- -
+ 
+ 
+ 
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod @@ -97,7 +492,7 @@
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod @@ -105,7 +500,7 @@
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod @@ -132,13 +527,13 @@
+
+
+
+ 
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
@@ -42,21 +437,21 @@
+
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus oringilla. Donec lacinia congue felis in faucibus.
+
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus oringilla. Donec lacinia congue felis in faucibus.
+
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus oringilla. Donec lacinia congue felis in faucibus.
@@ -73,14 +468,14 @@
+
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+ 
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+ 
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+ +
+
+ 
+ 
+
+ 
-
+
+
-
+
+
-
+
+
-
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
-
-
+
+
+
-
+
+
-
-
-
+
+
+
+
+
-
-
+
+
+
-
+
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-{% endblock %}
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+
+
+
+
Bagus Dwi Cahya
+ Bagus Dwi Cahya
Bagus Dwi Cahya
+ Bagus Dwi Cahya
Bagus Dwi Cahya
+ Bagus Dwi Cahya
Bagus Dwi Cahya
+ Bagus Dwi Cahya
Bagus Dwi Cahya
+ Bagus Dwi Cahya
Bagus Dwi Cahya
+ Bagus Dwi Cahya
+
+
+
+
+ 
+
+
+
+ 
+ 
+ 
+
+ 
+ 
+
-
-
+
+
+
-
+
+
-
-
-
+
+
+
+
+
-
-
+
+
+
-
+
+
-
-
-
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
@@ -2247,4 +2642,33 @@
-{% endblock %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/modules-font-awesome.html b/pages/modules-font-awesome.html
index 1d7cf27..a2ab8a0 100644
--- a/pages/modules-font-awesome.html
+++ b/pages/modules-font-awesome.html
@@ -1,8 +1,403 @@
-{% set title = 'Modules › Font Awesome' %}
-{% set page = 'modules-font-awesome.html' %}
-{% extends 'layouts/master.html' %}
+
+
+
+
+
+ 
+
+
+
+
-{% endblock %}
+ The payment method that we provide is to make it easier for you to pay invoices.
-
-
-
+ 
+ 
+ 
+ 
+ We will send a link to reset your password
+ +
+
+
+
+ Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. +
+ ++ Examples for badges, our small count and labeling component. +
+ ++ Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS. +
+ ++ Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. +
+ +Use the .btn .btn-{color} classes.
+ .btn-outlineUse the .btn .btn-outline-{color} classes.
Use the .btn-lg or .btn-sm classes.
Use the .disabled or .btn-progress classes.
Use the .btn-icon and .icon-left classes.
Use the .btn-icon class.
Sizes.
+ ++ Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options. +
+ +Some quick example text to build on the card title and make up the bulk of the card's content.
+ Card link + Another link +bg-whitesmoke+ Basically, the Bootstrap card can be given a color variant. +
+ +Card .card-primary
Card .card-secondary
Card .card-danger
Card .card-warning
Card .card-info
Card .card-success
Card .card-light
Card .card-dark
+ Also, you can give a button or input on the card header. +
+ +Write something here
+Write something here
+Write something here
+Write something here
++ You can provide functionality on the card. +
+ ++ Other cool cards, this one can be sorted. +
+ +Card .card-primary
Card .card-secondary
Card .card-danger
Card .card-warning
+ A slideshow component for cycling through elements—images or slides of text—like a carousel. +
+ +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua.
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua.
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua.
++ Toggle the visibility of content across your project with a few classes and our JavaScript plugins. +
+ ++ + Link with href + + +
++ Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. +
++ Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. +
++ Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. +
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non + proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non + proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non + proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
++ Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin. +
+ ++ List groups are a flexible and powerful component for displaying a series of content. Modify and extend them to support just about any content within. +
+ +Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
+ Donec id elit non mi porta. + + +Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
+ Donec id elit non mi porta. + + +Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
+ Donec id elit non mi porta. + ++ Examples for Bootstrap’s media object to construct highly repetitive components like blog comments, tweets, and the like. +
+ +
+ Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+
+ Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus oringilla. Donec lacinia congue felis in faucibus.
+
+ Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus oringilla. Donec lacinia congue felis in faucibus.
+
+ Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus oringilla. Donec lacinia congue felis in faucibus.
+
+ Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+ +
+
+ Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+
+ + Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content. +
+ +You can easily change the default browser confirmation box with a bootstrap modal.
+ +Use the Bootstrap method to create modal. You need to create an HTML structure for modal and the following button will trigger it.
+ +We've created a plugin to easily create a bootstrap modal.
+ +You can change the modal position to center.
+ +Check the modal.js code in the dist/js/page folder to get the source code.
+ Examples for how to use Bootstrap’s included navigation components. +
+ ++ Examples for Bootstrap’s powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin. +
+ ++ Examples for showing pagination to indicate a series of related content exists across multiple pages. +
+ ++ Examples for adding Bootstrap popovers, like those found in iOS, to any element on your site. +
+ ++ Examples for using Bootstrap custom progress bars featuring support for stacked bars, animated backgrounds, and text labels. +
+ ++ Examples for adding custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and data-attributes for local title storage. +
+ ++ Documentation and examples for Bootstrap typography, including global settings, headings, body text, lists, and more. +
++ Lead — Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus. +
+Paragraph — Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
+ You can click me! +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.
+attr
+HTML
++ Stisla made with hand ++
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+ tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+ quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+ consequat.
We use PrismJS to do this, you can adjust themes, syntax and more. Visit their documentation.
+var code = 'Hello';++Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
+ +
Sunt in culpa qui officia deserunt mollit anim id est laborum:
+Sunt in culpa qui officia deserunt mollit anim id est laborum:
+This article component is based on card and flexbox.
+ +Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur.
+Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur.
+Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur.
+Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur.
+Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur.
+Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur.
+Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur.
+Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur.
+Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur.
+
+ Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur.
+
+ Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur.
+
+ Avatars are user profile pictures. Thanks to Spectre.css.
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ The chat component and is equipped with a JavaScript API, making it easy for you to integrate with Back-end.
+ +
+
+
+
+ Empty state are generally used when there is no data or content.
+ ++ Sorry we can't find any data, to get rid of this message, make at least 1 entry. +
+ Create new One + Need Help? +Grouping multiple images on one component.
+ +.gallery-md.gallery-fwComponents that can be used to make something bigger than the header.
+ +This page is a place to manage posts, categories and more.
+You almost arrived, complete the information about your account to complete registration.
+You have successfully registered with our system. Next, you can log in to the dashboard with your account.
+You almost arrived, complete the information about your account to complete registration.
+You almost arrived, complete the information about your account to complete registration.
++ We use 'Dropzone.js' made by @Dropzone. You can check the full documentation here. +
+ +Price components are very important for SaaS projects or other projects.
+ +The chat component and is equipped with a JavaScript API, making it easy for you to integrate with Back-end.
+ +The tab component for dividing parts of content.
+ +.nav-pillsExample of some Bootstrap table components.
+ +| # | +Name | +Created At | +Status | +Action | +
|---|---|---|---|---|
| 1 | +Irwansyah Saputra | +2017-01-09 | +Active |
+ Detail | +
| 2 | +Hasan Basri | +2017-01-09 | +Active |
+ Detail | +
| 3 | +Kusnadi | +2017-01-11 | +Not Active |
+ Detail | +
| 4 | +Rizal Fakhri | +2017-01-11 | +Active |
+ Detail | +
| 5 | +Isnap Kiswandi | +2017-01-17 | +Active |
+ Detail | +
|
+
+
+
+
+ |
+ Task Name | +Progress | +Members | +Due Date | +Status | +Action | +
|---|---|---|---|---|---|---|
|
+
+
+
+
+ |
+ Create a mobile app | +
+
+
+
+ |
+
+
+ |
+ 2018-01-20 | +Completed |
+ Detail | +
|
+
+
+
+
+ |
+ Redesign homepage | +
+
+
+
+ |
+
+
+
+
+ |
+ 2018-04-10 | +Todo |
+ Detail | +
|
+
+
+
+
+ |
+ Backup database | +
+
+
+
+ |
+
+
+
+ |
+ 2018-01-29 | +In Progress |
+ Detail | +
|
+
+
+
+
+ |
+ Input data | +
+
+
+
+ |
+
+
+
+
+
+ |
+ 2018-01-16 | +Completed |
+ Detail | +
| + + | +Task Name | +Progress | +Members | +Due Date | +Status | +Action | +
|---|---|---|---|---|---|---|
|
+
+
+
+ |
+ Create a mobile app | +
+
+
+
+ |
+
+
+ |
+ 2018-01-20 | +Completed |
+ Detail | +
|
+
+
+
+ |
+ Redesign homepage | +
+
+
+
+ |
+
+
+
+
+ |
+ 2018-04-10 | +Todo |
+ Detail | +
|
+
+
+
+ |
+ Backup database | +
+
+
+
+ |
+
+
+
+ |
+ 2018-01-29 | +In Progress |
+ Detail | +
|
+
+
+
+ |
+ Input data | +
+
+
+
+ |
+
+
+
+
+
+ |
+ 2018-01-16 | +Completed |
+ Detail | +
Components relating to users, lists of users and so on.
+ +
+
+ Follow
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ The wizard is a component to simplify a process with a step-by-step method.
+ ++ We would like to thank the makers of these cool plugins and images. +
+ +by Marina D
+by @mdo and @fat
+by Javi Aguilar
+by Dan Grossman
+by Panayiotis Lipiridis
+by Schlechter
+by @jdewit
+by @nicolas-t
+by @nosir
+by Marijn Haverbeke
+by @datatables
+by Matias Meno
+by Panayiotis Lipiridis
+by @fontawesome
+by Adam Shaw
+by Ionic Framework
+by The jQuery Foundation
+by Mato Ilic
+by Leonardo Santos
+by The jQuery Foundation
+by Manifest Interactive
+by InuYaksa
+by David Deutsch
+by @PrismJS
+by Kevin Brown and Igor Vaynberg
+by James Fleeting
+by Alan Hong
+by Tristan Edwards
+by Dolce
+by Opoloo
+by Erik Flowers
+by Nick Downie
+by Gustavo Leon
+by Gareth Watts
+by @moment
+by Federico Zivolo
+by Federico Zivolo
+Have commented on the task of "Responsive design".
+Moved the task "Fix some features that are bugs in the master module" from Progress to Finish.
+Login to the system with ujang@maman.com email and location in Bogor.
+Log out of the system after 6 hours using the system.
+Removing task "Delete all unwanted selectors in CSS files".
+Assign the task of "Redesigning website header and make it responsive AF" to Syahdan Ubaidilah.
++ On this page you can create a new post and fill in all fields. +
+ ++ You can manage all posts, such as editing, deleting and more. +
+ +|
+
+
+
+
+ |
+ Title | +Category | +Author | +Created At | +Status | +
|---|---|---|---|---|---|
|
+
+
+
+
+ |
+ Laravel 5 Tutorial: Introduction + + | ++ Web Developer, + Tutorial + | +
+
+ Rizal Fakhri
+
+ |
+ 2018-01-20 | +Published |
+
|
+
+
+
+
+ |
+ Laravel 5 Tutorial: Installing + + | ++ Web Developer, + Tutorial + | +
+
+ Rizal Fakhri
+
+ |
+ 2018-01-20 | +Published |
+
|
+
+
+
+
+ |
+ Laravel 5 Tutorial: MVC + + | ++ Web Developer, + Tutorial + | +
+
+ Rizal Fakhri
+
+ |
+ 2018-01-20 | +Published |
+
|
+
+
+
+
+ |
+ Laravel 5 Tutorial: CRUD + + | ++ Web Developer, + Tutorial + | +
+
+ Rizal Fakhri
+
+ |
+ 2018-01-20 | +Draft |
+
|
+
+
+
+
+ |
+ Laravel 5 Tutorial: Deployment + + | ++ Web Developer, + Tutorial + | +
+
+ Rizal Fakhri
+
+ |
+ 2018-01-20 | +Pending |
+
+ Change information about yourself on this page. +
+ +
+
+ + You can adjust all general settings here +
+ + ++ Organize and adjust all settings about this site. +
+ ++ Some customers need your help. +
+ +
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non + proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non + proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+ +WYSIWYG editor and code editor.
+ ++ Form validation using default from Bootstrap 4 +
+ ++ The same as the 'route' example, but in this example it will be a bit cooler. Click the 'Start Travel' button to start seeing magic. +
+ +
+ Here is a simple example using the map, we use the plugin gmaps.js made by @hpneo. You can learn more about this plugin here.
+
+ Here is a simple example using the map, we use the plugin gmaps.js made by @hpneo. You can learn more about this plugin here.
+
+ Here is a simple example using the map, we use the plugin gmaps.js made by @hpneo. You can learn more about this plugin here.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Bagus Dwi Cahya
+ Bagus Dwi Cahya
Bagus Dwi Cahya
+ Bagus Dwi Cahya
Bagus Dwi Cahya
+ Bagus Dwi Cahya
Bagus Dwi Cahya
+ Bagus Dwi Cahya
Bagus Dwi Cahya
+ Bagus Dwi Cahya
Bagus Dwi Cahya
+ Bagus Dwi Cahya
+
+
+
+
+
+
+
+
+
+
+
+
+
+
This page is just an example for you to create your own page.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non + proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+This page is just an example for you to create your own page.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non + proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+This page is just an example for you to create your own page.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non + proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+