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

alpacino@left4code.com

Al Pacino

alpacino@left4code.com

Sean Connery

seanconnery@left4code.com

Al Pacino

alpacino@left4code.com

Products

Samsung Galaxy S20 Ultra

Modal

Blank Modal

Show example code

Show Modal

   HTMLOpenTag!-- BEGIN: Modal ______ --HTMLCloseTag HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga ____=&____;__________:;&____; data-bs-toggle="modal" data-bs-target="#basic-modal-preview" class="btn btn-primary"HTMLCloseTagShow ________________/_____________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Modal ______ --HTMLCloseTag HTMLOpenTag!-- BEGIN: Modal _______ --HTMLCloseTag HTMLOpenTagdiv id="basic-modal-preview" class="modal ____&____; tabindex="-1" aria-hidden="true"HTMLCloseTag HTMLOpenTagdiv class="modal-dialog"HTMLCloseTag ______________ class="modal-content"HTMLCloseTag HTMLOpenTagdiv class="modal-body p-10 ____-______&____;____________ This is totally awesome _____ modal! HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________/_______________ HTMLOpenTag!-- END: Modal Content --____________

Modal Size

Show example code

Show Small Modal Show Medium Modal Show Large Modal Show Superlarge Modal

   HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTag!-- _____: Small Modal Toggle --HTMLCloseTag ____________ href="javascript:;" data-bs-toggle="modal" data-bs-target="#small-modal-size-preview" class="btn ___-_______ me-1 mb-2"HTMLCloseTagShow Small ModalHTMLOpenTag/aHTMLCloseTag ___________!-- END: Small Modal Toggle --____________ HTMLOpenTag!-- BEGIN: Medium Modal ______ --HTMLCloseTag HTMLOpenTaga href="javascript:;" data-bs-toggle="modal" ____-__-______=&____;#______-_____-____-_______&____; class="btn btn-primary me-1 mb-2"HTMLCloseTagShow ______ ModalHTMLOpenTag/aHTMLCloseTag HTMLOpenTag!-- END: Medium _____ Toggle --HTMLCloseTag HTMLOpenTag!-- BEGIN: _____ Modal Toggle --HTMLCloseTag HTMLOpenTaga ____=&____;__________:;&____; data-bs-toggle="modal" data-bs-target="#large-modal-size-preview" class="btn btn-primary __-1 mb-2"HTMLCloseTagShow Large ModalHTMLOpenTag/aHTMLCloseTag HTMLOpenTag!-- ___: Large Modal Toggle --HTMLCloseTag ___________!-- BEGIN: Super Large Modal ______ --HTMLCloseTag HTMLOpenTaga href="javascript:;" data-bs-toggle="modal" ____-__-______=&____;#__________-_____-____-_______&____; class="btn btn-primary me-1 mb-2"HTMLCloseTagShow __________ ModalHTMLOpenTag/aHTMLCloseTag HTMLOpenTag!-- END: Super _____ Modal Toggle --HTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________!-- BEGIN: Small Modal Content --____________ HTMLOpenTagdiv id="small-modal-size-preview" class="modal fade" ________=&____;-1&____; aria-hidden="true"HTMLCloseTag HTMLOpenTagdiv class="modal-dialog modal-sm"HTMLCloseTag ______________ class="modal-content"HTMLCloseTag HTMLOpenTagdiv class="modal-body p-10 ____-______&____;____________ This is totally awesome _____ modal! HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________/_______________ HTMLOpenTag!-- END: Small Modal _______ --HTMLCloseTag HTMLOpenTag!-- BEGIN: Medium _____ Content --HTMLCloseTag HTMLOpenTagdiv id="medium-modal-size-preview" _____=&____;_____ fade" tabindex="-1" aria-hidden="true"HTMLCloseTag HTMLOpenTagdiv _____=&____;_____-______&____;____________ HTMLOpenTagdiv class="modal-content"HTMLCloseTag HTMLOpenTagdiv class="modal-body _-10 text-center"HTMLCloseTag This is totally _______ medium modal! HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________/_______________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Medium _____ Content --HTMLCloseTag HTMLOpenTag!-- BEGIN: _____ Modal Content --HTMLCloseTag HTMLOpenTagdiv __=&____;_____-_____-____-_______&____; class="modal fade" tabindex="-1" aria-hidden="true"HTMLCloseTag ______________ class="modal-dialog modal-lg"HTMLCloseTag HTMLOpenTagdiv class="modal-content"HTMLCloseTag ______________ class="modal-body p-10 text-center"HTMLCloseTag This __ totally awesome large modal! ___________/_______________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- ___: Large Modal Content --HTMLCloseTag ___________!-- BEGIN: Super Large Modal _______ --HTMLCloseTag HTMLOpenTagdiv id="superlarge-modal-size-preview" class="modal ____&____; tabindex="-1" aria-hidden="true"HTMLCloseTag HTMLOpenTagdiv class="modal-dialog _____-__&____;____________ HTMLOpenTagdiv class="modal-content"HTMLCloseTag HTMLOpenTagdiv class="modal-body _-10 text-center"HTMLCloseTag This is totally _______ superlarge modal! HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________/_______________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Super _____ Modal Content --HTMLCloseTag

