You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

195 lines
5.5 KiB

  1. <!doctype html>
  2. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
  3. <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
  4. <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
  5. <!--[if gt IE 8]><!-->
  6. <html class="no-js">
  7. <!--<![endif]-->
  8. <head>
  9. <meta charset="utf-8">
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  11. <title>transfer.sh</title>
  12. <meta name="description" content="">
  13. <meta name="viewport" content="width=device-width,initial-scale=1">
  14. <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
  15. <link rel="stylesheet" href="styles/d4845602.main.css">
  16. <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:100,200,300" rel="stylesheet" type="text/css">
  17. <link href="http://fonts.googleapis.com/css?family=Source+Code+Pro:300" rel="stylesheet" type="text/css">
  18. <script src="/scripts/vendor/d7100892.modernizr.js"></script>
  19. </head>
  20. <div id="navigation">
  21. <div class="wrapper">
  22. <h1>transfer.sh</h1>
  23. <ul>
  24. <li><a href="#how-it-works">how to use</a>
  25. </li>
  26. <li><a href="#contact">contact us</a>
  27. </li>
  28. </ul>
  29. </div>
  30. </div>
  31. <a href="https://github.com/you">
  32. <img style="position: absolute; top: 0; right: 0; border: 0" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png">
  33. </a>
  34. <section id="home">
  35. <div class="wrapper">
  36. <h2>
  37. Upload and share your files
  38. </h2>
  39. <div class="row">
  40. <div id="from-terminal" class="box">
  41. <h3>From terminal</h3>
  42. <div id="terminal">
  43. <p style="white-space:pre"></p>
  44. </div>
  45. </div>
  46. <div id="from-web" class="">
  47. <h3>From web</h3>
  48. <form action="/file-upload" class="dropzone">
  49. <div class="fallback">
  50. <input name="file" type="file" multiple="multiple">
  51. </div>
  52. </form>
  53. </div>
  54. </div>
  55. <a href="#how-it-works" class="btn-cta">learn more </a>
  56. </div>
  57. </section>
  58. <section id="features">
  59. <div class="wrapper">
  60. <div class="row">
  61. <div class="col-md-3 col-xs-3">
  62. <i class="fa fa-leaf"></i>
  63. <h3>For Free</h3>
  64. <p></p>
  65. </div>
  66. <div class="col-md-3 col-xs-3">
  67. <i class="fa fa-leaf"></i>
  68. <h3>A headline</h3>
  69. <p></p>
  70. </div>
  71. <div class="col-md-3 col-xs-3">
  72. <i class="fa fa-leaf"></i>
  73. <h3>A headline</h3>
  74. <p></p>
  75. </div>
  76. <div class="col-md-3 col-xs-3">
  77. <i class="fa fa-leaf"></i>
  78. <h3>A headline</h3>
  79. <p></p>
  80. </div>
  81. </div>
  82. </div>
  83. </section>
  84. <section id="how-it-works">
  85. <div class="wrapper">
  86. <h2>How it works?</h2>
  87. <div class="row">
  88. <div class="col-md-6">
  89. </div>
  90. <div class="col-md-6">
  91. <h3></h3>
  92. <p></p>
  93. </div>
  94. <div class="col-md-6">
  95. </div>
  96. <div class="col-md-6">
  97. <h3></h3>
  98. <p></p>
  99. </div>
  100. </div>
  101. </div>
  102. </section>
  103. <section id="why-use-it">
  104. <div class="wrapper">
  105. <h2>
  106. Why use it?
  107. </h2>
  108. <div class="row">
  109. <div class="col-md-6">Terminal</div>
  110. <div class="col-md-6">Web</div>
  111. </div>
  112. </div>
  113. </section>
  114. <section id="share">
  115. <div class="wrapper">
  116. <h2>
  117. Share the love
  118. </h2>
  119. <ul>
  120. <li>
  121. <i class="fa fa-twitter"></i>
  122. </li>
  123. <li>
  124. <i class="fa fa-facebook"></i>
  125. </li>
  126. <li>
  127. <i class="fa fa-google-plus"></i>
  128. </li>
  129. <li>
  130. <i class="fa fa-linkedin"></i>
  131. </li>
  132. </ul>
  133. </div>
  134. </section>
  135. <section id="contact">
  136. <div class="wrapper">
  137. <i class="fa-envelope fa"></i>
  138. <h2>
  139. Any questions?
  140. </h2>
  141. <a href="#" class="btn-cta">contact us</a>
  142. </div>
  143. </section>
  144. <footer>
  145. <p>Made with <i class="fa fa-heart"></i> by <a href="#">Dutch Coders</a>
  146. </p>
  147. </footer>
  148. <!--[if lt IE 7]>
  149. <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  150. <![endif]-->
  151. <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
  152. <script>
  153. (function (b, o, i, l, e, r) {
  154. b.GoogleAnalyticsObject = l;
  155. b[l] || (b[l] =
  156. function () {
  157. (b[l].q = b[l].q || []).push(arguments)
  158. });
  159. b[l].l = +new Date;
  160. e = o.createElement(i);
  161. r = o.getElementsByTagName(i)[0];
  162. e.src = '//www.google-analytics.com/analytics.js';
  163. r.parentNode.insertBefore(e, r)
  164. }(window, document, 'script', 'ga'));
  165. ga('create', 'UA-XXXXX-X');
  166. ga('send', 'pageview');
  167. </script>
  168. <script src="/scripts/9d4218ba.main.js"></script>
  169. <script src="/scripts/vendor/c6b52431.bootstrap.js"></script>
  170. </html>