PageRenderTime 428ms CodeModel.GetById 21ms RepoModel.GetById 0ms app.codeStats 0ms

/public/test_layout4.html

https://github.com/eladioruiz/golf
HTML | 158 lines | 118 code | 22 blank | 18 comment | 0 complexity | 21853b60c3d4200d0336cb63d97f00d0 MD5 | raw file
Possible License(s): BSD-3-Clause 
    

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. 

  2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. 

  3.     <head>
    4. 

  4.         <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    5. 

  5.         <meta content="text/html;charset=UTF-8" http-equiv="content-type"/>
    6. 

  6.         <title>My Golf Card</title>
    7. 

  7. 

  8.         <link rel="stylesheet" href="/stylesheets/mygolfcard_test.css" type="text/css" media="screen">
    9. 

  9.         <link rel="stylesheet" href="/stylesheets/south-street/jquery-ui-1.8rc3.custom.css" type="text/css" media="screen">
    10. 

  10.         <link rel="stylesheet" href="/stylesheets/lavalamp.css" type="text/css" media="screen">
    11. 

  11.         <script src="/javascripts/jquery-1.4.2.min.js" type="text/javascript"></script>
    12. 

  12.         <script src="/javascripts/jquery-ui-1.8rc3.custom.min.js" type="text/javascript"></script>
    13. 

  13.         <script src="/javascripts/jquery.easing.min.js" type="text/javascript"></script>
    14. 

  14.         <script src="/javascripts/jquery.lavalamp.min.js" type="text/javascript"></script>
    15. 

  15. 

  16.     </head>
    17. 

  17.     <body>
    18. 

  18.         <div class="wrapper">
    19. 

  19.             <div class="header">
    20. 

  20.                 <div class="header_header">
    21. 

  21.                     &nbsp;
    22. 

  22.                 </div>
    23. 

  23.                 <div class="wrapper_header">
    24. 

  24.                     <div class="wrapbranding">
    25. 

  25. 

  26.                         <div class="branding">
    27. 

  27.                             <h1><strong>My Golf Card</strong><span class="beta"><a id="dialog1" href="javascript:;" onclick='$("#beta-modal1").dialog();'>BETA</a></span></h1>
    28. 

  28.                             <h2>Tarjetas y Puntuaciones</h2>
    29. 

  29.                         </div>
    30. 

  30.                     
    31. 

  31.                     </div>
    32. 

  32.                     <div class="user_info">
    33. 

  33. Eladio Ruiz de Lucas Padrino Carmona (HCP : 36)&nbsp;&nbsp;&nbsp;&nbsp;<a href="/logout" alt="Logout"><img src="/images/logout.gif" alt="Logout" border="0"></a>
    34. 

  34.                       <div id="user">
    35. 

  35.                         
    36. 

  36.                         <!--<br>home - index - false-->
    37. 

  37.                       </div>
    38. 

  38.                       <div id="logout">
    39. 

  39.                         
    40. 

  40.                       </div>
    41. 

  41. 

  42.                     </div>
    43. 

  43. <!--                    <div class="login_box">
    44. 

  44.                       <form action="/session" method="post"><div style="margin: 0pt; padding: 0pt; display: inline;"><input name="authenticity_token" value="EVvLXPy5yA7EVNyYyuDgv/j/drRkz5QIHveTk2mriik=" type="hidden"></div>
    45. 

  45.                         <div class="row">
    46. 

  46.                           <label for="login" class="c_label">Usuario</label>
    47. 

  47.                           <input gtbfieldid="1" id="login" name="login" type="text">&nbsp;¿Desea <a id="dialog4" href="javascript:;" onclick='$("#dialog-modal5").dialog();'>registrarse</a> de forma gratuita en My Golf Card?
    48. 

  48.                         </div>
    49. 

  49. 

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

  51.                           <label for="password" class="c_label">Password</label>
    52. 

  52.                           <input id="password" name="password" type="password">&nbsp;<span style="color: red;">Logged in successfully</span>&nbsp;
    53. 

  53.                         </div>
    54. 

  54.                         <div class="row">
    55. 

  55.                           <label class="c_label">&nbsp;</label>
    56. 

  56.                           <input class="submit" name="commit" value="Entrar" type="submit">&nbsp;¿Desea <a id="dialog4" href="javascript:;" onclick='$("#dialog-modal6").dialog();'>recuperar su contraseña</a>?
    57. 

  57.                         </div>
    58. 

  58.                       </form>
    59. 

  59.                     </div>-->
    60. 

  60.                 </div>
    61. 

  61.                 <div class="footer_header">
    62. 

  62.                     &nbsp;
    63. 

  63.                 </div>
    64. 

  64.             </div> <!-- end header -->
    65. 

  65. 

  66. 

  67.             <div class="content_wrapper">
    68. 

  68. 

  69.                 <div id="navigation_main">
    70. 

  70.                     <ul class="lavaLampWithImage" id="menu">
    71. 

  71.                     <li><a title="Inicio" href="/">Inicio</a></li>
    72. 

  72.                     <li class="<%=  @current_menu['matches'] %>"><a href="/matches">Partidos</a></li>
    73. 

  73.                     <li><a href="#" class="inactive">Resumen</a></li>
    74. 

  74.                     <li><a href="#" class="inactive">Datos Personales</a></li>
    75. 

  75.                     <li class="<%=  @current_menu['courses'] %>"><a href="/courses">Campos</a></li>
    76. 

  76.                     <li class="<%=  @current_menu['charts'] %>"><a href="/charts/pie_courses">Estad&iacute;sticas</a></li>
    77. 

  77.                     </ul>
    78. 

  78.                 </div>  <!-- end: navigation -->
    79. 

  79. 

  80.                 <div class="main_content">
    81. 

  81. 

  82.                     <div class="text_box">
    83. 

  83.                         <h2>My Golf Card</h2>
    84. 

  84.                         <div id="internal_text" class="presentation">
    85. 

  85.                             <ul>
    86. 

  86.                                 <li>¿Conoce ya My Golf Card? ¿No le han hablado sus compa&ntilde;eros de esta nueva web de golf?</li>
    87. 

  87.                                 <li>No se preocupe, en cuatro preguntas va a entender la nueva forma de continuar disfrutando del golf cuando esté de vuelta en casa conectándose a My Golf Card:</li>
    88. 

  88.                                 <li>
    89. 

  89.                                     <ol>
    90. 

  90.                                         <li>¿Es un aficionado al golf y no sabe dónde guardar las tarjetas de cada partido? <a id="dialog1" href="javascript:;" onclick='$("#dialog-modal1").dialog();' >M&aacute;s info</a> </li>
    91. 

  91.                                         <li>¿Le gustan las redes sociales y compartir sus experiencias? <a id="dialog2" href="javascript:;" onclick='$("#dialog-modal2").dialog();' >M&aacute;s info</a> </li>
    92. 

  92.                                         <li>¿Quiére compartir con sus compañeros de partido los resultados? <a id="dialog3" href="javascript:;" onclick='$("#dialog-modal3").dialog();' >M&aacute;s info</a> </li>
    93. 

  93.                                         <li>¿Es un apasionado de las estadísticas y quiere saber cómo evoluciona su juego? <a id="dialog4" href="javascript:;" onclick='$("#dialog-modal4").dialog();' >M&aacute;s info</a> </li>
    94. 

  94.                                     </ol>
    95. 

  95.                                 </li>
    96. 

  96.                                 <li>En My Golf Card se unen todos estos ingredientes para permitirle conjugar su pasión por el golf y sus ganas de compartir en la red sus ”mejores golpes”.</li>
    97. 

  97.                                 <li>Darse da alta en My Golf Card es totalmente gratuito. Pruébelo desde ahora mismo haciendo clic en este <a href="/signup">enlace</a>.</li>
    98. 

  98.                             </ul>
    99. 

  99.                         </div> <!-- end: internal_text -->
    100. 

  100.                     </div> <!-- end: text-box -->
    101. 

  101.                       
    102. 

  102.                 </div>
    103. 

  103.             </div>
    104. 

  104.             <div class="left">
    105. 

  105.                 &nbsp;
    106. 

  106.             </div>
    107. 

  107.             <div class="right">
    108. 

  108.                 &nbsp;
    109. 

  109.             </div>
    110. 

  110.             <div class="footer">
    111. 

  111.                 <p>&copy 2010 Eladio Ruiz</p>
    112. 

  112.             </div>
    113. 

  113.         </div>
    114. 

  114. 

  115. 

  116.         <div class="demo">
    117. 

  117. 

  118.           <div id="dialog-modal1" style="display:none" title="Más información">
    119. 

  119.             <p>Los que primero solemos sacar de la bolsa de palos los aficionados al gof antes de empezar un buen partido es la consabida tarjeta para apuntar nuestros golpes o los de nuestros compañeros.</p>
    120. 

  120.             <p>Y por supuesto, en el "Hoyo 19" hacemos recuento a ver si hoy "se nos ha dado mejor". En cualquier caso, una vez acabado este primero momento de emoción, las tarjetas se convierten en otro trozo de cartón con el que no sabemos qué hacer.</p>
    121. 

  121.             <p>Y tampoco tenemos normalmente una manera sencilla de almacenar estas tarjetas, ya sea de una forma física o en el mundo de internet, de una forma electrónica y accesible desde todo el mundo.</p>
    122. 

  122.             <p>MyGolfCard le permite guardar de forma electrónica sus tajetas en Internet y consultarlas en cualquier momento. ¡Ya puede deshacerse del cartón!</p>
    123. 

  123.           </div>
    124. 

  124. 

  125.           <div id="dialog-modal2" style="display:none" title="Más información">
    126. 

  126.             <p>Hoy en día cada vez son más las personas que disfrutan de parte de su tiempo libre compartiendo experiencias, viviencias y otras cosas dentro de una red social.</p>
    127. 

  127.             <p>A los aficionados al golf nos pasa especialmente con nuestros partidos. Para bien o para mal, nos encanta compartir esa "tarjeta especial" que hemos hecho hoy, especialmente si el partido anterior no se nos dió muy bien.</p>
    128. 

  128.             <p>En MygolfCard no sólo podrá registrar los golpes de su partido, si no también compartirlo con quién desee: sus compañeros de partido, sus amigos o toda la comunidad de MyGolfCard.</p>
    129. 

  129.           </div>
    130. 

  130. 

  131.            <div id="dialog-modal3" style="display:none" title="Más información">
    132. 

  132.             <p>Ya sabemos que el golf es un deporte que se juega "contra uno mismo", pero ¿a quién no le gusta comprar su puntuación con las de los compañeros de partido?</p>
    133. 

  133.             <p>A los aficionados al golf nos pasa especialmente con nuestros partidos. Para bien o para mal, nos encanta compartir esa "tarjeta especial" que hemos hecho hoy, especialmente si el aprtido anterior no se nos dió muy bien.</p>
    134. 

  134.             <p>En MygolfCard no sólo podrá registrar los golpes de su partido, si no también compartirlo con quién desee: sus compañeros de partido, sus amigos o toda la comunidad de MyGolfCard.</p>
    135. 

  135.           </div>
    136. 

  136. 

  137.            <div id="dialog-modal4" style="display:none" title="Más información">
    138. 

  138.             <p>Y después de todo nuestro esfuerzo durante el juego, la concentración que hemos puesto hoy y la sensación de haber jugado un "gran partido"... ¿cómo lo hemos hecho realmente?</p>
    139. 

  139.             <p>¿Hemos "pinchado" en algún hoyo? ¿Mantenemos una regularidad en nuestro últimos partidos? ¿En qué campo solemos jugar más?</p>
    140. 

  140.             <p>En MygolfCard podrá consultar y analizar toda esta información, porque tendrá disponibles una serie de estadísticas que le permitirá saber cómo evoluciona su juego.</p>
    141. 

  141.             <p>¿Y no es eso lo que todos los golfistas pretendemos? ¿Saber si conseguimos dominar este juego traidor y a la vez encantador?</p>
    142. 

  142.           </div>
    143. 

  143. 

  144.         </div> <!-- demo -->
    145. 

  145. 

  146. <script type="text/javascript">
    147. 

  147.   var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    148. 

  148.   document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    149. 

  149. </script>
    150. 

  150. <script type="text/javascript">
    151. 

  151.   try {
    152. 

  152.     var pageTracker = _gat._getTracker("UA-13252939-1");
    153. 

  153.     pageTracker._trackPageview();
    154. 

  154.   } catch(err) {}
    155. 

  155. </script>
    156. 

  156. 

  157.     </body>
    158. 

  158. </html>
    159. 

  159.