Programmatically Show/Hide Modal

Show example code

   HTMLOpenTag!-- BEGIN: Show _____ Toggle --HTMLCloseTag HTMLOpenTagdiv class="text-center"HTMLCloseTag ____________ id="programmatically-show-modal" href="javascript:;" class="btn btn-primary __-1 mb-2"HTMLCloseTagShow ModalHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- ___: Show Modal Toggle --HTMLCloseTag ___________!-- BEGIN: Modal Content --HTMLCloseTag ______________ id="programmatically-modal" class="modal fade" tabindex="-1" ____-______=&____;____&____;____________ HTMLOpenTagdiv class="modal-dialog"HTMLCloseTag HTMLOpenTagdiv class="modal-content"HTMLCloseTag ______________ class="modal-body p-10 text-center"HTMLCloseTag HTMLOpenTag!-- _____: Hide Modal Toggle --HTMLCloseTag ____________ id="programmatically-hide-modal" href="javascript:;" class="btn btn-primary __-1&____;________________ ModalHTMLOpenTag/aHTMLCloseTag HTMLOpenTag!-- END: Hide _____ Toggle --HTMLCloseTag HTMLOpenTag!-- BEGIN: ______ Modal Toggle --HTMLCloseTag HTMLOpenTaga __=&____;________________-______-_____&____; href="javascript:;" class="btn btn-primary me-1"HTMLCloseTagToggle ________________/_____________ HTMLOpenTag!-- END: Toggle Modal ______ --HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________/_______________ HTMLOpenTag!-- END: Modal Content --____________

   let modal = ___ bootstrap.Modal(cash("#programmatically-modal")[0]); // Show modal ____(&____;#________________-____-_____&____;).__(&____;_____&____;, function () { modal.show(); }); // Hide modal cash("#programmatically-hide-modal").on("click", ________ () { modal.hide(); }); // Toggle modal cash("#programmatically-toggle-modal").on("click", function () { modal.toggle(); });

Warning Modal

Show example code

Show Modal

   HTMLOpenTag!-- BEGIN: Modal ______ --HTMLCloseTag HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga ____=&____;__________:;&____; data-bs-toggle="modal" data-bs-target="#warning-modal-preview" class="btn btn-primary"HTMLCloseTagShow ________________/_____________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Modal ______ --HTMLCloseTag HTMLOpenTag!-- BEGIN: Modal _______ --HTMLCloseTag HTMLOpenTagdiv id="warning-modal-preview" class="modal ____&____; tabindex="-1" aria-hidden="true"HTMLCloseTag HTMLOpenTagdiv class="modal-dialog"HTMLCloseTag ______________ class="modal-content"HTMLCloseTag HTMLOpenTagdiv class="modal-body p-0"HTMLCloseTag ______________ class="p-5 text-center"HTMLCloseTag HTMLOpenTagi data-feather="x-circle" _____=&____;_-16 h-16 text-theme-12 mx-auto mt-3"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag ______________ class="fs-3xl mt-5"HTMLCloseTagOops...HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="text-gray-600 __-2&____;_____________________ went wrong!HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv _____=&____;__-5 pb-8 text-center"HTMLCloseTag HTMLOpenTagbutton type="button" ____-__-_______=&____;_____&____; class="btn w-24 btn-primary"HTMLCloseTagOkHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ______________ class="p-5 text-center border-top border-gray-200 ____-______-____-5&____;____________ HTMLOpenTaga href="" class="text-theme-1 dark-text-theme-10"HTMLCloseTagWhy __ I have this issue?HTMLOpenTag/aHTMLCloseTag ___________/_______________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________!-- END: Modal Content --HTMLCloseTag

