[400] | 1 | <!doctype html> |
---|
| 2 | <html> |
---|
| 3 | <head> |
---|
| 4 | <meta charset="utf-8"> |
---|
| 5 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
---|
| 6 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
---|
| 7 | <title>404 ERROR</title> |
---|
| 8 | <!-- EXTERNAL STYLESHEETS --> |
---|
| 9 | <!-- ANIMATION --> |
---|
| 10 | <link href="assets/css/animation-404.css" rel="stylesheet" type="text/css"> |
---|
| 11 | <!-- MAIN STYLESHEETS --> |
---|
| 12 | <link rel="stylesheet" href="assets/css/main-404.css"> |
---|
| 13 | </head> |
---|
| 14 | <body cz-shortcut-listen="true"> |
---|
| 15 | <!-- ANIMATION --> |
---|
| 16 | <div class="fix-wrp"> |
---|
| 17 | <div class="animate-wrp" style="width: 1280px; height: 939px;"> |
---|
| 18 | <div class="sky"> |
---|
| 19 | <div class="car-wheels"></div> |
---|
| 20 | <div class="car"> |
---|
| 21 | <div class="msg"><b><span>Há»ng!</span>Có lẜ mình bá» lạc ÄÆ°á»ng.</b></div> |
---|
| 22 | </div> |
---|
| 23 | <div class="car-wheels c1"></div> |
---|
| 24 | <div class="car1 c1"></div> |
---|
| 25 | <div class="cloud"></div> |
---|
| 26 | <div class="cloud2"></div> |
---|
| 27 | <div class="cloud1"></div> |
---|
| 28 | <div class="grass1"></div> |
---|
| 29 | <div class="grass"></div> |
---|
| 30 | <div class="grass2"></div> |
---|
| 31 | <div class="mountain"></div> |
---|
| 32 | <div class="mountain1"></div> |
---|
| 33 | <div class="tree"></div> |
---|
| 34 | <div class="tree-front"></div> |
---|
| 35 | <div class="road"></div> |
---|
| 36 | <div class="road-front"></div> |
---|
| 37 | </div> |
---|
| 38 | </div> |
---|
| 39 | </div> |
---|
| 40 | <!--/animate-wrp --> |
---|
| 41 | |
---|
| 42 | <!-- MAIN WRAPPER --> |
---|
| 43 | <div class="main-wrapper" style="width: 1280px; height: 939px;"> |
---|
| 44 | <!-- CONTAINER --> |
---|
| 45 | <div class="container"> |
---|
| 46 | |
---|
| 47 | <!-- ERROR TITLE --> |
---|
| 48 | <div class="outer-wrapper">404<span>KhÎng tìm thấy</span></div> |
---|
| 49 | <!--/outer-wrapper --> |
---|
| 50 | |
---|
| 51 | <!-- SORRY --> |
---|
| 52 | <div class="message"> |
---|
| 53 | <p>Trang bạn vừa truy cáºp hiá»n khÃŽng tá»n tại.</p><br> |
---|
| 54 | </div> |
---|
| 55 | |
---|
| 56 | <!-- NAVIGATION LINKS --> |
---|
| 57 | <div class="nav-wrapper"> |
---|
| 58 | <a href="frontend-home.html">Trang chá»§</a> |
---|
| 59 | <a href="">Violet Online</a> |
---|
| 60 | <a href="">Liên há» giúp Äỡ</a> |
---|
| 61 | </div> |
---|
| 62 | <!--/nav-wrapper --> |
---|
| 63 | </div> |
---|
| 64 | <!--/container --> |
---|
| 65 | </div> |
---|
| 66 | <!--/main-wrapper --> |
---|
| 67 | |
---|
| 68 | <!-- COMMON SCRIPT --> |
---|
| 69 | <script src="assets/js/jquery-2.0.3.min.js"></script> |
---|
| 70 | <script> |
---|
| 71 | function mainWindow(){ |
---|
| 72 | $(".main-wrapper").css({ |
---|
| 73 | width: $('html').width(), |
---|
| 74 | height: $('html').height() > $(window).height() ? $('html').height() : $(window).height() |
---|
| 75 | }); |
---|
| 76 | } |
---|
| 77 | $(document).ready(function() {mainWindow();}); |
---|
| 78 | $(window).resize(function(event) {mainWindow();}); |
---|
| 79 | |
---|
| 80 | function animateWindow(){ |
---|
| 81 | $(".animate-wrp").css({ |
---|
| 82 | width: $(window).width(), |
---|
| 83 | height: $('.main-wrapper').height() |
---|
| 84 | }); |
---|
| 85 | } |
---|
| 86 | $(document).ready(function() {animateWindow();}); |
---|
| 87 | $(window).resize(function(event) {animateWindow();}); |
---|
| 88 | </script> |
---|
| 89 | |
---|
| 90 | </body> |
---|
| 91 | </html> |
---|