SHARE
TWEET

Untitled

a guest Aug 29th, 2012 34 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>PytoHost - Services</title>
  6. <link rel="stylesheet" href="../includes/css/style.css" type="text/css" media="screen"/>
  7. <link rel="stylesheet" href="../includes/css/othermain.css" type="text/css" />
  8. <link rel="stylesheet" href="font.css" type="text/css" media="screen"/>
  9. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  10. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
  11.  <script type="text/javascript">
  12. $(document).ready(function() {
  13.     $('#aslider').slider({
  14.         min: 0,
  15.         range: "max",
  16.         max: 15,
  17.         min: 1,
  18.         step: .01,
  19.         slide: function(event, ui) {
  20.             $('.node').removeClass('highlight');
  21.             var step = Math.floor(ui.value + .5);
  22.             $('.node:lt(' + step + ')').addClass("highlight");
  23.  
  24.             $('.plural').toggle(step > 1);
  25.             $('.numNodes').each(function() {
  26.                 var unit = $(this).data('unit-amt') || 1;
  27.                 var discount = $(this).data('discount') || 0;
  28.                 var amt = Math.floor((step * unit) - ((step - 1) * discount) * step);
  29.                 var dec = $(this).data('dec') || 0;
  30.                 $(this).text(amt.toFixed(dec));
  31.             });
  32.         }
  33.     });
  34. });​
  35. </script>
  36. </head>
  37. <div id="header">
  38.   <table>
  39.     <tr>
  40.     <td class="vtable">
  41.         <div id="logo">
  42.     <a href="../index.php">
  43.         <img src="../includes/img/logo.png" width="295" height="86" alt="PytoHost Logo" />
  44.         </a>
  45.     </div>
  46.     </td>
  47.     <td>
  48.       <div id="navbar">
  49.       <div id="navbarwrap">
  50. <ul>
  51. <li><a  href="../">Home</a></li>
  52. <li><a id="active" href="../services">Services</a></li>
  53. <li><a href="../about">About Us</a></li>
  54. <li><a id="end" href="../support">Support</a></li>
  55. <li><a id="end" href="../contact">Contact Us</a></li>
  56.  
  57. </ul>
  58. <ul class="ca">
  59. <li><a href="http://billing.pytohost.com/">Client Area</a></li>
  60. </ul>
  61.     </div>
  62.         </div>
  63.     </td>
  64.     </tr>
  65.   </table>
  66. </div>
  67.  
  68.  
  69. <div id="welcomebar">
  70. <img src="../includes/img/services.png" width="280" height="84" alt="Services">
  71. </div>
  72.  
  73. <div id="opcontent">
  74.     <div id="aslider"></div><br>
  75.     <div id="nodes">
  76.         <div class="node highlight">1</div>
  77.         <div class="node">2</div>
  78.         <div class="node">3</div>
  79.         <div class="node">4</div>
  80.         <div class="node">5</div>
  81.         <div class="node">6</div>
  82.         <div class="node">7</div>
  83.         <div class="node">8</div>
  84.         <div class="node">9</div>
  85.         <div class="node">10</div>
  86.         <div class="node">11</div>
  87.         <div class="node">12</div>
  88.         <div class="node">13</div>
  89.         <div class="node">14</div>
  90.         <div class="node">15</div>
  91.     </div>
  92. </div>
  93.  
  94. <div id="information">
  95.     <div class="infoslider"><span class="head">Nodes needed</span><br><span class="numNodes">1</span> Node<span class="plural">S</span></div>
  96.     <div class="infoslider"><span class="head">This will use</span><br><span class="numNodes">1</span> TB</div>
  97.     <div class="infoslider"><span class="head">Daily cost</span><br>$<span class="numNodes" data-unit-amt="2" data-dec="2">2</span></div>
  98.     <div class="infoslider"><span class="head">Monthly cost</span><br>$<span class="numNodes" data-unit-amt="20" data-discount="0.2" data-dec="2">2.5</span></div>
  99. </div>
  100.  
  101. </div>
  102.  
  103.  
  104. <?php include("../includes/footer.php"); ?>
RAW Paste Data
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
 
Top