Modal With Close Button

Show example code

Show Modal

   HTMLOpenTag!-- BEGIN: Modal ______ --HTMLCloseTag HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga ____=&____;__________:;&____; data-bs-toggle="modal" data-bs-target="#button-modal-preview" class="btn btn-primary"HTMLCloseTagShow ________________/_____________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Modal ______ --HTMLCloseTag HTMLOpenTag!-- BEGIN: Modal _______ --HTMLCloseTag HTMLOpenTagdiv id="button-modal-preview" class="modal ____&____; tabindex="-1" aria-hidden="true"HTMLCloseTag HTMLOpenTagdiv class="modal-dialog"HTMLCloseTag ______________ class="modal-content"HTMLCloseTag HTMLOpenTagdiv class="modal-body p-0"HTMLCloseTag ____________ data-bs-dismiss="modal" href="javascript:;" class="position-absolute end-0 ___-0 mt-3 me-3"HTMLCloseTag HTMLOpenTagi data-feather="x" _____=&____;_-8 h-8 text-gray-500"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/aHTMLCloseTag HTMLOpenTagdiv _____=&____;_-5 text-center"HTMLCloseTag HTMLOpenTagi data-feather="check-circle" class="w-16 _-16 text-theme-9 mx-auto mt-3"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTagdiv _____=&____;__-3__ mt-5"HTMLCloseTagModal ExampleHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="text-gray-600 __-2&____;_________________ with close buttonHTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ______________ class="px-5 pb-8 text-center"HTMLCloseTag HTMLOpenTagbutton ____=&____;______&____; data-bs-dismiss="modal" class="btn btn-primary w-24"HTMLCloseTagOkHTMLOpenTag/buttonHTMLCloseTag ___________/_______________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________!-- END: Modal Content --HTMLCloseTag

Static Backdrop Modal

Show example code

Show Modal

   HTMLOpenTag!-- BEGIN: Modal ______ --HTMLCloseTag HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga ____=&____;__________:;&____; data-bs-toggle="modal" data-bs-target="#static-backdrop-modal-preview" class="btn btn-primary"HTMLCloseTagShow ________________/_____________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Modal ______ --HTMLCloseTag HTMLOpenTag!-- BEGIN: Modal _______ --HTMLCloseTag HTMLOpenTagdiv id="static-backdrop-modal-preview" class="modal ____&____; data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true"HTMLCloseTag ______________ class="modal-dialog"HTMLCloseTag HTMLOpenTagdiv class="modal-content"HTMLCloseTag HTMLOpenTagdiv _____=&____;_____-____ px-5 py-10"HTMLCloseTag HTMLOpenTagdiv class="text-center"HTMLCloseTag ______________ class="mb-5"HTMLCloseTagI will not close __ you click outside me. ___'_ even try to press ______ key.HTMLOpenTag/divHTMLCloseTag HTMLOpenTagbutton type="button" data-bs-dismiss="modal" _____=&____;___ btn-primary w-24"HTMLCloseTagOkHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________/_______________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: _____ Content --HTMLCloseTag

Overlapping Modal

Show example code

