Advertisement
Guest User

Untitled

a guest
Jan 20th, 2015
270
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.51 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>Racegame</title>
  4. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5. <meta name="description" content="" />
  6. <meta name="keywords" content="" />
  7. <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
  8. <script src="js/jquery.min.js"></script>
  9. <script src="js/skel.min.js"></script>
  10.  
  11. <script type="text/javascript" src="js/initresize.js" ></script>
  12.  
  13.  
  14. <noscript>
  15. <link rel="stylesheet" href="css/skel.css" />
  16. <link rel="stylesheet" href="css/style.css" />
  17. <link rel="stylesheet" href="css/style-desktop.css" />
  18. <link rel="stylesheet" href="css/style-noscript.css" />
  19. </noscript>
  20. <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
  21. </head>
  22. <body>
  23.  
  24. <script>
  25. function showhide()
  26. {
  27. var div = document.getElementById("codebox");
  28. if (div.style.display !== "none") {
  29. div.style.display = "none";
  30. }
  31. else {
  32. div.style.display = "block";
  33. }
  34. }
  35. </script>
  36. <script>
  37. function resizeanshow()
  38. {
  39. showhide();
  40.  
  41. }
  42. </script>
  43. <div id="wrapper">
  44.  
  45. <nav id="nav">
  46.  
  47. <a href="index.html#work" class="icon fa fa-arrow-circle-left"style=color:red><span>Terug</span></a>
  48. </nav>
  49.  
  50. <div id="main">
  51. <article id="work" class="panel">
  52. <header>
  53. <h2></h2>
  54. </header>
  55. <p>
  56.  
  57. </p>
  58. <div class="row">
  59. <div class="4u">
  60. <a href="#" class="image fit"><img src="games/racegame/foto/fotozonder.PNG" alt=""></a>
  61. </div>
  62.  
  63. <div class="8u">
  64. <header>
  65. <h1><strong>Racegame</strong></h1>
  66. </header>
  67. <p>Spel gemaakt in unity.<br> probeer zo snel mogelijk de finish te halen.</p>
  68. </div>
  69.  
  70. <p>
  71.  
  72. Probeer zo snel mogelijk de finish te halen. Op het circuit heb je een paar obstakels.
  73. Deze kan je ontwijken. door de highscores kan je tegen je vrienden racen.
  74.  
  75. De code die gebruikt is kunt u onderaan de pagina vinden.
  76. </p>
  77.  
  78. <video width="320" height="240" controls="controls">
  79. <source src="games/racegame/filmpje/racegamefilmpje.mp4" type="video/mp4"/>
  80. <source src="games/racegame/filmpje/racegamefilmpje.ogv" type="video/ogg"/>
  81. <source src="games/racegame/filmpje/racegamefilmpje.webm" type="video/webm"/>
  82. </video>
  83. <div>
  84. Controls<br>
  85. WASD = sturen<br>
  86. Spatiebalk = remmen
  87. </div>
  88.  
  89. <div>
  90.  
  91. <iframe src="https://c94f7e475c7659ee4ccbf6cdc7964f3cb25bec69.googledrive.com/host/0BzR73x5dCHdZenhLMVUtUEJLSlE/racegame.html" width="960" height="650" scrolling="no"></iframe>
  92. </div>
  93.  
  94. </div>
  95.  
  96.  
  97.  
  98.  
  99.  
  100.  
  101.  
  102. <button id="bodyresize">Bekijk hier de code voor de auto</button>
  103.  
  104.  
  105.  
  106.  
  107.  
  108.  
  109.  
  110.  
  111.  
  112.  
  113.  
  114. <div id="codebox" style="display:none">
  115. <p>
  116. <!-- //code hier//code hier -->
  117. </p>
  118. </div>
  119.  
  120.  
  121.  
  122. </article>
  123. </div>
  124.  
  125. <div id="footer">
  126. <ul class="copyright">
  127. <li>&copy; Sander Gouman All rights reserved.
  128. <a href="https://www.facebook.com/sander.gouman" class="icon fa-facebook-square fa-2x"></a>
  129. <a href="" class="icon fa-youtube-square fa-2x"></a></li>
  130. </ul>
  131. </div>
  132.  
  133. </div>
  134.  
  135.  
  136.  
  137. </body>
  138. <script>
  139.  
  140. </script>
  141.  
  142. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement