API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 30th, 2014
256
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.39 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. <meta charset="utf-8">
  7. <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> -->
  8. <meta name="description" content="MMORPG Metin2">
  9. <meta name="viewport" content="width=device-width">
  10.  
  11. <title>Metin2 Landingpage</title>
  12.  
  13. <link rel="stylesheet" href="style/style.css">
  14.  
  15. </head>
  16.  
  17. <div class="nav" id="scroll">
  18. <ul>
  19.  
  20. <li><span></span></li>
  21. <li><span></span></li>
  22. <li><span></span></li>
  23. <li><span></span></li>
  24. <li><span></span></li>
  25. </ul>
  26. </div>
  27. <div class="section" id="start">
  28. <div class="vidBGOuter"><div id="vidBG"></div></div>
  29.  
  30.  
  31. <div class="logoTop">
  32. <h1 id="logo"></h1>
  33. <h2 class="claim">Nybu ist verdammt cool!</h2>
  34. <div id="badge"></div>
  35. </div>
  36. <div id="videoPreview" class="clearfix">
  37. <div class="video trailer left border">
  38. <video width="274" height="153" autoplay loop>
  39. <source src="media/video/trailer.mp4" type="video/mp4">
  40. </video>
  41. <div id="vid1"></div>
  42. <div class="btn btn_video" data-type="trailer" id="playTrailer">
  43. <span>Trailer 1</span>
  44. </div>
  45. </div>
  46. <div class="video gameplay border right">
  47. <video width="274" height="153" autoplay loop>
  48. <source src="media/video/gameplay.mp4" type="video/mp4">
  49. </video>
  50. <div id="vid2"></div>
  51. <div class="btn btn_video" data-type="gameplay" id="playGameplay">
  52. <span>Trailer 2</span>
  53. </div>
  54. </div>
  55. </div>
  56. <div id="menu">
  57. <div class="menu_helper">
  58. <img src="img/logo-small.png" alt="" />
  59. <button class="btn_play btn_cta" id="trigger-overlay">JETZT REGISTRIEREN!</button>
  60. <a class="internal_link" href="javascript:void(0)" id="moreInfo" onclick="">Hier ist ein cooler Link!</a>
  61. </div>
  62. </div>
  63. </div>
  64.  
  65. <div id="landing">
  66.  
  67. <!-- BO ContentSlider -->
  68. <div id="mediaSlider">
  69.  
  70. <!-- BO Tabs -->
  71. <ul id="tabs" class="clearfix">
  72. <li class="active">Screenshots</li>
  73. <li>Artworks</li>
  74. </ul>
  75. <!-- EO Tabs -->
  76.  
  77. <!-- BO Slides -->
  78. <div id="slidesWrapper">
  79. <div id="slidePrev" class="prev prevInactive"></div>
  80.  
  81. <div id="slidesScroller">
  82. <div id="slides">
  83. <!-- <div class="slide">
  84. <div class="caption">Bekämpfe den mutierten Kermit allein oder im Team!</div>
  85. <img src="./images/media/screenshot_01.jpg" alt="" />
  86. </div> -->
  87. </div>
  88. </div>
  89.  
  90. <div id="slideNext" class="next"></div>
  91. </div>
  92. <!-- EO Slides -->
  93.  
  94. <!-- BO Thumbs -->
  95. <div id="sliderNavWrapper">
  96.  
  97. <div id="sliderNavPrev" class="prev prevInactive"></div>
  98.  
  99. <div id="sliderNavScroller">
  100. <ul id="sliderNav" class="clearfix">
  101. <!-- <li class="active"><img src="./images/media/thumb_01.jpg" alt="" /></li> -->
  102. </ul>
  103. </div>
  104.  
  105. <div id="sliderNavNext" class="next"></div>
  106.  
  107. </div>
  108. <!-- EO Thumbs -->
  109.  
  110. </div>
  111.  
  112. <script type="text/javascript">
  113.  
  114. var placeholder1 = [
  115. "Blablablablablablablablablab!",
  116. "blablablablablablabl!",
  117. "blablablablablablablablablablablablablab.",
  118. "balbalbalablbalablablablablbalablbalbalbalbalba",
  119. "balablablablbalablablabl!",
  120. "blalaablalblablablab?",
  121. "ablablbalablbalbalbalbalbalbalbalbalbalbal.",
  122. "ablbalbalbalbalbalbalbalbalbalbalbalbalbalbalbalablba",
  123. "ablbalbalbalbalbalbalbalbalbalbalbalbalbalababl."
  124. ];
  125.  
  126. var placeholder2 = [
  127. "Hier stehst ein text",
  128. "Hier steht ein deutlich längerer Text",
  129. "Kurzer text",
  130. "",
  131. "Deine Mama!",
  132. "Lee der fag",
  133. "LUCAAS :*",
  134. "Deine Oma!"
  135. ];
  136.  
  137. var m2_media = {
  138.  
  139. tabs: [
  140.  
  141. // artworks
  142. [
  143.  
  144. ["img/images/dtS.jpg", "img/images/dt.jpg", placeholder2[0], 'artwork'],
  145. ["img/images/grotteS.jpg", "img/images/grotte.jpg", placeholder2[1], 'artwork'],
  146.  
  147. ]
  148. ],
  149.  
  150. // movies
  151.  
  152. background: {
  153. // poster image
  154. poster: "media/video/thumb.jpg",
  155. // full video without extension!
  156. full: {
  157. mp4: "media/video/bg.mp4",
  158. ogv: "media/video/bg.ogv",
  159. webm: "media/video/bg.webm"
  160. }
  161. },
  162.  
  163. trailer: {
  164. // poster image
  165. poster: "media/video/thumb-trailer.jpg",
  166. // small preview without extension!
  167. preview: {
  168. mp4: "media/video/trailer.mp4",
  169. webm: "media/video/trailer.webm"
  170. },
  171. // full video without extension!
  172. full: {
  173. mp4: "media/video/trailer-full.mp4",
  174. webm: "media/video/trailer-full.webm"
  175. }
  176. },
  177.  
  178. gameplay: {
  179. // poster image
  180. poster: "media/video/thumb-gameplay.jpg",
  181. // small preview without extension!
  182. preview: {
  183. mp4: "media/video/gameplay.mp4",
  184. webm: "media/video/gameplay.webm"
  185. } ,
  186. // full video without extension!
  187. full: {
  188. mp4: "media/video/gameplay-full.mp4",
  189. webm: "media/video/gameplay-full.webm"
  190. }
  191. },
  192.  
  193.  
  194. };
  195.  
  196. </script>
  197. <!-- EO ContentSlider -->
  198.  
  199. <div id="overlayWrapper">
  200. <div id="vid_big_outer" class="border">
  201. <img src="img/placeholder.png" class="placeholder" />
  202. <div id="vid_big"></div>
  203. <div class="close" id="vid-close"></div>
  204. </div>
  205. <div id="overlay" class="border">
  206. <div class="close" id="overlay-close"></div>
  207. <div class="seperator">
  208. <img src="img/logo.png" alt="" />
  209. <p>Şimdi kaydol ve ücretsiz oyna!</p>
  210. </div>
  211. <script type="text/javascript">
  212. var m2_errorMessages = {
  213. noSpecialChars: "Bitte verwende Sonderzeichen!",
  214. onlyValidPwdChars: "Irgendnefehlermeldung",
  215. req: "Noch ne meldung.",
  216. len: "Wat weiß ich was hier steht.",
  217. email: "Diggah mach rischtige Mail!."
  218. };
  219. </script>
  220. <form name="regForm1" id="regForm1" action="#" method="post">
  221. <input type="hidden" name="tac" value="tac"/>
  222. <input type="hidden" name="kid" value="12345"/>
  223. <div class="seperator">
  224. <label>E-Mail Adresse:</label>
  225. <div class="input_wrapper">
  226. <input class="" name="email"/>
  227. <div class="error_info">E-Mail exestiert nicht!</div>
  228. </div>
  229. <label>Username:</label>
  230. <div class="input_wrapper">
  231. <input name="username"/>
  232. <div class="error_info">Bereits vergeben</div>
  233. </div>
  234. <label>Miau: <div class="positioner"><div class="helpIcon" id="helpIcon2"></div>
  235. <div class="password_info password_info2">
  236. <p><strong>Sicherheitsfrage:</strong></p>
  237. <ul>
  238. <li>Ja?</li>
  239. <li>Nein?</li>
  240. <li>Vielleicht?</li>
  241. </ul>
  242. </div>
  243. </div>
  244. </label>
  245. <div class="input_wrapper">
  246. <input class="" name="password" type="password" />
  247. <div class="error_info">
  248. 6 - 15 Zeichen </div>
  249. </div>
  250. <p>Blablabla <a href="#" class="extern_link" target="blank">AGB</a> undso <a href="#" class="extern_link" target="blank">Datenschutz</a>.</p>
  251. </div>
  252. <div class="seperator">
  253. <div class="submit_btn_wrapper">
  254. <input type="submit" name="SubmitRegisterForm" class="btn_play" value="JETZT SPIELEN!" />
  255. </div>
  256. </div>
  257. </form>
  258. </div>
  259. </div>
  260. <script src="js/main.js"></script>
  261.  
  262.  
  263. <div style="display: none;">
  264.  
  265. <script type="text/javascript" src="js/functions.js"></script>
  266. <script type="text/javascript">
  267. setPixel ({
  268. 'location':'KEINAHNUNG',
  269. 'product':'wasdas2',
  270. 'language':'de',
  271. 'server-id':'1'
  272. });
  273. </script></div>
  274. </body>
  275.  
  276.  
  277. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!