Show Modal

   HTMLOpenTag!-- BEGIN: Modal ______ --HTMLCloseTag HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga ____=&____;__________:;&____; data-bs-toggle="modal" data-bs-target="#overlapping-modal-preview" class="btn btn-primary"HTMLCloseTagShow ________________/_____________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Modal ______ --HTMLCloseTag HTMLOpenTag!-- BEGIN: Modal _______ --HTMLCloseTag HTMLOpenTagdiv id="overlapping-modal-preview" class="modal ____&____; tabindex="-1" aria-hidden="true"HTMLCloseTag HTMLOpenTagdiv class="modal-dialog"HTMLCloseTag ______________ class="modal-content"HTMLCloseTag HTMLOpenTagdiv class="modal-body px-5 __-10&____;____________ HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTagdiv class="mb-5"HTMLCloseTagClick ______ bellow to show overlapping _____!___________/_______________ HTMLOpenTag!-- BEGIN: Overlapping Modal ______ --HTMLCloseTag HTMLOpenTaga href="javascript:;" data-bs-toggle="modal" ____-__-______=&____;#____-___________-_____-_______&____; class="btn btn-primary"HTMLCloseTagShow Overlapping ModalHTMLOpenTag/aHTMLCloseTag ___________!-- END: Overlapping Modal Toggle --____________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- BEGIN: Overlapping _____ Content --HTMLCloseTag HTMLOpenTagdiv id="next-overlapping-modal-preview" _____=&____;_____ fade" tabindex="-1" aria-hidden="true"HTMLCloseTag HTMLOpenTagdiv _____=&____;_____-______&____;____________ HTMLOpenTagdiv class="modal-content"HTMLCloseTag HTMLOpenTagdiv class="modal-body ____-______&____;____________ This is totally awesome ___________ modal! HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________/_______________ HTMLOpenTag!-- END: Overlapping Modal _______ --HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________/_______________ HTMLOpenTag!-- END: Modal Content --____________

Header & Footer Modal

Show example code

