1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- <div class="common-bg">
- <div class="common-font">
- Logout out
- </div>
- </div>
- <div id="content-container" class="container">
- <div class="user-section login-section">
- <div class="login-main">
- <div class="logout-item">
- <div class="form-group">
- <div class="controls">
- <img src="__CDN__/assets/img/index/logo-black.png" alt="">
- </div>
- </div>
- <div class="form-group logout-text-item">
- <div class="controls logout-text">
- Logout out
- </div>
- <div class="controls logout-content">
- Page will jump
- </div>
- <div class="controls mt-2 logout-backwards">
- This page will be re-directed in <span id="wait">3</span>s seconds
- </div>
- </div>
- <!--@IndexLoginFormEnd-->
- </div>
- <div class="form-group">
- <a href="{:url('/')}" class="btn btn-default btn-lg btn-block mt-3 no-border">Jump Now</a>
- </div>
- </div>
- </div>
- </div>
- <script type="text/javascript">
- (function () {
- var wait = document.getElementById('wait');
- var interval = setInterval(function () {
- var time = --wait.innerHTML;
- if (time <= 0) {
- location.href = "/";
- clearInterval(interval);
- }
- }, 1000);
- })();
- </script>
- <style>
- .logout-item {
- display: flex;
- flex-direction: column;
- align-items: center;
- }
- .logout-text-item {
- margin-top: 30px;
- margin-bottom: 40px;
- display: flex;
- flex-direction: column;
- align-items: center;
- }
- .logout-text {
- font-size: 18px;
- color: rgba(50,50,50,0.85);
- text-align: right;
- line-height: 22px;
- font-weight: 400;
- margin-bottom: 10px;
- }
- .logout-content {
- font-size: 14px;
- color: rgba(139,139,139,0.85);
- text-align: right;
- line-height: 22px;
- font-weight: 400;
- }
- .logout-backwards {
- font-weight: bold;
- }
- </style>
|