API tools faq
paste
Advertisement
Guest User

Create a project

a guest
Feb 9th, 2016
62
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.24 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <title>Bienvenue à Studeed</title>
  6. <meta charset="utf-8">
  7. <meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no" />
  8. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300' rel='stylesheet' type='text/css'>
  9. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  10. <link rel="stylesheet" href="/HTML/css/normalize.css"/>
  11. <link rel="stylesheet" href="/HTML/css/jquery.sidr.light.css"/>
  12. <link rel="stylesheet" href="/HTML/css/animate.min.css"/>
  13. <link rel="stylesheet" href="/HTML/css/md-slider.css"/>
  14. <link rel="stylesheet" href="/HTML/css/style.css"/>
  15. <link rel="stylesheet" href="/css/home.css">
  16. <!--[if lte IE 7]>
  17. <link rel="stylesheet" href="/HTML/css/ie7.css"/>
  18. <![endif]-->
  19. <!--[if lte IE 8]>
  20. <link rel="stylesheet" href="/HTML/css/ie8.css"/>
  21. <![endif]-->
  22. <link rel="stylesheet" href="/HTML/css/responsive.css"/>
  23. <!--[if lt IE 9]>
  24. <script type="text/javascript" src="/HTML/js/HTML5.js"></script>
  25. <![endif]-->
  26. <script type="text/javascript" src="/HTML/js/raphael-min.js"></script>
  27. <script type="text/javascript" src="/HTML/js/jquery-1.9.1.min.js"></script>
  28. <script type="text/javascript" src="/HTML/js/jquery-migrate-1.2.1.min.js"></script>
  29. <script type="text/javascript" src="/HTML/js/jquery.touchwipe.min.js"></script>
  30. <script type="text/javascript" src="/HTML/js/md_slider.min.js"></script>
  31. <script type="text/javascript" src="/HTML/js/jquery.sidr.min.js"></script>
  32. <script type="text/javascript" src="/HTML/js/jquery.tweet.min.js"></script>
  33. <script type="text/javascript" src="/HTML/js/pie.js"></script>
  34. <script type="text/javascript" src="/HTML/js/script.js"></script>
  35. <script type="text/javascript" src="/js/home.js"></script>
  36. </head>
  37. <body>
  38. <div id="wrapper">
  39. <header id="header">
  40. <div class="container_12 clearfix">
  41. <div class="grid_12 header-content">
  42. <div id="sys_header_right" class="header-right">
  43. <div class="account-panel">
  44. <div class="col-md-12">
  45. <div class="col-md-8">
  46. <a href="/profile">
  47. <img style="width:50px" src="https://graph.facebook.com/v2.5/525648134271998/picture?type=normal">
  48. <p>Charlie Stofft-Beaulieu</p>
  49. </a>
  50. </div>
  51. <div class="col-md-4">
  52. <a href="/auth/logout" class="btn btn-red">Logout</a>
  53. </div>
  54. </div>
  55. </div>
  56. <div class="form-search">
  57. <form action="#">
  58. <label for="sys_txt_keyword">
  59. <input id="sys_txt_keyword" class="txt-keyword" type="text" placeholder="Rechercher un projet"/>
  60. </label>
  61. <button class="btn-search" type="reset"><i class="icon iMagnifier"></i></button>
  62. <button class="btn-reset-keyword" type="reset"><i class="icon iXHover"></i></button>
  63. </form>
  64. </div>
  65. </div>
  66. <div class="header-left">
  67. <h1 id="logo">
  68. <a href="/"><img src="/HTML/logo.png" alt="$SITE_NAME"/></a>
  69. </h1>
  70. <div class="main-nav clearfix">
  71. <div class="nav-item">
  72. <a href="/projects" class="nav-title">Découvrir</a>
  73. <p class="rs nav-description">Les Projets</p>
  74. </div>
  75. <span class="sep"></span>
  76. <div class="nav-item">
  77. <a href="/projects/create" class="nav-title">Démarrer</a>
  78. <p class="rs nav-description">Votre Projet</p>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. </header> <!--end: #header -->
  85.  
  86. <div class="container">
  87. <div class="row">
  88. <div class="col-md-offset-2 col-md-8">
  89. <form method="POST" action="http://studeed.fr/projects" accept-charset="UTF-8" enctype="multipart/form-data"><input name="_token" type="hidden" value="6GJaAmT4YvKszvZppXv2PD0dRIt6JNla1e0sP6Fb">
  90. <input type="hidden" name="_token" value="6GJaAmT4YvKszvZppXv2PD0dRIt6JNla1e0sP6Fb">
  91. <div class="form-group well">
  92. <label for="title">Nom du projet :</label>
  93. <input class="form-control" name="title" id="title" placeholder="">
  94. <span class="help-block"><strong>Donnez envie !</strong></span>
  95. <span class="help-block">Votre titre doit être accrocheur et précis.</span>
  96. <span class="help-block">Quelques mots biens choisis donneront envie aux Backers de contribuer !</span>
  97. </div>
  98. <div class="form-group well">
  99. <label for="photo">Photo de campagne :</label>
  100. <p>L'image doit mesurer au moins 360x240 pixels</p>
  101. <input class="form-control" name="photo" id="photo" type="file">
  102. <span class="help-block"><strong>Faites une bonne première impression !</strong></span>
  103. <span class="help-block">Cette image apparaît sur votre fiche de synthèse et compte autant qu’un bon titre. </span>
  104. <span class="help-block">Choisissez un visuel qui évoque votre projet, avec une touche d’originalité pour attirer l’attention : photo, dessin, BD… soyez créatif !</span>
  105. </div>
  106. <div class="form-group well">
  107. <label for="video">Vidéo du projet (env. 2 mn)</label>
  108. <label for="video">Ajoutez l’URL de votre vidéo :</label>
  109. <input class="form-control" name="video" id="video">
  110. <span class="help-block"><strong>Faites le buzz </strong></span>
  111. <span class="help-block">La vidéo booste votre visibilité et multiplie vos chances de succès ! Effet de surprise, originalité, émotion, simplicité…</span>
  112. <span class="help-block">Conseil : Pour les liens Youtube, ne bloquez pas l’intégration de votre vidéo sur d’autres sites. Cela permet de la visionner directement sur la page de votre projet</span>
  113. </div>
  114.  
  115. <div class="form-group well">
  116. <label for="category">Catégorie(s) du projet :</label>
  117. <br>
  118. <label for="category">Choisissez bien</label>
  119. <br>
  120. <span>
  121. Les catégories permettront aux donateurs de vous trouver plus facilement. Vous pouvez choisir une ou plusieurs catégories.
  122. </span>
  123. <select name="category" class="form-control">
  124. <option value="1">Art</option>
  125. <option value="2">Commerce et gestion</option>
  126. <option value="3">Droit</option>
  127. <option value="4">Enseignement</option>
  128. <option value="5">Industrie</option>
  129. <option value="6">Lettres et Langues</option>
  130. <option value="7">Projets d&rsquo;&eacute;tudiants</option>
  131. <option value="8">Projets d&rsquo;associations</option>
  132. <option value="9">Sant&eacute;</option>
  133. <option value="10">Sciences humaines et sociales</option>
  134. <option value="11">Sciences et technologies</option>
  135. <option value="12">Sciences politiques</option>
  136. </select>
  137. <span class="help-block">Vous pouvez sélectionner plusieurs catégories en maintenant enfoncée la touche Ctrl (ou Command pour Mac).</span>
  138. </div>
  139.  
  140. <div class="form-group well">
  141. <label for="about">Ajoutez une contrepartie</label>
  142. <br>
  143. <span>
  144. La contrepartie est très importante
  145. Mettez vous dans la peau d'un donateur, quelle récompense vous pousserait à donner pour 5 euros, 10 euros, 20 euros etc..
  146. Important: Dans le cas de contreparties matérielles , veuillez noter que les frais de port sont à votre charge. Pour trouver des idées vous pouvez vous rendre sur notre page : Idées de contreparties
  147. </span>
  148. <br>
  149. <textarea id="about" name="about" class="form-control"></textarea>
  150. <span class="help-block">Vous pouvez sélectionner plusieurs catégories en maintenant enfoncée la touche Ctrl (ou Command pour Mac).</span>
  151. </div>
  152.  
  153.  
  154. <div class="form-group well">
  155. <label for="target">Définissez le montant que vous souhaitez obtenir</label>
  156. <br>
  157. <span class="help-block">
  158. Étudiez le calendrier ! Une campagne ne doit être ni trop courte (laissez aux Backers le temps de se mobiliser), ni trop longue (ne laissez pas votre projet s’essoufler). Tenez compte des spécificités de votre projet : échéances universitaires ? Contraintes personnelles ? Prévoyez quelques jours en fin de campagne pour des actions de relance efficaces !
  159. </span>
  160. <br>
  161. <div class="row">
  162. <div class="col-md-2">
  163. <input type="text" id="target" class="form-control " name="target">
  164. </div>
  165. </div>
  166. </div>
  167.  
  168. <div class="form-group well">
  169. <label for="target">Durée de votre projet</label>
  170. <br>
  171. <span class="help-block">
  172. Étudiez le calendrier ! Une campagne ne doit être ni trop courte (laissez aux Backers le temps de se mobiliser), ni trop longue (ne laissez pas votre projet s’essoufler). Tenez compte des spécificités de votre projet : échéances universitaires ? Contraintes personnelles ? Prévoyez quelques jours en fin de campagne pour des actions de relance efficaces !
  173. </span>
  174. <br>
  175. <div class="row">
  176. <input type="date" name="end_date" class="form-control" min="Thu, 04 Feb 2016 19:33:25 +0000"><br><br>
  177. </div>
  178. </div>
  179.  
  180. <div class="row">
  181. <div class="col-md-12 text-center">
  182. <button class="btn btn-green" type="submit">Sauvegarder</button>
  183. </div>
  184.  
  185. </div>
  186. </form>
  187. </div>
  188. </div>
  189. </div>
  190.  
  191.  
  192. <footer id="footer">
  193. <div class="container_12 main-footer">
  194. <div class="grid_3 about-us">
  195. <h3 class="rs title">About</h3>
  196. <p class="rs description">Donec rutrum elit ac arcu bibendum rhoncus in vitae turpis. Quisque fermentum gravida eros non faucibus. Curabitur fermentum, arcu sed cursus commodo.</p>
  197. <p class="rs email"><a class="fc-default be-fc-orange" href="mailto:info@megadrupal.com">info@megadrupal.com</a></p>
  198. <p class="rs">+1 (555) 555 - 55 - 55</p>
  199. </div><!--end: .contact-info -->
  200. <div class="grid_3 recent-tweets">
  201. <h3 class="rs title">Recent Tweets</h3>
  202. <div class="lst-tweets" id="sys_lst_tweets">
  203. </div>
  204. </div><!--end: .recent-tweets -->
  205. <div class="clear clear-2col"></div>
  206. <div class="grid_3 email-newsletter">
  207. <h3 class="rs title">Newsletter Signup</h3>
  208. <div class="inner">
  209. <p class="rs description">Nam aliquet, velit quis consequat interdum, odio dolor elementum.</p>
  210. <form action="#">
  211. <div class="form form-email">
  212. <label class="lbl" for="txt-email">
  213. <input id="txt-email" type="text" class="txt fill-width" placeholder="Enter your e-mail address"/>
  214. </label>
  215. <button class="btn btn-green" type="submit">Submit</button>
  216. </div>
  217. </form>
  218. </div>
  219. </div><!--end: .email-newsletter -->
  220. <div class="grid_3">
  221. <h3 class="rs title">Discover &amp; Create</h3>
  222. <div class="footer-menu">
  223. <ul class="rs">
  224. <li><a class="be-fc-orange" href="#">What is Kickstars</a></li>
  225. <li><a class="be-fc-orange" href="#">Start a project</a></li>
  226. <li><a class="be-fc-orange" href="#">Project Guidlines</a></li>
  227. <li><a class="be-fc-orange" href="#">Press</a></li>
  228. <li><a class="be-fc-orange" href="#">Stats</a></li>
  229. </ul>
  230. <ul class="rs">
  231. <li><a class="be-fc-orange" href="#">Staff Picks</a></li>
  232. <li><a class="be-fc-orange" href="#">Popular</a></li>
  233. <li><a class="be-fc-orange" href="#">Recent</a></li>
  234. <li><a class="be-fc-orange" href="#">Small Projects</a></li>
  235. <li><a class="be-fc-orange" href="#">Most Funded</a></li>
  236. </ul>
  237. <div class="clear"></div>
  238. </div>
  239. </div>
  240. <div class="clear"></div>
  241. </div>
  242. <div class="copyright">
  243. <div class="container_12">
  244. <div class="grid_12">
  245. <a class="logo-footer" href="index.html"><img src="/html/images/logo-2.png" alt="$SITE_NAME"/></a>
  246. <p class="rs term-privacy">
  247. <a class="fw-b be-fc-orange" href="single.html">Terms & Conditions</a>
  248. <span class="sep">/</span>
  249. <a class="fw-b be-fc-orange" href="single.html">Privacy Policy</a>
  250. <span class="sep">/</span>
  251. <a class="fw-b be-fc-orange" href="#">FAQ</a>
  252. </p>
  253. <p class="rs ta-c fc-gray-dark site-copyright">HTML by <a href="http://megadrupal.com" title="Drupal Developers" target="_blank">MegaDrupal</a>. Designed by <a href="http://bestwebsoft.com/" title="Web development company" target="_blank">BestWebSoft</a>.</p>
  254. </div>
  255. <div class="clear"></div>
  256. </div>
  257. </div>
  258. </footer>
  259.  
  260. </div>
  261.  
  262.  
  263. <div class="popup-common" id="sys_popup_common">
  264. <div class="overlay-bl-bg"></div>
  265. <div class="container_12 pop-content">
  266. <div class="grid_12 wrap-btn-close ta-r">
  267. <i class="icon iBigX closePopup"></i>
  268. </div>
  269. <div class="grid_6 prefix_1">
  270. <div class="form login-form">
  271. <form action="/auth/register" method="POST">
  272. <h3 class="rs title-form">S'inscrire</h3>
  273. <div class="box-white">
  274. <h4 class="rs title-box">New to Studeed?</h4>
  275. <p class="rs">A Studeed account is required to continue.</p>
  276. <div class="form-action">
  277. <label for="txt_name">
  278. <input id="txt_name" name="name" class="txt fill-width" type="text" placeholder="Enter full name"/>
  279. </label>
  280. <div class="wrap-2col clearfix">
  281. <div class="col">
  282. <label for="txt_email">
  283. <input id="txt_email" name="email" class="txt fill-width" type="email" placeholder="Enter your e-mail address"/>
  284. </label>
  285. </div>
  286. <div class="col">
  287. <label for="txt_password">
  288. <input id="txt_password" name="password" class="txt fill-width" type="password" placeholder="Enter password"/>
  289. </label>
  290. <label for="txt_password_confirmation">
  291. <input id="txt_password_confirmation" name="password_confirmation" class="txt fill-width" type="password" placeholder="Re-enter password"/>
  292. </label>
  293. </div>
  294. </div>
  295. <input type="hidden" name="_token" value="6GJaAmT4YvKszvZppXv2PD0dRIt6JNla1e0sP6Fb">
  296. <div class="row">
  297. <div class="col-md-6">
  298. <p class="rs ta-c">
  299. <button class="btn btn-red btn-submit" type="submit">Register</button>
  300. </p>
  301. </div>
  302. <div class="col-md-6">
  303. <a href="/auth/facebook">
  304. <img class="signup-with-facebook" src="/HTML/images/SignupFacebookButton.png">
  305. </a>
  306. </div>
  307. </div>
  308. </div>
  309. </div>
  310. </form>
  311. </div>
  312. </div>
  313. <div class="grid_4">
  314. <div class="form login-form">
  315. <form method="POST" action="/auth/login">
  316. <h3 class="rs title-form">Login</h3>
  317. <div class="box-white">
  318. <h4 class="rs title-box">Already Have an Account?</h4>
  319. <p class="rs">Please log in to continue.</p>
  320. <div class="form-action">
  321. <label for="txt_email_login">
  322. <input id="txt_email_login" name="email" class="txt fill-width" type="email" placeholder="Enter your e-mail address"/>
  323. </label>
  324. <label for="txt_password_login">
  325. <input id="txt_password_login" name="password" class="txt fill-width" type="password" placeholder="Enter password"/>
  326. </label>
  327.  
  328. <label for="chk_remember" class="rs pb20 clearfix">
  329. <input id="chk_remember" type="checkbox" class="chk-remember"/>
  330. <span class="lbl-remember">Remember me</span>
  331. </label>
  332. <p class="rs ta-c pb10">
  333. <input type="hidden" name="_token" value="6GJaAmT4YvKszvZppXv2PD0dRIt6JNla1e0sP6Fb">
  334. <button class="btn btn-red btn-submit" type="submit">Login</button>
  335. </p>
  336. <p class="rs ta-c">
  337. <a href="#" class="fc-orange">I forgot my password</a>
  338. </p>
  339. </div>
  340. </div>
  341. </form>
  342. </div>
  343. </div>
  344. <div class="clear"></div>
  345. </div>
  346. </div>
  347.  
  348. <script>
  349. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  350. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  351. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  352. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  353.  
  354. ga('create', 'UA-20585382-5', 'megadrupal.com');
  355. ga('send', 'pageview');
  356. </script>
  357. </body>
  358. </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!