CINXE.COM
404 Not Found
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <title>404 Not Found</title> <link rel="stylesheet" href="https://b6adc309cb583410ebe3-877d2ecaf11b88d5e17327c758e17ef6.r98.cf2.rackcdn.com/museo-sans-1.0.1/css/museo-sans.css"> <style type="text/css"> body { font-family: "MuseoSans",Helvetica,Arial,sans-serif; } .main-container { width: 700px; height: 300px; display: inline-block; position: absolute; left: calc(50vw - 350px); top: calc(50vh - 150px); } .main-container .container-message { width: 72%; float: right; } .main-container .container-warning-icon { width: 28%; float: right; } .error-message { font-size: 25px; line-height: 25px; font-weight: 700; color: #c9243f; padding: 50px 20px 20px 0; } .maintenace-message { font-size: 18px; line-height: 28px; font-weight: 300; color: #020202; padding: 0 20px 0 0; } .frontiers-logo { margin: 0; height: 74px; width: 263px; background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI4Mi40cHgiIGhlaWdodD0iNzkuMXB4IiB2aWV3Qm94PSIwIDAgMjgyLjQgNzkuMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjgyLjQgNzkuMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBvbHlnb24gc3R5bGU9ImZpbGw6IzhBQzY1MDsiIHBvaW50cz0iMC4xLDM5IDAsNjYuOSAyNi4xLDU4LjggMjYuMiwzMC45ICIvPg0KPHBvbHlnb24gc3R5bGU9ImZpbGw6I0ZDQjgxMzsiIHBvaW50cz0iMjYuMSw1OC44IDI2LjIsMzAuOSA0My45LDQzIDQzLjgsNzAuOSAiLz4NCjxwb2x5Z29uIHN0eWxlPSJmaWxsOiMwMDM4NkM7IiBwb2ludHM9IjAsNjYuOSAxNy43LDc5LjEgNDMuOCw3MC45IDI2LjEsNTguOCAiLz4NCjxwb2x5Z29uIHN0eWxlPSJmaWxsOiM1NDMwN0E7IiBwb2ludHM9IjI1LjYsMjkuNSAzMi43LDEzLjIgNDEuOCwzNC43IDM0LjcsNTAuOSAiLz4NCjxwb2x5Z29uIHN0eWxlPSJmaWxsOiMwMDlEQzY7IiBwb2ludHM9IjM0LjcsNTAuOSA0MS44LDM0LjcgNjUuNywzMC44IDU4LjcsNDYuOSAiLz4NCjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNGNDgyNTY7IiBwb2ludHM9IjQxLjgsMzQuNyAzMi43LDEzLjIgNTYuNiw5LjMgNjUuNywzMC44ICIvPg0KPHBvbHlnb24gc3R5bGU9ImZpbGw6I0M4MjQzRjsiIHBvaW50cz0iMjYuMiwzMC45IDguNCwyNy41IDYuMyw5LjkgMjQuMSwxMy4yICIvPg0KPHBvbHlnb24gc3R5bGU9ImZpbGw6IzZCQzhDNjsiIHBvaW50cz0iMTYuMSwwIDYuMyw5LjkgMjQuMSwxMy4yIDMzLjksMy40ICIvPg0KPHBvbHlnb24gc3R5bGU9ImZpbGw6IzM3ODU0QjsiIHBvaW50cz0iMzYsMjEuMSAyNi4yLDMwLjkgMjQuMSwxMy4yIDMzLjksMy40ICIvPg0KPGc+DQoJPGRlZnM+DQoJCTxyZWN0IGlkPSJTVkdJRF8xXyIgd2lkdGg9IjI4Mi40IiBoZWlnaHQ9Ijc5LjEiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF8yXyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgc3R5bGU9Im92ZXJmbG93OnZpc2libGU7Ii8+DQoJPC9jbGlwUGF0aD4NCgk8cGF0aCBzdHlsZT0iY2xpcC1wYXRoOnVybCgjU1ZHSURfMl8pO2ZpbGw6IzZENkU3MDsiIGQ9Ik03Ni44LDQ2LjloLTQuM3YtNS44aDQuM2MwLTcuOSwyLjctMTAuMywxMC40LTEwLjNjMS40LDAsMi45LDAuMSw0LjMsMC4yDQoJCXY2LjNjLTAuOC0wLjEtMS42LTAuMi0yLjQtMC4yYy0yLjEsMC0zLjMsMC4zLTMuMywyLjd2MS4yaDUuNHY1LjhoLTUuNHYyMS42aC05VjQ2Ljl6Ii8+DQoJPHBhdGggc3R5bGU9ImNsaXAtcGF0aDp1cmwoI1NWR0lEXzJfKTtmaWxsOiM2RDZFNzA7IiBkPSJNOTIuOSw0MS4xaDguN3Y0LjhoMC4xYzEuMy0zLjUsNC40LTUuMyw4LjItNS4zYzAuNywwLDEuNCwwLjEsMi4xLDAuMlY0OQ0KCQljLTEuMi0wLjMtMi4yLTAuNS0zLjQtMC41Yy00LjQsMC02LjgsMy4xLTYuOCw2LjV2MTMuNmgtOVY0MS4xeiIvPg0KCTxwYXRoIHN0eWxlPSJjbGlwLXBhdGg6dXJsKCNTVkdJRF8yXyk7ZmlsbDojNkQ2RTcwOyIgZD0iTTEyNi42LDQwLjNjOC41LDAsMTQuNSw2LjMsMTQuNSwxNC41YzAsOC4yLTYsMTQuNS0xNC41LDE0LjUNCgkJYy04LjUsMC0xNC40LTYuMi0xNC40LTE0LjVDMTEyLjIsNDYuNiwxMTguMSw0MC4zLDEyNi42LDQwLjMgTTEyNi42LDYyLjRjNC4yLDAsNS41LTQuMSw1LjUtNy42cy0xLjMtNy43LTUuNS03LjcNCgkJYy00LjIsMC01LjQsNC4yLTUuNCw3LjdTMTIyLjUsNjIuNCwxMjYuNiw2Mi40Ii8+DQoJPHBhdGggc3R5bGU9ImNsaXAtcGF0aDp1cmwoI1NWR0lEXzJfKTtmaWxsOiM2RDZFNzA7IiBkPSJNMTQyLjksNDEuMWg4Ljd2My44aDAuMWMxLjYtMi44LDUuMy00LjUsOC42LTQuNWM5LjEsMCw5LjksNi43LDkuOSwxMC42DQoJCXYxNy42aC05VjU1LjNjMC0zLjgsMC40LTcuNi00LjUtNy42Yy0zLjQsMC00LjksMi45LTQuOSw1Ljl2MTVoLTlWNDEuMXoiLz4NCgk8cGF0aCBzdHlsZT0iY2xpcC1wYXRoOnVybCgjU1ZHSURfMl8pO2ZpbGw6IzZENkU3MDsiIGQ9Ik0xOTAuNSw0Ni45aC01LjZ2MTIuNWMwLDIuMiwxLjMsMi42LDMuMiwyLjZjMC43LDAsMS41LTAuMSwyLjMtMC4xdjYuNg0KCQljLTEuNiwwLjEtMy4zLDAuMy00LjksMC4zYy03LjcsMC05LjYtMi4yLTkuNi05LjdWNDYuOWgtNC41di01LjhoNC41di04LjNoOXY4LjNoNS42VjQ2Ljl6Ii8+DQoJPHBhdGggc3R5bGU9ImNsaXAtcGF0aDp1cmwoI1NWR0lEXzJfKTtmaWxsOiM2RDZFNzA7IiBkPSJNMjAxLjYsMzcuNmgtOXYtNi45aDlWMzcuNnogTTE5Mi42LDQxLjFoOXYyNy40aC05VjQxLjF6Ii8+DQoJPHBhdGggc3R5bGU9ImNsaXAtcGF0aDp1cmwoI1NWR0lEXzJfKTtmaWxsOiM2RDZFNzA7IiBkPSJNMjEyLjgsNTdjMC4yLDMuOCwyLjMsNi4yLDYuMSw2LjJjMi4yLDAsNC4zLTEsNS4xLTNoOC40DQoJCWMtMS42LDYuMy03LjUsOS4xLTEzLjYsOS4xYy04LjksMC0xNS01LjQtMTUtMTQuNmMwLTguNCw2LjctMTQuNCwxNC44LTE0LjRjOS44LDAsMTQuOCw3LjQsMTQuMywxNi43SDIxMi44eiBNMjI0LDUyDQoJCWMtMC4yLTMuMS0yLjMtNS42LTUuMy01LjZjLTMuMiwwLTUuMywyLjMtNS44LDUuNkgyMjR6Ii8+DQoJPHBhdGggc3R5bGU9ImNsaXAtcGF0aDp1cmwoI1NWR0lEXzJfKTtmaWxsOiM2RDZFNzA7IiBkPSJNMjM1LjIsNDEuMWg4Ljd2NC44aDAuMWMxLjMtMy41LDQuNC01LjMsOC4yLTUuM2MwLjcsMCwxLjQsMC4xLDIuMSwwLjINCgkJVjQ5Yy0xLjItMC4zLTIuMi0wLjUtMy40LTAuNWMtNC40LDAtNi44LDMuMS02LjgsNi41djEzLjZoLTlWNDEuMXoiLz4NCgk8cGF0aCBzdHlsZT0iY2xpcC1wYXRoOnVybCgjU1ZHSURfMl8pO2ZpbGw6IzZENkU3MDsiIGQ9Ik0yNjQuNCw1OS41YzAsMS40LDAuNiwyLjQsMS41LDMuMWMwLjgsMC42LDIuMSwxLDMuMywxDQoJCWMxLjcsMCw0LjItMC43LDQuMi0yLjljMC0yLjEtMi44LTIuNS00LjQtMi45Yy01LjctMS40LTEyLjctMS42LTEyLjctOWMwLTYuNiw3LjEtOC40LDEyLjUtOC40YzYsMCwxMi4zLDEuNywxMi42LDguOWgtOC4zDQoJCWMwLTEuMi0wLjQtMS45LTEuMi0yLjRzLTEuNy0wLjctMi45LTAuN2MtMS41LDAtMy45LDAuMi0zLjksMi4xYzAsMi42LDYsMy4xLDEwLjIsNGM1LjYsMS4xLDcsNS4xLDcsNy40YzAsNy4zLTcsOS44LTEzLjIsOS44DQoJCWMtNi41LDAtMTMuMi0yLjItMTMuNC05LjhIMjY0LjR6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat top left; background-size: contain; } .warning-icon { width: 152px; height: 124px; margin: 50px 0 auto auto; background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTUyIDEyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTUyIDEyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNDOTI0M0Y7IiBkPSJNNzYsMTEuNkwxNDAuNCwxMThIMTEuNkw3NiwxMS42IE03NiwwTDEsMTI0aDE1MEw3NiwwTDc2LDB6Ii8+DQo8cmVjdCAgeD0iNzMiIHk9IjQ5IiBzdHlsZT0iZmlsbDojQzcyMzNFOyIgd2lkdGg9IjYiIGhlaWdodD0iMzUiLz4NCjxjaXJjbGUgIHN0eWxlPSJmaWxsOiNDNzIzM0U7IiBjeD0iNzYuNSIgY3k9Ijk1LjUiIHI9IjQuNSIvPg0KPC9zdmc+) no-repeat top left; background-size: contain; } @@media screen and (max-width: 760px) { .main-container { width: 90%; height: auto; position: absolute; left: 0; top: calc(50vh - 220px); padding: 0 5%; } .main-container .container-message { width: 100%; } .main-container .container-warning-icon { width: 100%; } .error-message { font-size: 22px; line-height: 22px; text-align: center; padding-right: 0; } .frontiers-logo { height: 63px; width: 224px; margin: 0 auto; } .maintenace-message { font-size: 16px; line-height: 24px; text-align: center; padding-right: 0; } .warning-icon { width: 129px; height: 105.4px; margin: 0px auto 70px auto; } } @@media only screen and (max-height: 420px) { .main-container { width: 90%; height: auto; display: inline-block; position: absolute; left: 0; top: calc(50vh - 100px); } .main-container .container-message { width: 74%; float: right; } .main-container .container-warning-icon { width: 26%; float: right; } .error-message { font-size: 20px; line-height: 20px; text-align: left; padding-top: 30px; padding-right: 20px; } .frontiers-logo { height: 59px; width: 210px; margin: 0; } .maintenace-message { font-size: 13px; line-height: 21px; text-align: left; padding-right: 20PX; } .warning-icon { width: 122px; height: 100px; margin: 40px 0 0 auto; } } </style> <!-- <link href="css/error.css" rel="stylesheet">--> </head> <body> <div class="main-container"> <div class="container-warning-icon"> <div class="warning-icon"></div> </div> <div class="container-message"> <a style="cursor:pointer;" onclick="window.location = window.location.origin;"><div class="frontiers-logo"></div></a> <div class="error-message">404 Not Found</div> <div class="maintenace-message">The page you requested cannot be found.</div> </div> </div> </body> </html>