Show Modal

   HTMLOpenTag!-- BEGIN: Modal ______ --HTMLCloseTag HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga ____=&____;__________:;&____; data-bs-toggle="modal" data-bs-target="#header-footer-modal-preview" class="btn btn-primary"HTMLCloseTagShow ________________/_____________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Modal ______ --HTMLCloseTag HTMLOpenTag!-- BEGIN: Modal _______ --HTMLCloseTag HTMLOpenTagdiv id="header-footer-modal-preview" class="modal ____&____; tabindex="-1" aria-hidden="true"HTMLCloseTag HTMLOpenTagdiv class="modal-dialog"HTMLCloseTag ______________ class="modal-content"HTMLCloseTag HTMLOpenTag!-- BEGIN: Modal ______ --HTMLCloseTag HTMLOpenTagdiv class="modal-header"HTMLCloseTag HTMLOpenTagh2 _____=&____;__-______ fs-base me-auto"HTMLCloseTagBroadcast MessageHTMLOpenTag/h2HTMLCloseTag HTMLOpenTagbutton _____=&____;___ btn-outline-secondary d-none d-sm-flex"HTMLCloseTag HTMLOpenTagi ____-_______=&____;____&____; class="w-4 h-4 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Download ____ HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown d-sm-none"HTMLCloseTag ____________ class="dropdown-toggle w-5 h-5 d-block" ____=&____;__________:;&____; role="button" aria-expanded="false" data-bs-toggle="dropdown"HTMLCloseTag HTMLOpenTagi ____-_______=&____;____-__________&____; class="w-5 h-5 text-gray-600 dark-text-gray-600"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag ___________/_____________ HTMLOpenTagdiv class="dropdown-menu w-40"HTMLCloseTag HTMLOpenTagul _____=&____;________-_______&____;____________ HTMLOpenTagliHTMLCloseTag HTMLOpenTaga href="javascript:;" class="dropdown-item"HTMLCloseTag ____________ data-feather="file" class="w-4 h-4 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag ________ Docs HTMLOpenTag/aHTMLCloseTag HTMLOpenTag/liHTMLCloseTag HTMLOpenTag/ulHTMLCloseTag ___________/_______________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: _____ Header --HTMLCloseTag HTMLOpenTag!-- BEGIN: _____ Body --HTMLCloseTag HTMLOpenTagdiv class="modal-body ____ columns-12 gap-4 gap-y-3"HTMLCloseTag HTMLOpenTagdiv _____=&____;_-___-12 g-col-sm-6"HTMLCloseTag HTMLOpenTaglabel for="modal-form-1" class="form-label"HTMLCloseTagFromHTMLOpenTag/labelHTMLCloseTag ________________ id="modal-form-1" type="text" class="form-control" placeholder="example@gmail.com"HTMLCloseTag ___________/_______________ HTMLOpenTagdiv class="g-col-12 g-col-sm-6"HTMLCloseTag HTMLOpenTaglabel ___=&____;_____-____-2&____; class="form-label"HTMLCloseTagToHTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput id="modal-form-2" type="text" _____=&____;____-_______&____; placeholder="example@gmail.com"HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="g-col-12 _-___-__-6&____;____________ HTMLOpenTaglabel for="modal-form-3" class="form-label"HTMLCloseTagSubjectHTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput __=&____;_____-____-3&____; type="text" class="form-control" placeholder="Important Meeting"HTMLCloseTag ___________/_______________ HTMLOpenTagdiv class="g-col-12 g-col-sm-6"HTMLCloseTag HTMLOpenTaglabel ___=&____;_____-____-4&____; class="form-label"HTMLCloseTagHas the WordsHTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput __=&____;_____-____-4&____; type="text" class="form-control" placeholder="Job, Work, _____________&____;____________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="g-col-12 g-col-sm-6"HTMLCloseTag ________________ for="modal-form-5" class="form-label"HTMLCloseTagDoesn't HaveHTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput __=&____;_____-____-5&____; type="text" class="form-control" placeholder="Job, Work, _____________&____;____________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="g-col-12 g-col-sm-6"HTMLCloseTag ________________ for="modal-form-6" class="form-label"HTMLCloseTagSizeHTMLOpenTag/labelHTMLCloseTag HTMLOpenTagselect id="modal-form-6" _____=&____;____-______&____;____________ HTMLOpenTagoptionHTMLCloseTag10HTMLOpenTag/optionHTMLCloseTag HTMLOpenTagoptionHTMLCloseTag25HTMLOpenTag/optionHTMLCloseTag HTMLOpenTagoptionHTMLCloseTag35HTMLOpenTag/optionHTMLCloseTag HTMLOpenTagoptionHTMLCloseTag50HTMLOpenTag/optionHTMLCloseTag ___________/__________________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: _____ Body --HTMLCloseTag HTMLOpenTag!-- BEGIN: _____ Footer --HTMLCloseTag HTMLOpenTagdiv class="modal-footer ____-___&____;____________ HTMLOpenTagbutton type="button" data-bs-dismiss="modal" class="btn ___-_______-_________ w-20 me-1"HTMLCloseTagCancelHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton type="button" _____=&____;___ btn-primary w-20"HTMLCloseTagSendHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- ___: Modal Footer --HTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________/_______________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Modal _______ --HTMLCloseTag

Delete Modal

Show example code

Show Modal

   HTMLOpenTag!-- BEGIN: Modal ______ --HTMLCloseTag HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga ____=&____;__________:;&____; data-bs-toggle="modal" data-bs-target="#delete-modal-preview" class="btn btn-primary"HTMLCloseTagShow ________________/_____________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Modal ______ --HTMLCloseTag HTMLOpenTag!-- BEGIN: Modal _______ --HTMLCloseTag HTMLOpenTagdiv id="delete-modal-preview" class="modal ____&____; tabindex="-1" aria-hidden="true"HTMLCloseTag HTMLOpenTagdiv class="modal-dialog"HTMLCloseTag ______________ class="modal-content"HTMLCloseTag HTMLOpenTagdiv class="modal-body p-0"HTMLCloseTag ______________ class="p-5 text-center"HTMLCloseTag HTMLOpenTagi data-feather="x-circle" _____=&____;_-16 h-16 text-theme-6 mx-auto mt-3"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag ______________ class="fs-3xl mt-5"HTMLCloseTagAre you sure?HTMLOpenTag/divHTMLCloseTag ______________ class="text-gray-600 mt-2"HTMLCloseTagDo you really ____ to delete these records? _____________________________ process cannot be undone.HTMLOpenTag/divHTMLCloseTag ___________/_______________ HTMLOpenTagdiv class="px-5 pb-8 text-center"HTMLCloseTag _________________ type="button" data-bs-dismiss="modal" class="btn btn-outline-secondary _-24 me-1"HTMLCloseTagCancelHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton type="button" class="btn ___-______ w-24"HTMLCloseTagDeleteHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________/_______________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Modal _______ --HTMLCloseTag

