Advertisement
Guest User

Untitled

a guest
Sep 26th, 2012
236
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.18 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <title>SlyFiles</title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <meta name="description" content="SlyFiles upload" />
  9. <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
  10. <link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen"/>
  11. <link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'><link rel="stylesheet" href="css/flexslider.css" type="text/css"><script src="js/jquery.flexslider.js"></script><!-- Place in the <head>, after the three links --><script type="text/javascript" charset="utf-8">$(window).load(function() { $('.flexslider').flexslider({ animation: "slide" });});</script>
  12. <link rel="stylesheet" href="flexslider.css" type="text/css">
  13. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  14. <script src="js/jquery.flexslider.js"></script>
  15. <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
  16. <script type="text/javascript" src="js/jquery.lavalamp-1.4.js"></script>
  17. <script type="text/javascript" src="js/jquery.reveal.js"></script>
  18. <script type="text/javascript" src="js/bootstrap.min.js"></script>
  19. <link href='http://fonts.googleapis.com/css?family=Doppio+One' rel='stylesheet' type='text/css'>
  20. <script type="text/javascript">
  21. // Can also be used with $(document).ready()
  22. $(window).load(function() {
  23. $('.flexslider').flexslider({
  24. animation: "slide"
  25. });
  26. });
  27. </script>
  28. </head>
  29. <header>
  30. <div class="header">
  31. <div class="container">
  32. <div class="buttons">
  33. <a href="#" class="big-link" data-reveal-id="myModal"><img src="img/login.png"
  34. onmouseover="this.src='img/hover1.png'"
  35. onmouseout="this.src='img/login.png'"></a>
  36.  
  37. <div id="myModal" class="reveal-modal">
  38. <h1>Login</h1>
  39. <p>Please enter your username and password carefully.</p>
  40. <form method="POST" action="login.php">
  41. Username: <input type="text" name="username" size="15" /><br />
  42. Password: <input type="password" name="passwort" size="15" /><br />
  43. <div align="center">
  44. <p><input type="submit" value="Login" /></p>
  45. </div>
  46. </form>
  47. <a class="close-reveal-modal">&#215;</a>
  48. </div>
  49.  
  50. <img src="img/register.png"
  51. onmouseover="this.src='img/hover3.png'"
  52. onmouseout="this.src='img/register.png'">
  53. </div>
  54. <div class="menu">
  55. <ul>
  56. <li><img src="img/home.png"/></li>
  57. <li class="hover"><img src="img/twitter.png"/></li>
  58. <li class="hover"><img src="img/fb.png"/></li>
  59. <li class="hover"><img src="img/contact.png"/></li>
  60. </ul>
  61. </div>
  62. </div>
  63. </div>
  64. <div id="borderbottom"></div>
  65. </header>
  66. <br />
  67. <body>
  68. <div class="container">
  69. <div class="logo">
  70. <img src="img/logo.png"/><br />
  71. <img class="logo1" src="img/getstarted.png"/>
  72. <br />
  73. <br />
  74. </div>
  75. <!-- Slider start --->
  76. <div class="flexslider">
  77. <ul class="slides">
  78. <li class="sliding">
  79. <div class="row1">
  80. <div class="span3">
  81. <br />
  82. <span id="header1">UPLOAD FILES</span><br /><br />
  83. <div id="img1"><img src="img/upload.png"/></span><br /><br /><br />
  84. <span id="para1">Upload files up to 1mb straight to our servers.</span>
  85. </div>
  86. </div>
  87. <div class="row2">
  88. <div class="span3">
  89. <br />
  90. <span id="header1">UPLOAD FILES</span><br /><br />
  91. <div id="img1"><img src="img/share.png"/></span><br /><br /><br />
  92. <span id="para1">Upload files up to 1mb straight to our servers.</span>
  93. </div>
  94. </div>
  95. <div class="row3">
  96. <div class="span3">
  97. <br />
  98. <span id="header1">UPLOAD FILES</span><br /><br />
  99. <div id="img1"><img src="img/earn.png"/></span><br /><br /><br />
  100. <span id="para1">Upload files up to 1mb straight to our servers.</span>
  101. </div>
  102. </div>
  103. </li>
  104.  
  105. <li>
  106. <div class="slide2">
  107. <img style="float: right;" src="img/panel.png"/>
  108. </div>
  109. </li>
  110.  
  111. </ul>
  112. </div>
  113.  
  114. <div class="steps">
  115. <div class="span4">
  116. <span id="one">
  117. Our Payments
  118. </span><br />
  119. <span id="par1">
  120. Payouts are sent via Paypal,
  121. If your earnings exceed $100 a
  122. month we'll even put you onto a weekly
  123. payment schedule, so you'll be paid quicker!
  124. </span>
  125. </div><br />
  126. <div class="span4">
  127. <span id="one">
  128. Our Payments
  129. </span>
  130. <br />
  131. <span id="par1">
  132. Payouts are sent via Paypal,
  133. If your earnings exceed $100 a
  134. month we'll even put you onto a weekly
  135. payment schedule, so you'll be paid quicker!
  136. </span>
  137. </div>
  138. <br /><br />
  139. <div class="span4">
  140. <span id="one">
  141. Our Payments
  142. </span><br />
  143. <span id="par1">
  144. Payouts are sent via Paypal,
  145. If your earnings exceed $100 a
  146. month we'll even put you onto a weekly
  147. payment schedule, so you'll be paid quicker!
  148. </span>
  149. </div>
  150. <br /><br />
  151. </div>
  152. <div class="screen">
  153. <img src="img/screen.png">
  154. </div>
  155. </div>
  156. </body>
  157. <br />
  158. <br />
  159. <footer>
  160. <div class="footer">
  161. <div class="container">
  162. <span id="footer"> &copy; 2012 SlyFiles &nbsp<a href="#">About</a> &nbsp<a href="#">TOS</a> &nbsp<a href="#">DMCA</a> </span>
  163. </div>
  164. </div>
  165. </footer>
  166. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement