Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
- <script type='text/javascript' src='http://www.x3dom.org/download/x3dom.js'> </script>
- <link rel="stylesheet" type="text/css" href="navbar.css">
- <script src="navbar2.js" type="text/javascript"></script>
- <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
- <style>
- body{
- background-color: black;
- }
- </style>
- </head>
- <body>
- <div class="w3-sidebar w3-bar-block w3-green" style="width:25%;right:0;">
- <h3 class="w3-bar-item w3-yellow">Space Missions</h3>
- <input type="text" >
- <button>Search</button>
- <a href="#" class="w3-bar-item w3-button w3-hover-red">Mission 1</a>
- <a href="#" class="w3-bar-item w3-button w3-hover-red">Mission 2</a>
- <a href="#" class="w3-bar-item w3-button w3-hover-red">Mission 3</a>
- <a href="#" class="w3-bar-item w3-button w3-hover-red">Apollo program</a>
- <a href="#" class="w3-bar-item w3-button w3-hover-red">Skylab</a>
- <a href="#" class="w3-bar-item w3-button w3-hover-red">Mars2020 Rover</a>
- <a href="#" class="w3-bar-item w3-button w3-hover-red">Hubble Space Telescope</a>
- </div>
- <X3D xmlns="http://www.web3d.org/specifications/x3d-namespace" showStat="false"
- showLog="false" x="0px" y="0px" width="800px" height="600px">
- <Scene>
- <background DEF='bgnd' transparency='0' skyColor='0.0 0.0 0.0'>
- </background>
- <Transform id="theEarth" translation="3 0 0">
- <Shape>
- <Appearance>
- <ImageTexture url='3.jpg'/>
- </Appearance>
- <Sphere radius='0.4'/>
- </Shape>
- </Transform>
- <Viewpoint fieldOfView="0.785398" position="6 5.5 6.5"
- orientation="1 -1 0 -0.785" description=""/>
- </Scene>
- </X3D>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement