Untitled

<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/fonts.css">


<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
<title>PolarServers</title>
<script src="js/pace.js"></script>
<style>
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #fff;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #df2400, 0 0 5px #df2400;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #fff;
  border-left-color: #fff;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}
</style>

<script src="https://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript"></script>
  <script>


$(function() {
  $('a[href*="#"]:not([href="#"])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html, body').animate({
          scrollTop: target.offset().top
        }, 1000);
        return false;
      }
    }
  });
});
</script>


<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5808df09c7829d0cd36a07c0/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>


<script type="text/javascript">

function r1() {
  $("#r3").css("display","none");
  $("#r1").fadeIn(300);
  window.setTimeout(r2,3000);
}

function r2() {
  $("#r1").css("display","none");
  $("#r2").fadeIn(300);
  window.setTimeout(r3,3000);
}

function r3() {
  $("#r2").css("display","none");
  $("#r3").fadeIn(300);
  window.setTimeout(r1,3000);
}
r1();


</script>

</head>


<html>

  <div id="bg">
    <div id="v">
      <img src="images/bg.jpg" width="100%" height="100%">
      <img src="" alt="" title="" class="bg-overlay">
    </div>
  <div id="wrapper">

<!--
   <div id="upper_center_menu_main">
   <div class="text-center">
    <uppercentermenu_textc>
     <a href="#bg">Home</a>&nbsp&nbsp&nbsp
     <a href="#about">About Us</a>&nbsp&nbsp&nbsp
     <a href="#projects">Projects</a>&nbsp&nbsp&nbsp
 <!--    <a href="#extra">Extra</a>
    </uppercentermenu_textc>
   </div>
 </div>
<div>
<div id="login">

</div>
</div>
-->
<!-- Logo In the Middle
 <div id="upper_center_menu">
    <uppercentermenu_textc>
        <div class="text-left">
          <a href="#bg">Home</a>&nbsp&nbsp&nbsp
          <a href="#why">Why Us</a>&nbsp&nbsp&nbsp
        </div>
      <div class="text-center">
        <img src="images/logo.png" style="height:80px; width:auto;" />&nbsp&nbsp&nbsp
      </div>
      <div class="text-right">
        <a href="#about">About Us</a>&nbsp&nbsp&nbsp
        <a href="#projects">Knowledgebase</a>&nbsp&nbsp&nbsp
      </div>
    </uppercentermenu_textc>
   </div>
 </div>
 </div>
 -->

  <div id="upper_center_menu">
    <uppercentermenu_textc>

      <div class="text-left">
        <img src="images/logo.png" style="height:80px; width:auto;" />&nbsp&nbsp&nbsp
      </div>
      <div class="text-right">
          <a href="#bg">Home</a>&nbsp&nbsp&nbsp
          <a href="#why">Why Us</a>&nbsp&nbsp&nbsp
        <a href="/order/">Order</a>&nbsp&nbsp&nbsp
        <a href="/order/clientarea.php">Client Area</a>&nbsp&nbsp&nbsp

      </div>
    </uppercentermenu_textc>
   </div>
 </div>
 </div>


 <!-- <div class="minibar"></div> -->
  <div class="h_main">
    <div id="h_m_child">
    <div class="stripHead">
  <h3>POLAR SERVERS
    </div>
    <div class="stripTag">
    <p>Quality game hosting.</p>
    </div>
     <!--   <a class="under_btn" href="#projects">Projects</a>&nbsp<a class="under_btn" href="#why">Why Choose Us?</a> -->
</h3>
  </div>

</div>
</div>
</div>


<div id="section">

<div id="why">
<div class="darkeng">
<div id="ht_limiter">
<h1>Why Us?</h1>
</div>
<br>
<div id="margin-90X">

<div class="contain">
<div class="screen1">
  <div class="image-containerNBI">
    <img class="image-contain" src="icons/heart.png" align="right" />
  </div>
      <pxs>
      <h3>Quality Support</h3>
      We have an experienced support team who have worked multiple years in the server bussiness, and the games we provide.
</pxs>
</div>

<div class="screen2">
  <div class="image-containerNBI">
    <img class="image-contain" src="icons/files.png" align="right" />
  </div>
        <pxs>
      <h3>Dedicated Resources</h3>
  We are firmly against overloading our servers, we give you dedicated resources, at the same price.</pxs>
