UERN/modals.html at master · dexitional/UERN · GitHub

1
2
<!DOCTYPE html>
<html lang="zxx" class="js"><head><meta charset="utf-8"><meta name="author" content="Softnio"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Fully featured and complete ICO Dashboard template for ICO backend management."><!-- Fav Icon --><link rel="shortcut icon" href="images/favicon.png"><!-- Site Title  --><title>TokenWiz - ICO User Dashboard Admin Template</title><!-- Vendor Bundle CSS --><link rel="stylesheet" href="assets/css/vendor.bundle.css?ver=104"><!-- Custom styles for this template --><link rel="stylesheet" href="assets/css/style.css?ver=104" id="layoutstyle"><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-91615293-2', 'auto');ga('send', 'pageview');</script></head><body class="page-user"><div class="topbar-wrap"><div class="topbar is-sticky"><div class="container"><div class="d-flex justify-content-between align-items-center"><ul class="topbar-nav d-lg-none"><li class="topbar-nav-item relative"><a class="toggle-nav" href="#"><div class="toggle-icon"><span class="toggle-line"></span><span class="toggle-line"></span><span class="toggle-line"></span><span class="toggle-line"></span></div></a></li><!-- .topbar-nav-item --></ul><!-- .topbar-nav --><a class="topbar-logo" href="./"><img src="images/logo-light2x.png" srcset="images/logo-light2x.png 2x" alt="logo"></a><ul class="topbar-nav"><li class="topbar-nav-item relative"><span class="user-welcome d-none d-lg-inline-block">Welcome! Stefan Harary</span><a class="toggle-tigger user-thumb" href="#"><em class="ti ti-user"></em></a><div class="toggle-class dropdown-content dropdown-content-right dropdown-arrow-right user-dropdown"><div class="user-status"><h6 class="user-status-title">Token balance</h6><div class="user-status-balance">12,000,000 <small>TWZ</small></div></div><ul class="user-links"><li><a href="profile.html"><i class="ti ti-id-badge"></i>My Profile</a></li><li><a href="#"><i class="ti ti-infinite"></i>Referral</a></li><li><a href="activity.html"><i class="ti ti-eye"></i>Activity</a></li></ul><ul class="user-links bg-light"><li><a href="sign-in.html"><i class="ti ti-power-off"></i>Logout</a></li></ul></div></li><!-- .topbar-nav-item --></ul><!-- .topbar-nav --></div></div><!-- .container --></div><!-- .topbar --><div class="navbar"><div class="container"><div class="navbar-innr"><ul class="navbar-menu"><li><a href="index.html"><em class="ikon ikon-dashboard"></em> Dashboard</a></li><li><a href="buy-token.html"><em class="ikon ikon-coins"></em> Buy Tokens</a></li><li><a href="ico-distribution.html"><em class="ikon ikon-distribution"></em> ICO Distribution</a></li><li><a href="transactions.html"><em class="ikon ikon-transactions"></em> Transactions</a></li><li><a href="profile.html"><em class="ikon ikon-user"></em> Profile</a></li><li class="has-dropdown page-links-all"><a class="drop-toggle" href="#"><em class="ikon ikon-exchange"></em> Pages</a><ul class="navbar-dropdown"><li class="has-dropdown"><a class="drop-toggle" href="#">Dashboards</a><ul class="navbar-dropdown"><li><a href="index.html">Dashboard v1</a></li><li><a href="index-v2.html">Dashboard v2 <span class="badge badge-warning">New</span></a></li></ul></li><li class="has-dropdown"><a class="drop-toggle" href="#">UI Elements</a><ul class="navbar-dropdown"><li><a href="form-elements.html">Form Elements</a></li><li><a href="form-layout.html">Form Layout</a></li><li><a href="form-validation.html">Form Validation <span class="badge badge-danger">Hot</span></a></li><li><a href="form-wizard.html">Form Wizard <span class="badge badge-danger">Hot</span></a></li><li><a href="buttons.html">Button</a></li><li><a href="badges.html">Badge</a></li><li><a href="cards.html">Cards</a></li><li><a href="tabs.html">Tabs</a></li><li><a href="accordions.html">Accordions</a></li><li><a href="modals.html">Modals</a></li><li><a href="alerts.html">Alerts</a></li><li><a href="alert-toastr.html">Toastr Alerts</a></li><li><a href="alert-sweat.html">Sweat Alerts <span class="badge badge-danger">Hot</span></a></li></ul></li><li class="has-dropdown"><a class="drop-toggle" href="#">Misc Pages</a><ul class="navbar-dropdown"><li><a href="404-error.html">404 Error</a></li><li><a href="sign-in.html">Sign In / Login</a></li><li><a href="sign-up.html">Sign Up / Registration</a></li><li><a href="signup-success.html">Signup Success</a></li><li><a href="email-verified.html">Email Verified</a></li><li><a href="forgot.html">Forgot Password</a></li><li><a href="faq-page.html">Faq Page</a></li><li><a href="regular-page.html">Regular Page - v1</a></li><li><a href="regular-page-v2.html">Regular Page - v2</a></li><li><a href="timeline.html">Timeline <span class="badge badge-warning">New</span></a></li><li><a href="thank-you.html">Thank You</a></li><li><a href="_blank.html">Blank Page</a></li></ul></li><li class="has-dropdown"><a class="drop-toggle" href="#">KYC / AML</a><ul class="navbar-dropdown"><li><a href="kyc-application.html">KYC Default</a></li><li><a href="kyc-form.html">KYC Form</a></li><li><a href="kyc-thank-you.html">KYC Thank You</a></li><li><a href="kyc-list.html">KYC Lists - Admin</a></li><li><a href="kyc-details.html">KYC Details - Admin</a></li></ul></li><li class="has-dropdown"><a class="drop-toggle" href="#">User Pages</a><ul class="navbar-dropdown"><li><a href="profile.html">Profile Page</a></li><li><a href="activity.html">User Activity <span class="badge badge-warning">New</span></a></li><li><a href="user-list-sidebar.html">User List - Sidebar <span class="badge badge-warning">New</span></a></li><li><a href="user-list.html">User List - Admin</a></li><li><a href="user-details.html">User Details - Admin</a></li></ul></li><li class="has-dropdown"><a class="drop-toggle" href="#">Transactions</a><ul class="navbar-dropdown"><li><a href="transactions.html">Transactions - User</a></li><li><a href="admin-transactions.html">Transactions - Admin</a></li><li><a href="transaction-details.html">Transaction Details</a></li></ul></li><li class="has-dropdown"><a class="drop-toggle" href="#">Token Purchase</a><ul class="navbar-dropdown"><li><a href="buy-token.html">Buy Token - Modern</a></li><li><a href="buy-token-s2.html">Buy Token - Simple</a></li></ul></li><li><a href="chat.html">Chat App <span class="badge badge-warning">New</span> <span class="badge badge-danger">Hot</span></a></li><li><a href="email-templates.html">Email Templates <span class="badge badge-success">Free</span></a></li></ul></li></ul><ul class="navbar-btns"><li><a href="kyc-application.html" class="btn btn-sm btn-outline btn-light"><em class="text-primary ti ti-files"></em><span>KYC Application</span></a></li><li class="d-none"><span class="badge badge-outline badge-success badge-lg"><em class="text-success ti ti-files mgr-1x"></em><span class="text-success">KYC Approved</span></span></li></ul></div><!-- .navbar-innr --></div><!-- .container --></div><!-- .navbar --></div><!-- .topbar-wrap --><div class="page-content"><div class="container"><div class="content-area card"><div class="card-innr card-innr-fix"><div class="card-head"><h6 class="card-title">Modal Size</h6></div><div class="gaps-1x"></div><p>To define modal size. You Need to use extra class with <code>.modal-dialog</code> , For Example <code>.modal-dialog-lg</code> for large modal</p><div class="gaps-1x"></div><div class="row align-items-center guttar-vr-40px"><div class="col-sm-6 col-lg-3"><code>.modal-dialog-sm</code></div><div class="col-sm-6 col-lg-3"><a href="#" data-toggle="modal" data-target="#modal-small" class="btn btn-primary">Modal Small</a></div></div><div class="row align-items-center guttar-vr-40px"><div class="col-sm-6 col-lg-3"><code>.modal-dialog-md</code></div><div class="col-sm-6 col-lg-3"><a href="#" data-toggle="modal" data-target="#modal-medium" class="btn btn-primary">Modal Medium</a></div></div><div class="row align-items-center guttar-vr-40px"><div class="col-sm-6 col-lg-3"><code>.modal-dialog-lg</code></div><div class="col-sm-6 col-lg-3"><a href="#" data-toggle="modal" data-target="#modal-large" class="btn btn-primary">Modal Large</a></div></div><div class="hr"></div><div class="card-head"><h6 class="card-title">Modal Position</h6></div><div class="gaps-1x"></div><p>To define modal Position. You Need to use extra class with <code>.modal-dialog</code> , For Example <code>.modal-dialog-centered</code> for centered modal</p><div class="gaps-1x"></div><div class="row align-items-center guttar-vr-40px"><div class="col-sm-6 col-lg-3"><code>.modal-dialog-top</code></div><div class="col-sm-6 col-lg-3"><a href="#" data-toggle="modal" data-target="#modal-top" class="btn btn-primary">Modal Top</a></div></div><div class="row align-items-center guttar-vr-40px"><div class="col-sm-6 col-lg-3"><code>.modal-dialog-centered</code></div><div class="col-sm-6 col-lg-3"><a href="#" data-toggle="modal" data-target="#modal-centered" class="btn btn-primary">Modal Centered</a></div></div><div class="row align-items-center guttar-vr-40px"><div class="col-sm-6 col-lg-3"><code>.modal-dialog-bottom</code></div><div class="col-sm-6 col-lg-3"><a href="#" data-toggle="modal" data-target="#modal-bottom" class="btn btn-primary">Modal Bottom</a></div></div></div></div><!-- .card --></div><!-- .container --></div><!-- .page-content --><div class="footer-bar"><div class="container"><div class="row align-items-center justify-content-center"><div class="col-md-8"><ul class="footer-links"><li><a href="#">Whitepaper</a></li><li><a href="faq-page.html">FAQs</a></li><li><a href="regular-page.html">Privacy Policy</a></li><li><a href="regular-page.html">Terms of Condition</a></li></ul></div><!-- .col --><div class="col-md-4 mt-2 mt-sm-0"><div class="d-flex justify-content-between justify-content-md-end align-items-center guttar-25px pdt-0-5x pdb-0-5x"><div class="copyright-text">&copy; 2018 TokenWiz.</div><div class="lang-switch relative"><a href="#" class="lang-switch-btn toggle-tigger">En <em class="ti ti-angle-up"></em></a><div class="toggle-class dropdown-content dropdown-content-up"><ul class="lang-list"><li><a href="#">Fr</a></li><li><a href="#">Bn</a></li><li><a href="#">Lt</a></li></ul></div></div></div></div><!-- .col --></div><!-- .row --></div><!-- .container --></div><!-- .footer-bar --><!-- Modal Top --><div class="modal fade" id="modal-top" tabindex="-1"><div class="modal-dialog modal-dialog-sm"><div class="modal-content"><a href="#" class="modal-close" data-dismiss="modal" aria-label="Close"><em class="ti ti-close"></em></a><div class="popup-body"><h3 class="popup-title">Modal Top</h3><p>One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked.</p></div></div><!-- .modal-content --></div><!-- .modal-dialog --></div><!-- Modal End --><!-- Modal Centered --><div class="modal fade" id="modal-centered" tabindex="-1"><div class="modal-dialog modal-dialog-sm modal-dialog-centered"><div class="modal-content"><a href="#" class="modal-close" data-dismiss="modal" aria-label="Close"><em class="ti ti-close"></em></a><div class="popup-body"><h3 class="popup-title">Modal Centered</h3><p>One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked.</p></div></div><!-- .modal-content --></div><!-- .modal-dialog --></div><!-- Modal End --><!-- Modal Bottom --><div class="modal fade" id="modal-bottom" tabindex="-1"><div class="modal-dialog modal-dialog-sm modal-dialog-bottom"><div class="modal-content"><a href="#" class="modal-close" data-dismiss="modal" aria-label="Close"><em class="ti ti-close"></em></a><div class="popup-body"><h3 class="popup-title">Modal Bottom</h3><p>One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked.</p></div></div><!-- .modal-content --></div><!-- .modal-dialog --></div><!-- Modal End --><!-- Modal Small --><div class="modal fade" id="modal-small" tabindex="-1"><div class="modal-dialog modal-dialog-sm modal-dialog-centered"><div class="modal-content"><a href="#" class="modal-close" data-dismiss="modal" aria-label="Close"><em class="ti ti-close"></em></a><div class="popup-body"><h3 class="popup-title">Small Modal</h3><p>One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked.</p></div></div><!-- .modal-content --></div><!-- .modal-dialog --></div><!-- Modal End --><!-- Modal Medium --><div class="modal fade" id="modal-medium" tabindex="-1"><div class="modal-dialog modal-dialog-md modal-dialog-centered"><div class="modal-content"><a href="#" class="modal-close" data-dismiss="modal" aria-label="Close"><em class="ti ti-close"></em></a><div class="popup-body"><h3 class="popup-title">Medium Modal</h3><p>One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked.</p><p>He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. "What's happened to me?" he thought. It wasn't a dream. His room, a proper human room although a little too small, lay peacefully between its four familiar walls. A collection of textile samples lay spread out on the table - Samsa was a travelling salesman - and above it there hung a picture that he had recently cut out of an illustrated magazine and housed in a nice, gilded frame. It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer. Gregor then turned to look out the window at the dull weather.</p></div></div><!-- .modal-content --></div><!-- .modal-dialog --></div><!-- Modal End --><!-- Modal Large --><div class="modal fade" id="modal-large" tabindex="-1"><div class="modal-dialog modal-dialog-lg modal-dialog-centered"><div class="modal-content"><a href="#" class="modal-close" data-dismiss="modal" aria-label="Close"><em class="ti ti-close"></em></a><div class="popup-body popup-body-lg"><h3 class="popup-title">Large Modal</h3><p>One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked.</p><p>He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. "What's happened to me?" he thought. It wasn't a dream. His room, a proper human room although a little too small, lay peacefully between its four familiar walls. A collection of textile samples lay spread out on the table - Samsa was a travelling salesman - and above it there hung a picture that he had recently cut out of an illustrated magazine and housed in a nice, gilded frame. It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer. Gregor then turned to look out the window at the dull weather.</p></div></div><!-- .modal-content --></div><!-- .modal-dialog --></div><!-- Modal End --><!-- JavaScript (include all script here) --><script src="assets/js/jquery.bundle.js?ver=104"></script><script src="assets/js/script.js?ver=104"></script><script src="assets/js/toastr.examples.js?ver=104"></script></body></html>