85 lines
3.2 KiB
HTML
85 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="no-js demo5">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>High Fidelity Metaverse Guide</title>
|
|
<link rel="shortcut icon" href="../file/favicon.gif">
|
|
<link rel="stylesheet" type="text/css" href="css/default.css" />
|
|
<link rel="stylesheet" type="text/css" href="css/style.css" />
|
|
|
|
<!-- Script Source -->
|
|
<script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.js"></script>
|
|
<script type="text/javascript" src="js/jquery.interactive_bg.js"></script>
|
|
<script src="../file/js/modernizr.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="container bg" data-ibg-bg="http://hifi-content.s3.amazonaws.com/alexia/MetaverseGuide/metaverseBackground.png">
|
|
|
|
<!-- Side Navi -->
|
|
<div class="nav-side clearfix">
|
|
<div class="logo"><img src="http://hifi-content.s3.amazonaws.com/alexia/MetaverseGuide/Logo-HighFidelity-Line-PrimaryBlue.svg"></div>
|
|
<div class="subheader">The Metaverse Guide</div>
|
|
<div>The Metaverse Guide is a map of places in High Fidelity. Learn more at: <a>www.HighFidelity.com</a></div>
|
|
<div class="subheader">Popular Places</div>
|
|
<div class="placeSidebar">TheSpot</div>
|
|
<div class="placeSidebar">Mexico</div>
|
|
<div class="placeSidebar">Codex</div>
|
|
<div class="placeSidebar">Maker</div>
|
|
<div class="placeSidebar">SVVR</div>
|
|
</div>
|
|
|
|
|
|
<div class="place" style="right: 50%; top: 50%; width: 60px;">
|
|
<img src="http://hifi-content.s3.amazonaws.com/alexia/MetaverseGuide/placeIcon.svg">
|
|
</div>
|
|
<div class="place" style="right: 33%; top: 30%; width: 75px;">
|
|
<img src="http://hifi-content.s3.amazonaws.com/alexia/MetaverseGuide/placeIcon.svg">
|
|
</div>
|
|
<div class="place" style="right: 65%; top: 20%; width: 60px;">
|
|
<img src="http://hifi-content.s3.amazonaws.com/alexia/MetaverseGuide/placeIcon.svg">
|
|
</div>
|
|
<div class="place" style="right: 40%; top: 37%; width: 75px;">
|
|
<img src="http://hifi-content.s3.amazonaws.com/alexia/MetaverseGuide/placeIcon.svg">
|
|
</div>
|
|
<div class="place" style="right: 20%; top: 82%; width: 50px;">
|
|
<img src="http://hifi-content.s3.amazonaws.com/alexia/MetaverseGuide/placeIcon.svg">
|
|
</div>
|
|
<div class="place" style="right: 15%; top: 10%; width: 50px;">
|
|
<img src="http://hifi-content.s3.amazonaws.com/alexia/MetaverseGuide/placeIcon.svg">
|
|
</div>
|
|
<div class="place" style="right: 70%; top: 60%; width: 75px;">
|
|
<img src="http://hifi-content.s3.amazonaws.com/alexia/MetaverseGuide/placeIcon.svg">
|
|
</div>
|
|
|
|
<div class="placeInfo" style="right: 54%; top: 18%; width: 200px;">
|
|
<img src="http://hifi-content.s3.amazonaws.com/alexia/MetaverseGuide/placeLine.svg">
|
|
<div style="margin-top: -30px; margin-left: 40px;">
|
|
SVVR - 49 People
|
|
</div>
|
|
</div>
|
|
|
|
<div class="main">
|
|
|
|
</div>
|
|
|
|
<!-- Scripts -->
|
|
<script type="text/javascript">
|
|
$(".bg").interactive_bg();
|
|
|
|
$( ".placeInfo" ).hide();
|
|
|
|
$(".place").hover(function () {
|
|
$(".placeInfo").fadeIn(1000);
|
|
})
|
|
|
|
$(".place").mouseleave(function () {
|
|
$(".placeInfo").fadeOut(1000);
|
|
})
|
|
|
|
</script>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|