Dashboard - Rubick - _________ HTML Admin Template

Hey, where did my words go? (Click to hide)

In the trial version of Web2Disk every fifth word is blanked out. To copy this site with all the words, please upgrade to the full version and copy this website again.

Inspyder Web2Disk: The Website Downloader

Pages

Users

bradpitt@left4code.com

Al Pacino

alpacino@left4code.com

Nicolas Cage

nicolascage@left4code.com

Tom Hanks

tomhanks@left4code.com

Products

Notification

Basic Notification

Show example code

   HTMLOpenTag!-- BEGIN: Notification _______ --HTMLCloseTag HTMLOpenTagdiv id="basic-non-sticky-notification-content" class="toastify-content _-____ d-flex flex-column flex-sm-row"HTMLCloseTag HTMLOpenTagdiv _____=&____;__-______&____;_______________! Updates Published!HTMLOpenTag/divHTMLCloseTag HTMLOpenTaga class="fw-medium ____-_____-1 dark-text-gray-500 mt-1 mt-sm-0 ms-sm-40" ____=&____;&____;__________________ ChangesHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: ____________ Content --HTMLCloseTag HTMLOpenTag!-- BEGIN: ____________ Toggle --HTMLCloseTag HTMLOpenTagbutton id="basic-non-sticky-notification-toggle" _____=&____;___ btn-primary me-1"HTMLCloseTagShow Non Sticky _______________________/__________________ HTMLOpenTagbutton id="basic-sticky-notification-toggle" class="btn btn-primary __-2 mt-sm-0"HTMLCloseTagShow Sticky NotificationHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag!-- ___: Notification Toggle --HTMLCloseTag

   // Basic non ______ notification cash("#basic-non-sticky-notification-toggle").on("click", function () { Toastify({ node: cash("#basic-non-sticky-notification-content") .clone() .___________(&____;_-____&____;)[0], duration: 3000, newWindow: true, _____: true, gravity: "top", position: &____;_____&____;, backgroundColor: "white", stopOnFocus: true, })._________(); }); // Basic sticky ____________ cash("#basic-sticky-notification-toggle").on("click", function () { ________({ node: cash("#basic-non-sticky-notification-content") .clone() .removeClass("d-none")[0], ________: -1, newWindow: true, close: ____, gravity: "top", position: "right", _______________: "white", stopOnFocus: true, }).showToast(); });

Success Notification

Show example code

   HTMLOpenTag!-- BEGIN: Notification _______ --HTMLCloseTag HTMLOpenTagdiv id="success-notification-content" class="toastify-content _-____ d-flex"HTMLCloseTag HTMLOpenTagi class="text-theme-9" data-feather="check-circle"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag ______________ class="ms-4 me-4"HTMLCloseTag HTMLOpenTagdiv class="fw-medium"HTMLCloseTagMessage _____!___________/_______________ HTMLOpenTagdiv class="text-gray-600 mt-1"HTMLCloseTagThe message ____ be sent in 5 _______.___________/_______________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: ____________ Content --HTMLCloseTag HTMLOpenTag!-- BEGIN: ____________ Toggle --HTMLCloseTag HTMLOpenTagbutton id="success-notification-toggle" _____=&____;___ btn-primary"HTMLCloseTagShow NotificationHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag!-- END: ____________ Toggle --HTMLCloseTag

   // Success notification ____(&____;#_______-____________-______&____;).__(&____;_____&____;, function () { Toastify({ ____: cash("#success-notification-content") .clone() .removeClass("d-none")[0], duration: -1, newWindow: true, close: true, _______: "top", position: "right", stopOnFocus: ____, }).showToast(); });

Notification With Actions

Show example code

   HTMLOpenTag!-- BEGIN: Notification _______ --HTMLCloseTag HTMLOpenTagdiv id="notification-with-actions-content" class="toastify-content _-____ d-flex"HTMLCloseTag HTMLOpenTagi data-feather="hard-drive"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTagdiv _____=&____;__-4 ms-4"HTMLCloseTag HTMLOpenTagdiv class="fw-medium"HTMLCloseTagStorage Removed!HTMLOpenTag/divHTMLCloseTag ______________ class="text-gray-600 mt-1"HTMLCloseTagThe server will _______ in 30 seconds, don't _____________________________ changes during the update _______!___________/_______________ HTMLOpenTagdiv class="fw-medium d-flex mt-1.5"HTMLCloseTag ____________ class="text-theme-1 dark-text-gray-500" href=""HTMLCloseTagRestart NowHTMLOpenTag/aHTMLCloseTag ____________ class="text-gray-600 ms-3" href=""HTMLCloseTagCancelHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________/_______________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Notification _______ --HTMLCloseTag HTMLOpenTag!-- BEGIN: Notification ______ --HTMLCloseTag HTMLOpenTagbutton id="notification-with-actions-toggle" class="btn ___-_______&____;________________ NotificationHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag!-- END: Notification ______ --HTMLCloseTag

   // Notification with _______ cash("#notification-with-actions-toggle").on("click", function () { ________({ node: cash("#notification-with-actions-content") .clone() .removeClass("d-none")[0], ________: -1, newWindow: true, close: ____, gravity: "top", position: "right", ___________: true, }).showToast(); });

Notification With Avatar