Success Modal

Show example code

Show Modal

   HTMLOpenTag!-- BEGIN: Modal ______ --HTMLCloseTag HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga ____=&____;__________:;&____; data-bs-toggle="modal" data-bs-target="#success-modal-preview" class="btn btn-primary"HTMLCloseTagShow ________________/_____________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Modal ______ --HTMLCloseTag HTMLOpenTag!-- BEGIN: Modal _______ --HTMLCloseTag HTMLOpenTagdiv id="success-modal-preview" class="modal ____&____; tabindex="-1" aria-hidden="true"HTMLCloseTag HTMLOpenTagdiv class="modal-dialog"HTMLCloseTag ______________ class="modal-content"HTMLCloseTag HTMLOpenTagdiv class="modal-body p-0"HTMLCloseTag ______________ class="p-5 text-center"HTMLCloseTag HTMLOpenTagi data-feather="check-circle" _____=&____;_-16 h-16 text-theme-9 mx-auto mt-3"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag ______________ class="fs-3xl mt-5"HTMLCloseTagGood job!HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv _____=&____;____-____-600 mt-2"HTMLCloseTagYou clicked the button!HTMLOpenTag/divHTMLCloseTag ___________/_______________ HTMLOpenTagdiv class="px-5 pb-8 text-center"HTMLCloseTag _________________ type="button" data-bs-dismiss="modal" class="btn btn-primary _-24&____;_________________________/__________________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________/_______________ HTMLOpenTag!-- END: Modal Content --____________

Tiny Slider Modal

Show example code

Show Modal

   HTMLOpenTag!-- BEGIN: Modal ______ --HTMLCloseTag HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga ____=&____;__________:;&____; data-bs-toggle="modal" data-bs-target="#tiny-slider-modal-preview" class="btn btn-primary"HTMLCloseTagShow ________________/_____________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Modal ______ --HTMLCloseTag HTMLOpenTag!-- BEGIN: Modal _______ --HTMLCloseTag HTMLOpenTagdiv id="tiny-slider-modal-preview" class="modal ____&____; tabindex="-1" aria-hidden="true"HTMLCloseTag HTMLOpenTagdiv class="modal-dialog"HTMLCloseTag ______________ class="modal-content"HTMLCloseTag HTMLOpenTagdiv class="modal-body"HTMLCloseTag HTMLOpenTagdiv _____=&____;__-6&____;____________ HTMLOpenTagdiv class="center-mode"HTMLCloseTag HTMLOpenTagdiv class="h-56 __-2&____;____________ HTMLOpenTagdiv class="h-full image-fit rounded-2 ________-______&____;____________ HTMLOpenTagimg alt="Rubick Bootstrap HTML _____ Template" src="dist/images/preview-4.jpg" /HTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________/_______________ HTMLOpenTagdiv class="h-56 px-2"HTMLCloseTag HTMLOpenTagdiv _____=&____;_-____ image-fit rounded-2 overflow-hidden"HTMLCloseTag HTMLOpenTagimg ___=&____;______ Bootstrap HTML Admin Template" ___=&____;____/______/_______-8.___&____; /HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv _____=&____;_-56 px-2"HTMLCloseTag HTMLOpenTagdiv class="h-full image-fit _______-2 overflow-hidden"HTMLCloseTag HTMLOpenTagimg alt="Rubick Bootstrap ____ Admin Template" src="dist/images/preview-7.jpg" /HTMLCloseTag ___________/_______________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="h-56 px-2"HTMLCloseTag ______________ class="h-full image-fit rounded-2 overflow-hidden"HTMLCloseTag ______________ alt="Rubick Bootstrap HTML Admin ________&____; src="dist/images/preview-11.jpg" /HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________/_______________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________/_______________ HTMLOpenTag!-- END: Modal Content --____________

Dark Mode