INFOTRONIC3000

info.php

Sep 9th, 2015
43
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <?php
  2. /*
  3. Template Name: Info
  4. */
  5. ?>
  6. <style type="text/css">
  7. /* CSS Document */
  8.  
  9. @import url(http://fonts.googleapis.com/css?family=Open+Sans);
  10.  
  11. body {
  12.   /*background: #009688;*/
  13.   font-size:18px;
  14.   line-height: 32px;
  15.   word-wrap:break-word !important;
  16.   font-family: 'Open Sans', sans-serif;
  17.   }
  18.  
  19.  
  20. h1 {
  21.   font-size: 60px;
  22.   text-align: center;
  23.   line-height: 1.5;
  24.   color: #FFF;
  25. }
  26.  
  27. a {
  28.   color: #FFF;
  29. }
  30.  
  31. p {
  32.     font-size:22px;
  33.     line-height:40px;
  34.     color: #333;
  35.     }
  36.  
  37. .tabs {
  38.     width: 650px;
  39.     float: none;
  40.     list-style: none;
  41.     padding: 0;
  42.     margin: 75px auto;
  43. }
  44.  
  45. .tabs li {
  46.     display: block;
  47. }
  48.  
  49. .labels:after {
  50.     content: '';
  51.     display: table;
  52.     clear: both;
  53. }
  54.  
  55. .tabs label {
  56.     display: inline-block;
  57.     float: left;
  58.     padding: 10px 20px;
  59.     color: #FFFFFF;
  60.     font-size: 24px;
  61.     font-weight: normal;
  62.     background: #2c3e50;
  63.     cursor: pointer;
  64. }
  65.  
  66. .tabs label:hover {
  67.     background: #3498db;
  68. }
  69.  
  70. .tab-content {
  71.     display: none;
  72.     width: 100%;
  73.     padding: 15px;
  74.  
  75.     border:1px solid #ccc;
  76.     border-top: 10px solid #08C;
  77.     background-color:#ffffff;
  78. }
  79.  
  80.  
  81. .tabs input[type=radio] {
  82.     display:none;
  83. }
  84.  
  85. [id^=tab]:checked ~ div[id^=tab-content] {
  86.     display: block;
  87. }
  88.  
  89. [id^=tab]:checked ~ [id^=label]  {
  90.     background: #08C;
  91.     color: white;
  92. }
  93.  
  94. #relatedContent {
  95.     display: block;
  96.     clear: both;
  97.     max-width: 800px;
  98.     margin: 100px auto 0;
  99. }
  100.  
  101. #relatedContent h3 {
  102.   font-size: 30px;
  103.   text-align: center;
  104.   color: #FFF;
  105. }
  106.  
  107. #relatedContent .item {
  108.     max-width: 44%;
  109.     padding: 3%;
  110.     float: left;
  111.     text-align: center;
  112. }
  113.  
  114. #relatedContent .item a img {
  115.     max-width: 100%;
  116. }
  117.  
  118. </style>
  119.  
  120. <?php //get_header(); ?>
  121.  <?php if (have_posts()) : while (have_posts()) : the_post();?>
  122.  <div class="post">
  123.  <!-- <h2 id="post-<?php the_ID(); ?>"><?php// the_title();?></h2> -->
  124.   <div id="content" class="widecolumn">
  125.     <div class="contenedor">
  126.         <ul class="tabs">
  127.             <li class="labels">
  128.                 <label for="tab1" id="label1">tab 1</label>
  129.                 <label for="tab2" id="label2">tab 2</label>
  130.             </li>
  131.             <li>
  132.                 <input type="radio" checked name="tabs" id="tab1">
  133.                 <div id="tab-content1" class="tab-content">
  134.                     <form name="pagamentoSiTef-form" id="pagamentoSiTef-form" action="paymentDo.php" method="POST">
  135.                         Plan Seleccionado: <?= ucwords($_GET['plan']); ?><br>
  136.                         Costo Total: <?= $_GET['id']; ?>
  137.                         <?php
  138.                             echo "<input type='hidden' id='amount' name='amount' value='".$_GET['id']."'>";
  139.                         ?>                      
  140.                         <table>
  141.                             <tr>
  142.                                 <td width="180px" style="max-width:auto;">
  143.                                     M&eacute;todo de Pago
  144.                                 </td>
  145.                                 <td>
  146.                                     <table>
  147.                                         <tr>
  148.                                             <td style="max-width:1.5px;text-align:center; vertical-align:middle;">
  149.                                                 <input required="required"  type="radio" name="authorizerId" id="authorizerId" value="1" checked>
  150.                                             </td>
  151.                                             <td style="text-align:center; vertical-align:middle;">
  152.                                                 <img align="middle" src="http://consultaqui.com/pagamentoSiTef/img/visa.png">
  153.                                             </td>
  154.                                             <td style="max-width:1.5px;text-align:center; vertical-align:middle;" >
  155.                                                 <input required="required"  type="radio" name="authorizerId" id="authorizerId" value="2" >
  156.                                             </td>
  157.                                             <td style="text-align:center; vertical-align:middle;">                                  
  158.                                                 <img align="middle" src="http://consultaqui.com/pagamentoSiTef/img/mastercard.png">
  159.                                             </td>
  160.                                             <td style="max-width:1.5px;text-align:center; vertical-align:middle;" >
  161.                                                 <input required="required"  type="radio" name="authorizerId" id="authorizerId" value="3" >
  162.                                             </td>
  163.                                             <td style="text-align:center; vertical-align:middle;">
  164.                                                 <img align="middle" src="http://consultaqui.com/pagamentoSiTef/img/american_express_green.png">
  165.                                             </td>
  166.                                         </tr>
  167.                                     </table>
  168.                                 </td>
  169.                             </tr>
  170.                             <tr>
  171.                                 <td>N&uacute;mero de la Tarjeta</td>
  172.                                 <td><input required="required"  size="19" maxlength="19" type="text" id="cardNumber" name="cardNumber"></td>
  173.                             </tr>
  174.                             <tr>
  175.                                 <td>Fecha de Expiraci&oacute;n</td>
  176.                                 <td>
  177.                                     <p>
  178.                                         Mes&nbsp;<input required="required"  style="max-width:30px;" maxlength="2" size="2" type="text" id="mes" name="mes">&nbsp;&nbsp;
  179.                                         A&ntilde;o&nbsp;<input required="required"  style="max-width:30px;" maxlength="2" size="2" type="text" id="year" name="year">
  180.                                     </p>
  181.                                 </td>
  182.                             </tr>
  183.                             <tr>
  184.                                 <td>C&oacute;digo de Seguridad</td>
  185.                                 <td>
  186.                                     <input required="required"  style="max-width: 50px;" size="5" maxlength="5" type="text" id="cardSecurityCode" name="cardSecurityCode">&nbsp;
  187.                                     <img style="text-align:center; vertical-align:middle;" src="http://consultaqui.com/pagamentoSiTef/img/cc_back.png" title="El n&uacute;mero de verificaci&oacute;n de la tarjeta (CVV o CVC) es un n&uacute;mero de 3 d&iacute;gitos impreso en el reverso de su tarjeta de d&eacute;bito / cr&eacute;dito">
  188.                                 </td>
  189.                             </tr>
  190.                             <tr>
  191.                                 <td colspan="3">Titular de la Tarjeta</td>                  
  192.                             </tr>
  193.                             <tr>
  194.                                 <td>Cedula de Identidad</td>
  195.                                 <td>
  196.                                     Nombre &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Apellido
  197.                                 </td>
  198.                             </tr>
  199.                             <tr>
  200.                                 <td>
  201.                                     <p>
  202.                                         <select style="max-width:50px;" name="customerNacionalidad">
  203.                                             <option value="V">V</option>
  204.                                             <option value="E">E</option>
  205.                                         </select><input required="required"  style="height: 32" maxlength="8" type="text" id="customerCedula" name="customerCedula">
  206.                                     </p>
  207.                                 </td>
  208.                                 <td>
  209.                                     <p>
  210.                                         <input required="required"  type="text" id="nameTitular" name="nameTitular"><input required="required"  type="text" id="apellidoTitular" name="apellidoTitular">
  211.                                     </p>
  212.                                 </td>
  213.                             </tr>
  214.                             <tr>
  215.                                 <td>Email</td>
  216.                                 <td><input required="required"  type="email" id="email" name="email"></td>
  217.                             </tr>
  218.                             <tr>
  219.                                 <td colspan="2">
  220.                                     <input required="required"  type="submit" name="btnPagar" id="btnPagar" value="Pagar">
  221.                                 </td>
  222.                             </tr>
  223.                         </table>
  224.                     </form>
  225.                     <!-- Your Content Here -->
  226.                 </div>
  227.             </li>
  228.             <li>
  229.                 <input type="radio" name="tabs" id="tab2">
  230.                 <div id="tab-content2" class="tab-content">
  231.                     <h3>Tab 2</h3>
  232.                     <!-- Your Content Here -->
  233.                 </div>
  234.             </li>
  235.         </ul>  
  236.      </div>
  237.  <?php endwhile; endif; ?>
  238. </div>
  239.  
  240. <?php //get_footer(); ?>
RAW Paste Data