</div>

<div class="screen3">
  <div class="image-containerNBI">
    <img class="image-contain" src="icons/favourites.png" align="right" />
  </div>
        <pxs>
     <h3>DDOS Protected</h3>
     Being taken down when reaching a full server is very frustrating, We have specialized in protecting your server against these attacks.
      </pxs>
</div>


</div>
</div></div></div>
<br>


<div class="darkwrap">
<div class="contain">
<div class="halfL">
  <div class="image-containerNB">
    <img class="image-contain" src="images/cpanel.png" align="right" />
  </div>
</div>

<div class="halfR">
 <p>

  <h2>What control panel?</h2>
    <ul>
    <li>We are currently using the TCAdmin control panel </li><br>
    <li>Note: We will soon make our custom control panel, to improve our customer experience. </li>
    </ul>

 </p>
</div>


</div>


<div id="margin-90">
<div id="about">
  <div id="ht_limiter">
<h1>Testimonials</h1>
</div><br>
<!-- Start Main About -->
<div class="add">
<div class="rotatebox">
<i>
<div id="r1">
  <p>
    The only server who could run my server, The others just crashed but this one seems to manage just fine!
    </p>
      <br>
  <p2>
  Lolfish991<br>
  </p2>
  <p3>
  Mesa Gaming
    </p3>
</div>
<div id="r2">
  <p>
Great Support! Would recommend to anyone!
    </p>
      <br>
  <p2>
  Kane<br>
  </p2>
  <p3>
  Tesla Gaming
    </p3>
</div>
<div id="r3">
  <p>
Honestly the only server who could give this much insight into my problem, I finally could start up my server again after so many days of downtime! I can't thank them enough for this.
    </p>
      <br>
    <p2>
  Lafoye<br>
  </p2>
  <p3>
  Owner of Mastergaming
    </p3>
</div>
</i>

  </div>
</div>
</div>

</div></div>

<div id="projects">
<div id="margin-90">
<div id="ht_limiter">
<h1>F.A.Q</h1>
</div>
<div class="contain">
<div class="halfL">
  <div class="image-containerL">
      <h3><b>How long does it take to setup the server?</b>
      <p>When we have received payment, it could take up to 5 minutes.</p></h3>
  </div>
  <br>
  <div class="image-containerL">
      <h3><b>How much protection does your server provide?</b>
      <p>We can ensure 65 GB/second protection depending on location. We are also protected against VSE, Layer 7, and many other methods...</p></h3>
  </div>
      <div class="image-containerX">
      <h3><b></b>
    <p></p></h3>
  </div>
  <br>
</div>

<div class="halfR">
  <div class="image-containerR">
    <h3><b>Whats the easiest way to contact you?</b>
    <p>We value our customers, and thats why support is very important. We allow that you can contact us by a simple support ticket, Adding us on steam and Email.</p></h3>
  </div>
  <br>
  <div class="image-containerR">
      <h3><b>What CPU do you use?</b>
    <p>We use the Xeon E3-1231 v3, Which is ranked in the top 35 out there for single threaded performance. Perfect for Garry's mod. </p></h3>
  </div>
    <div class="image-containerX">
      <h3><b></b>
    <p></p></h3>
  </div>
</div>
<!--
<copyright>Copyright <i class="fa fa-copyright" aria-hidden="true"></i> Vivid Studios 2016
<br><br>
</copyright>
-->
</div>
</div>
<div id="footer">
<form action="send.php" method="post">
<div id="ht_limiter2">
<h2 style="color:white;">Sales Inquiries</h2>
<div class="halfL">
  <label for="fullname">Full Name</label><br>
  <input type="text" id="fullname" name="fullname" required><br>
    <label for="email">Email</label><br>
  <input type="email" id="email" name="email" required><br>

</div>
<div class="halfR">
    <label for="message">Message</label><br>
  <input type="text" class="bigger" id="message" name="message" required><br>
  <input type="submit" value="Submit">
</div>
</form>

</div>
<div id="footer2">
<div id="ht_limiter2">
<h4>Copyright <i class="fa fa-copyright" aria-hidden="true"></i> Polar Hosting 2016</h4>
</div>
</div>
</div>
</div>

<br><br>

</html>