Untitled

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>PytoHost - Services</title>
<link rel="stylesheet" href="../includes/css/style.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="../includes/css/othermain.css" type="text/css" />
<link rel="stylesheet" href="font.css" type="text/css" media="screen"/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
 <script type="text/javascript">
$(document).ready(function() {
    $('#aslider').slider({
        min: 0,
        range: "max",
        max: 15,
        min: 1,
        step: .01,
        slide: function(event, ui) {
            $('.node').removeClass('highlight');
            var step = Math.floor(ui.value + .5);
            $('.node:lt(' + step + ')').addClass("highlight");

            $('.plural').toggle(step > 1);
            $('.numNodes').each(function() {
                var unit = $(this).data('unit-amt') || 1;
                var discount = $(this).data('discount') || 0;
                var amt = Math.floor((step * unit) - ((step - 1) * discount) * step);
                var dec = $(this).data('dec') || 0;
                $(this).text(amt.toFixed(dec));
            });
        }
    });
});
</script>
</head>
<div id="header">
  <table>
    <tr>
    <td class="vtable">
    <div id="logo">
    <a href="../index.php">
    <img src="../includes/img/logo.png" width="295" height="86" alt="PytoHost Logo" />
    </a>
    </div>
    </td>
    <td>
      <div id="navbar">
      <div id="navbarwrap">
<ul>
<li><a  href="../">Home</a></li>
<li><a id="active" href="../services">Services</a></li>
<li><a href="../about">About Us</a></li>
<li><a id="end" href="../support">Support</a></li>
<li><a id="end" href="../contact">Contact Us</a></li>

</ul>
<ul class="ca">
<li><a href="http://billing.pytohost.com/">Client Area</a></li>
</ul>
    </div>
    </div>
    </td>
    </tr>
  </table>
</div>


<div id="welcomebar">
<img src="../includes/img/services.png" width="280" height="84" alt="Services">
</div>

<div id="opcontent">
    <div id="aslider"></div><br>
    <div id="nodes">
        <div class="node highlight">1</div>
        <div class="node">2</div>
        <div class="node">3</div>
        <div class="node">4</div>
        <div class="node">5</div>
        <div class="node">6</div>
        <div class="node">7</div>
        <div class="node">8</div>
        <div class="node">9</div>
        <div class="node">10</div>
        <div class="node">11</div>
        <div class="node">12</div>
        <div class="node">13</div>
        <div class="node">14</div>
        <div class="node">15</div>
    </div>
</div>

<div id="information">
    <div class="infoslider"><span class="head">Nodes needed</span><br><span class="numNodes">1</span> Node<span class="plural">S</span></div>
    <div class="infoslider"><span class="head">This will use</span><br><span class="numNodes">1</span> TB</div>
    <div class="infoslider"><span class="head">Daily cost</span><br>$<span class="numNodes" data-unit-amt="2" data-dec="2">2</span></div>
    <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>
</div>

</div>


<?php include("../includes/footer.php"); ?>