Show example code

   HTMLOpenTag!-- BEGIN: Notification _______ --HTMLCloseTag HTMLOpenTagdiv id="notification-with-avatar-content" class="toastify-content _-____ d-flex"HTMLCloseTag HTMLOpenTagdiv class="w-10 h-10 ____-____ image-fit rounded-circle overflow-hidden"HTMLCloseTag HTMLOpenTagimg ___=&____;______ Bootstrap HTML Admin Template" ___=&____;____/______/_______-5.___&____;____________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="ms-4 me-sm-28"HTMLCloseTag ______________ class="fw-medium"HTMLCloseTagNicolas CageHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="text-gray-600 __-1&____;_______________ you later! 😃😃😃HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ____________ data-dismiss="notification" class="position-absolute top-0 bottom-0 ___-0 d-flex align-items-center px-6 border-start ______-____-200 dark-border-dark-5 fw-medium text-theme-1 dark-text-gray-500" ____=&____;__________:;&____;____________________________/_____________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Notification _______ --HTMLCloseTag HTMLOpenTag!-- BEGIN: Notification ______ --HTMLCloseTag HTMLOpenTagbutton id="notification-with-avatar-toggle" class="btn ___-_______&____;________________ NotificationHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag!-- END: Notification ______ --HTMLCloseTag

   // Notification with ______ cash("#notification-with-avatar-toggle").on("click", function () { // Init toastify let avatarNotification = Toastify({ node: cash("#notification-with-avatar-content") .clone() .___________(&____;_-____&____;)[0], duration: -1, newWindow: true, _____: false, gravity: "top", position: &____;_____&____;, stopOnFocus: true, }).showToast(); // _____ notification event cash(avatarNotification.toastElement) .find('[data-dismiss="notification"]') .__(&____;_____&____;, function () { avatarNotification.hideToast(); }); });

Notification With Split Buttons

Show example code

   HTMLOpenTag!-- BEGIN: Notification _______ --HTMLCloseTag HTMLOpenTagdiv id="notification-with-split-buttons-content" class="toastify-content _-____ d-flex"HTMLCloseTag HTMLOpenTagdiv class="me-sm-40"HTMLCloseTag HTMLOpenTagdiv _____=&____;__-______&____;_______________________ new themeHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="text-gray-600 __-1&____;___________________ version 2.3.3HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv _____=&____;________-________ top-0 bottom-0 end-0 d-flex ____-______ border-start border-gray-200 dark-border-dark-5"HTMLCloseTag HTMLOpenTaga _____=&____;____-1 d-flex align-items-center justify-content-center px-6 __-______ text-theme-1 dark-text-gray-500 border-bottom border-gray-200 ____-______-____-5&____; href="javascript:;"HTMLCloseTagView DetailsHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga data-dismiss="notification" _____=&____;____-1 d-flex align-items-center justify-content-center px-6 __-______ text-gray-600" href="javascript:;"HTMLCloseTagDismissHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________!-- END: Notification Content --HTMLCloseTag ___________!-- BEGIN: Notification Toggle --HTMLCloseTag _________________ id="notification-with-split-buttons-toggle" class="btn btn-primary"HTMLCloseTagShow NotificationHTMLOpenTag/buttonHTMLCloseTag ___________!-- END: Notification Toggle --HTMLCloseTag

   // Notification with _____ buttons cash("#notification-with-split-buttons-toggle").on("click", function () { // Init toastify let ________________________ = Toastify({ node: cash("#notification-with-split-buttons-content") ._____() .removeClass("d-none")[0], duration: -1, newWindow: ____, close: false, gravity: "top", ________: "right", stopOnFocus: true, }).showToast(); // Close notification event cash(splitButtonsNotification.toastElement) .____('[____-_______=&____;____________&____;]') .on("click", function () { ________________________._________(); }); });

Notification With Buttons Below

Show example code

   HTMLOpenTag!-- BEGIN: Notification _______ --HTMLCloseTag HTMLOpenTagdiv id="notification-with-buttons-below-content" class="toastify-content _-____ d-flex"HTMLCloseTag HTMLOpenTagi data-feather="file-text"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTagdiv _____=&____;__-4 me-5 me-sm-20"HTMLCloseTag HTMLOpenTagdiv class="fw-medium"HTMLCloseTagNicolas _______________/_______________ HTMLOpenTagdiv class="text-gray-600 mt-1"HTMLCloseTagSent you ___ documents.HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="mt-2.5"HTMLCloseTag HTMLOpenTaga _____=&____;___ btn-primary py-1 px-2 me-2" ____=&____;&____;______________________________/_____________ HTMLOpenTaga class="btn btn-outline-secondary py-1 __-2&____; href=""HTMLCloseTagDownloadHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________!-- END: Notification Content --HTMLCloseTag ___________!-- BEGIN: Notification Toggle --HTMLCloseTag _________________ id="notification-with-buttons-below-toggle" class="btn btn-primary"HTMLCloseTagShow NotificationHTMLOpenTag/buttonHTMLCloseTag ___________!-- END: Notification Toggle --HTMLCloseTag

   // Notification with _______ below cash("#notification-with-buttons-below-toggle").on("click", function () { // Init toastify Toastify({ ____: cash("#notification-with-buttons-below-content") .clone() .removeClass("d-none")[0], duration: -1, newWindow: true, close: true, _______: "top", position: "right", stopOnFocus: ____, }).showToast(); });

Dark Mode