Advertisement
Guest User

Ripped

a guest
Dec 21st, 2014
157
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.01 KB | None | 0 0
  1.  
  2. <title>Dom - De plek voor jou!</title>
  3. <style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);@import url('https://weloveiconfonts.com/api/?family=entypo');@import url(https://fonts.googleapis.com/css?family=Gabriela|Dosis:200);*{margin:0;padding:0;box-sizing:border-box;}body{background-color:#2c3e50;color:#fff;font:300 87.5%/1.5em 'Open Sans',sans-serif;font-weight:200;-webkit-transition:background-color 30s;transition:background-color 10s;background-image:-webkit-gradient(left center,#c21500,#514A9D);background-image:-moz-linear-gradient(left center,#c21500,#514A9D);background-image:-o-linear-gradient(left center,#c21500,#514A9D);background-image:-webkit-linear-gradient(left center,#c21500,#514A9D);background-image:linear-gradient(to left,#c21500,#514A9D);}.form-wrapper{background:#2d3031;border-radius:2px;position:relative;width:300px;box-shadow:0px 2px 13px 0px #000;border-bottom:0.3em solid rgba(66,165,130,1);border-left:0.1em solid rgba(42,42,42,1);border-top:0.1em solid rgba(42,42,42,1);border-right:0.1em solid rgba(42,42,42,1);height:350px;}form{padding:10px 20px 0;}.form-item{margin-bottom:10px;width:100%;}.form-item input{border:none;background:#3b4148;border-radius:2px;color:#fff;font-family:'Open Sans',sans-serif;font-weight:200;font-size:1em;height:50px;padding:0 16px;transition:background 0.3s ease-in-out;width:100%;}.form-item input:focus{background:#4d545e;outline:none;}.button-panel{margin:20px 0 0;width:100%;}.button-panel .button{background:#55bea0;border:none;border-radius:2px;color:#fff;cursor:pointer;height:50px;font-family:'Open Sans',sans-serif;font-weight:200;font-size:1.2em;letter-spacing:0.05em;text-align:center;text-transform:uppercase;transition:background 0.3s ease-in-out;width:100%;border-bottom:0.3em solid rgba(66,165,130,1);}.button:hover{background:none repeat scroll 0% 0% rgba(95,218,183,1);}.button:active{border-bottom:0.2em solid rgba(66,165,130,1);}.form-footer{font-size:0.9em;padding:20px 0;text-align:center;}.form-footer a{color:#e3e3e3;text-decoration:none;transition:color 0.3s;}.form-footer a:hover{color:#c0c0c0;}#footer a{color:inherit!important;}.social{display:inline-block;width:30px;height:30px;margin:0 3px;line-height:30px;font-family:Entypo;font-size:16px;text-align:center;color:#bbb;border-radius:50%;background:none repeat scroll 0% 0% rgba(0,0,0,0.35);overflow:hidden;transition:color .3s;}.social:hover{color:#59d;cursor:pointer;background:#fff;-moz-transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;transition:all 0.5s ease-in;}.box{border-radius:5px;box-shadow:0px 0px 8px rgba(0,0,0,0.2);color:#303030;font-weight:300;height:100%;moz-border-radius:5px;padding:15px;webkit-border-radius:5px;}.sliderbox{border:1px solid rgba(0,0,0,0.7);border-radius:5px;float:left;height:100%;margin-right:30px;moz-border-radius:5px;position:absolute;webkit-border-radius:5px;width:100%;}ul#slider{height:85%;margin:0;overflow:hidden;padding:0;}ul#slider li{background-color:#eee;float:left;height:100%;list-style-type:none;width:100%;}#slideshow{height:100%;position:relative;}#slideshow>.slide{border:1px solid rgba(0,0,0,0.7);border-radius:5px;bottom:0px;height:100%;left:0px;moz-border-radius:5px;position:absolute;right:0px;top:0px;webkit-border-radius:5px;}.register{padding:11px;width:100%;background:rgba(218,174,0,1);border:none;border-radius:2px;color:#fff;cursor:pointer;height:50px;font-family:'Open Sans',sans-serif;font-weight:200;font-size:1.2em;letter-spacing:0.05em;text-align:center;text-transform:uppercase;transition:background 0.3s ease-in-out;border-bottom:0.3em solid rgba(197,153,4,1);}.register:hover{background:none repeat scroll 0% 0% rgba(240,198,33,1);}.register:active{border-bottom:0.2em solid rgba(197,153,4,1);}.facebook{background-color:#f0f0f0;}a{color:#FFF;text-decoration:none;}.notification{position:relative;margin-bottom:18px;}.notification .notification-description p{margin:0;vertical-align:middle;color:#ecf0f1;padding:10px 20px}.notification.success .notification-description{position:relative;background:#27ae60;border-radius:4px;background:linear-gradient(25deg,rgba(39,174,96,.8) 0% ,rgba(46,204,113,.8) 15% ,rgba(39,174,96,1) 15% ,#27ae60 100% )}.notification.error .notification-description{background:#c0392b;border-radius:4px;background:linear-gradient(25deg,rgba(192,57,43,.8) 0% ,rgba(231,76,60,.8) 15% ,rgba(231,76,60,1) 15% ,#c0392b 100% )}.notification.warning .notification-description{background:#d35400;border-radius:4px;background:linear-gradient(25deg,rgba(211,84,0,.8) 0% ,rgba(230,126,34,.8) 15% ,rgba(230,126,34,1) 15% ,#d35400 100% )}.notification.info .notification-description{background:#3498db;border-radius:4px;background:linear-gradient(25deg,rgba(41,128,185,.8) 0% ,rgba(52,152,219,.8) 15% ,rgba(52,152,219,1) 15% ,#3498db 100%)}</style>
  4. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  5. <link rel="stylesheet" href="/app/tpl/skins/habbo/css/animatie_aron.css" type="text/css" />
  6.  
  7. <script>
  8. $(document).ready(function() {
  9. $("#slideshow > div:gt(0)").hide();
  10. $('.slide').width(525);
  11. setInterval(function() {
  12. now = $('#slideshow > div:first');
  13. now.animate({
  14. left: '1000px'
  15. }, 750, 'swing', function() {
  16. $(this).css('display', 'none').css('left', '0px');
  17. });
  18. now.next().fadeIn(1000).end().appendTo('#slideshow');
  19. }, 4000);
  20. });
  21. </script>
  22. <head>
  23. <script type="text/javascript">
  24.  
  25. </script>
  26. <link rel="shortcut icon" href="/favicon.ico" type="image/vnd.microsoft.icon">
  27. </head>
  28. <div style="margin: 10% auto;width: 860px;margin-left: auto;margin-right: auto;">
  29. <div class="form-wrapper" style="display: block;float: left;">
  30. <form action="/index" method="post">
  31. <img src="http://domhotel.n10.nl/app/tpl/skins/habbo/images/xo.png" class="animated flip tada" style="margin-bottom: 2px;margin-left: auto;margin-right: auto;display: block;">
  32. <div class="form-item">
  33. <label for="text">
  34. <span class="fontawesome-user"><font size="3"><center>Er zijn <b>14</b> Dom Speler(s) online!</center></font></span></label>
  35. <input type="text" name="log_username" required="required" placeholder="Gebruikersnaam"></input>
  36. </div>
  37. <div class="form-item">
  38. <label for="password">
  39. <span class="fontawesome-lock"></span></label>
  40. <input type="password" name="log_password" required="required" placeholder="Wachtwoord"></input>
  41. </div>
  42. <div class="button-panel">
  43. <input type="submit" class="button" title="Login bij domhotel.n10.nl" name="login" value="Login"></input>
  44. <div style="margin-top:5px;" class="register"><a href="/register">Registreer NU!</a></div>
  45. </div>
  46. </form>
  47. </div>
  48. <div class="form-wrapper" style="width: 540px;position: relative;float: left;margin-left:20px;">
  49. <div class="box" id="slide">
  50. <div id="wrapper" style="overflow:hidden;border-radius: 5px;">
  51. <div id="slideshow" style="width:2000px;">
  52. <div class="slide" style="background-image:url(http://domhotel.n10.nl/app/tpl/skins/habbo/images/domindex.png);">
  53. <div style="margin:0;padding:15px;background-color:rgba(0,0,0,0.6);font-size:18px;color:#fff;font-weight:700;">
  54. <div>Dom heeft de nieuwste Kleren, Meubels, en nog veel meer!</div>
  55. <div style="font-size:13px;font-weight:300;">Domhotel zal er altijd naar streven om de <span style="font-weight:bold;">nieuwste</span> kleren, meubels en beveiliging. Dit betekent dat je de meeste features op Dom hebt dan alle andere hotels :)</div>
  56. </div>
  57. </div>
  58. <div class="slide" style="background-image:url(http://domhotel.n10.nl/app/tpl/skins/habbo/images/domindex1.png);">
  59. <div style="margin:0;padding:15px;background-color:rgba(0,0,0,0.6);font-size:18px;color:#fff;font-weight:700;">
  60. <div>Nieuwe meubels!</div>
  61. <div style="font-size:13px;font-weight:300;">Hier op Domhotel hebben wij altijd de nieuwste meubels etc!</div>
  62. </div>
  63. </div>
  64. <div class="slide" style="background-image:url(http://domhotel.n10.nl/app/tpl/skins/habbo/images/domindex2.png);">
  65. <div style="margin:0;padding:15px;background-color:rgba(0,0,0,0.6);font-size:18px;color:#fff;font-weight:700;">
  66. <div>Win weddenschapp & Word rijk!</div>
  67. <div style="font-size:13px;font-weight:300;">Winnen weddenschappen met medewerkers, gebruikers of in het spel en rijk!<br> misschien zelfs te krijgen op het leaderboard het;)</div>
  68. </div>
  69. </div>
  70.  
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75.  
  76. <div id="footer" style="text-align: center;font-size: 0.8em;line-height: 100%;color: rgba(255, 255, 255, 0.34);">&ensp;<br>&ensp;<br>
  77. Domhotel NL & &copy; 2014 / 2015. All rights reserved<br>
  78. Wij zijn geen onderdeel van Sulake | In de assotiatio met <a href="https://domhotel.n10.nl/index"><b></b></a><br><br>
  79. <div id="box">
  80. <P>
  81. <P>
  82.  
  83. </div>
  84. <center><iframe src="http://www.top-site-list.com/vote-button/index.php?siteID=456362&amp;rank=1&amp;layout=h&amp;font=0&amp;textColor=light&amp;buttonColor=blue&amp;" style="background:none; border:0; border:0; margin:0; padding:0; max-width:100%; width:500px; height:50px; "><a href="http://www.top-site-list.com"><img src="http://www.top-site-list.com/assets/img/tsl_light80.png" alt="Top Site Lists"/></a></iframe></center>
  85. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement