templates/hosting/shared.html.twig line 1

  1. {% extends 'core/__skeleton.html.twig' %}
  3. {% block main %}
  5.     <section id="hostingHeader" class="hosting__heading">
  6.         <div class="wrap">
  7.             <h1>Cloud Web Hosting in Wales</h1>
  8.             <h2><span>Green</span>, Secure & Powerful Web Hosting</h2>
  9.             <div class="hosting__pricing--container">
  10.                 <label class="hosting__pricing__period">
  11.                     <input type="checkbox" id="period" name="period" role="switch">
  12.                     <span class="hosting__pricing__slider"></span>
  13.                 </label>
  14.                 <span class="hosting__pricing__label">
  15.                     <strong>Annual Billing</strong> (Save 10%)
  16.                 </span>
  17.             </div>
  18.         </div>
  19.     </section>
  20.     <section id="hostingPricing" class="hosting__pricing">
  21.         <div class="wrap">
  22.             <div id="hostingMonthly" class="hosting__pricing__columns">
  23.                 {% for row in products %}
  24.                     {% if row.period == 1 %}
  25.                         <div class="hosting__pricing__column">
  26.                             {% if row.popular %}
  27.                                 <div class="hosting__pricing__column--popular">
  28.                                     Most Popular
  29.                                 </div>
  30.                             {% endif %}
  31.                             <h4>{{ row.name }}</h4>
  32.                             <div class="hosting__pricing__column--price">
  33.                                 &pound;{{ row.registerPrice|number_format(2) }}<small>/month</small>
  34.                             </div>
  35.                             {{ row.shortDescription|raw }}
  36.                             {{ row.features|raw }}
  37.                             <button type="button" class="button button--green button--full" data-modal="orderModal" data-type="linux-hosting-monthly" data-value="{{ row.name }}">
  38.                                 Purchase Plan
  39.                             </button>
  40.                         </div>
  41.                     {% endif %}
  42.                 {% endfor %}
  43.             </div>
  44.             <div id="hostingAnnually" class="hosting__pricing__columns hidden">
  45.                 {% for row in products %}
  46.                     {% if row.period == 12 %}
  47.                         <div class="hosting__pricing__column">
  48.                             {% if row.popular %}
  49.                                 <div class="hosting__pricing__column--popular">
  50.                                     Most Popular
  51.                                 </div>
  52.                             {% endif %}
  53.                             <h4>{{ row.name }}</h4>
  54.                             <div class="hosting__pricing__column--price">
  55.                                 &pound;{{ row.registerPrice|number_format(2) }}<small>/year</small>
  56.                             </div>
  57.                             {{ row.shortDescription|raw }}
  58.                             {{ row.features|raw }}
  59.                             <button type="button" class="button button--green button--full" data-modal="orderModal" data-type="linux-hosting-yearly" data-value="{{ row.name }}">
  60.                                 Purchase Plan
  61.                             </button>
  62.                         </div>
  63.                     {% endif %}
  64.                 {% endfor %}
  65.             </div>
  66.         </div>
  67.     </section>
  68.     <section class="hosting__section hosting__grey">
  69.         <div class="wrap">
  70.             <div class="hosting__section__content">
  71.                 <h2>The Little Welsh Hosting Company</h2>
  72.                 <h3>4 Reasons To Choose Us</h3>
  73.                 <p>
  74.                     We may be a <strong>"Little"</strong> Welsh Hosting Company but our expertise and knowledge is far
  75.                     from <em><u>"small"</u></em>. We have constructed and put together the very best resources to
  76.                     provide you with the very <strong>BEST</strong> service.<br> Give us a try and use your local company.
  77.                 </p>
  78.             </div>
  79.             <div class="hosting__columns hosting__columns--4">
  80.                 <div class="hosting__column">
  81.                     <box-icon name="time-five" size="lg"></box-icon>
  82.                     <h4>100% Uptime</h4>
  83.                     <p>
  84.                         We are proud to boast that our systems have been up 100% of the time. We use robust, quality
  85.                         systems to ensure the best uptime.
  86.                     </p>
  87.                 </div>
  88.                 <div class="hosting__column">
  89.                     <box-icon name="support" size="lg"></box-icon>
  90.                     <h4>Excellent Support</h4>
  91.                     <p>
  92.                         Our technical support team is ready to help you as soon as we can. If you're stuck with an issue
  93.                         at 3am, drop us a message on our platform.
  94.                     </p>
  95.                 </div>
  96.                 <div class="hosting__column">
  97.                     <box-icon name="target-lock" size="lg"></box-icon>
  98.                     <h4>Great Security</h4>
  99.                     <p>
  100.                         We take security very seriously and our systems reflect that. We provide great protection from
  101.                         DDoS attacks and more.
  102.                     </p>
  103.                 </div>
  104.                 <div class="hosting__column">
  105.                     <box-icon name="map" size="lg"></box-icon>
  106.                     <h4>Welsh Company</h4>
  107.                     <p>
  108.                         Based in Ammanford, Carmarthenshire, you will be supporting a growing Welsh business that is
  109.                         looking to do more for its community.
  110.                     </p>
  111.                 </div>
  112.             </div>
  113.         </div>
  114.     </section>
  115.     <section class="hosting__section">
  116.         <div class="wrap">
  117.             <div class="hosting__section__content">
  118.                 <h2>Web Hosting</h2>
  119.                 <h3>Best Web Hosting Features For You</h3>
  120.                 <p>
  121.                     These features come standard in all of our shared hosting plans. We want to ensure that our Web
  122.                     Hosting packages match your expectations and more.
  123.                 </p>
  124.             </div>
  125.             <div class="hosting__columns hosting__columns--3">
  126.                 <div class="hosting__column hosting__column__side-icons">
  127.                     <div class="icons">
  128.                         <box-icon name="dashboard" type="solid" size="lg"></box-icon>
  129.                     </div>
  130.                     <div class="content">
  131.                         <h4>cPanel Control Panel</h4>
  132.                         <p>
  133.                             Enjoy the use of the world-renowned cPanel Control Panel to help manage your website, files,
  134.                             emails and a lot more.
  135.                         </p>
  136.                     </div>
  137.                 </div>
  138.                 <div class="hosting__column hosting__column__side-icons">
  139.                     <div class="icons">
  140.                         <box-icon name="user-pin" size="lg"></box-icon>
  141.                     </div>
  142.                     <div class="content">
  143.                         <h4>No AI Support Here!</h4>
  144.                         <p>
  145.                             Even though we think AI is great, there's nothing better than talking to a human-being
  146.                             about the issues you have.
  147.                         </p>
  148.                     </div>
  149.                 </div>
  150.                 <div class="hosting__column hosting__column__side-icons">
  151.                     <div class="icons">
  152.                         <box-icon name="mouse" size="lg"></box-icon>
  153.                     </div>
  154.                     <div class="content">
  155.                         <h4>1-Click Installer</h4>
  156.                         <p>
  157.                             Fancy installing a WordPress Blog, Drupal Website or another system easily by just the click
  158.                             of a button? Look no further.
  159.                         </p>
  160.                     </div>
  161.                 </div>
  162.                 <div class="hosting__column hosting__column__side-icons">
  163.                     <div class="icons">
  164.                         <box-icon name="time-five" size="lg"></box-icon>
  165.                     </div>
  166.                     <div class="content">
  167.                         <h4>100% Uptime</h4>
  168.                         <p>
  169.                             We are proud of this statistic! Currently, we can offer our clients 100% uptime on our
  170.                             servers meaning your website NEVER goes down.
  171.                         </p>
  172.                     </div>
  173.                 </div>
  174.                 <div class="hosting__column hosting__column__side-icons">
  175.                     <div class="icons">
  176.                         <box-icon name="hdd" size="lg"></box-icon>
  177.                     </div>
  178.                     <div class="content">
  179.                         <h4>Solid State Drives</h4>
  180.                         <p>
  181.                             You may have seen that a lot of our computers now use SSDs due to their speed and stability.
  182.                             Well we use them in our servers too!
  183.                         </p>
  184.                     </div>
  185.                 </div>
  186.                 <div class="hosting__column hosting__column__side-icons">
  187.                     <div class="icons">
  188.                         <box-icon name="support" size="lg"></box-icon>
  189.                     </div>
  190.                     <div class="content">
  191.                         <h4>Specialist Support</h4>
  192.                         <p>
  193.                             Sometimes things can go wrong on your website and or server. Well, our guys are on hand to
  194.                             help you get your website back up and running.
  195.                         </p>
  196.                     </div>
  197.                 </div>
  198.             </div>
  199.         </div>
  200.     </section>
  201.     <section class="hosting__section hosting__grey">
  202.         <div class="wrap">
  203.             <div class="hosting__section__content">
  204.                 <h2>Technical Features</h2>
  205.                 <h3>Let's Get Technical!</h3>
  206.                 <p>
  207.                     Let's get down to the nitty-gritty of what our shared hosting systems provide your website. Below
  208.                     is a list of what is available for you, when you purchase one of our Shared Hosting packages.
  209.                 </p>
  210.             </div>
  211.             <div class="hosting__columns hosting__columns--3">
  212.                 <div class="hosting__column hosting__column--left">
  213.                     <box-icon name="server" size="lg"></box-icon>
  214.                     <h4>Web Hosting Features</h4>
  215.                     <ul>
  216.                         <li><box-icon name="check"></box-icon> Flexible, Easy to Use Control Panel</li>
  217.                         <li><box-icon name="check"></box-icon> Unmetered Bandwidth</li>
  218.                         <li><box-icon name="check"></box-icon> Unmetered Sub Domains, FTP Accounts</li>
  219.                         <li><box-icon name="check"></box-icon> 100% Uptime</li>
  220.                         <li><box-icon name="check"></box-icon> 30-Day Money-Back Guarantee</li>
  221.                     </ul>
  222.                 </div>
  223.                 <div class="hosting__column hosting__column--left">
  224.                     <box-icon name="dashboard" type="solid" size="lg"></box-icon>
  225.                     <h4>cPanel Control Panel</h4>
  226.                     <ul>
  227.                         <li><box-icon name="check"></box-icon> Latest cPanel Web Hosting Control Panel</li>
  228.                         <li><box-icon name="check"></box-icon> Webalizer, Raw Log Manager with Error Logs</li>
  229.                         <li><box-icon name="check"></box-icon> Instant Shopping Carts, Blogs, Portals</li>
  230.                         <li><box-icon name="check"></box-icon> Password Protected Directories Error Pages</li>
  231.                         <li><box-icon name="check"></box-icon> Web Based File Manager, Hotlink Protection</li>
  232.                     </ul>
  233.                 </div>
  234.                 <div class="hosting__column hosting__column--left">
  235.                     <box-icon name="data" size="lg"></box-icon>
  236.                     <h4>Programming & Databases</h4>
  237.                     <ul>
  238.                         <li><box-icon name="check"></box-icon> MySQL Databases with phpMyAdmin Access</li>
  239.                         <li><box-icon name="check"></box-icon> Fast CGI, PHP 8, Ruby on Rails, Python</li>
  240.                         <li><box-icon name="check"></box-icon> ImageMagick Curl, CPAN, GD Library</li>
  241.                         <li><box-icon name="check"></box-icon> SSH Access and Cron Job Scheduling</li>
  242.                         <li><box-icon name="check"></box-icon> SSL Certification</li>
  243.                     </ul>
  244.                 </div>
  245.                 <div class="hosting__column hosting__column--left">
  246.                     <box-icon name="envelope" size="lg"></box-icon>
  247.                     <h4>Email Features</h4>
  248.                     <ul>
  249.                         <li><box-icon name="check"></box-icon> Unlimited POP3 Email Accounts with SMTP</li>
  250.                         <li><box-icon name="check"></box-icon> WebMail Access: Horde, RoundCube</li>
  251.                         <li><box-icon name="check"></box-icon> Receive your email to your phone via IMAP</li>
  252.                         <li><box-icon name="check"></box-icon> Prevent spam with SpamAssassin</li>
  253.                         <li><box-icon name="check"></box-icon> Unlimited Email Aliases, Autoresponders</li>
  254.                     </ul>
  255.                 </div>
  256.                 <div class="hosting__column hosting__column--left">
  257.                     <box-icon name="support" size="lg"></box-icon>
  258.                     <h4>Technical Support</h4>
  259.                     <ul>
  260.                         <li><box-icon name="check"></box-icon> Premium Support with Live Chat</li>
  261.                         <li><box-icon name="check"></box-icon> Automatic Weekly Off-Site Data Backups</li>
  262.                         <li><box-icon name="check"></box-icon> 24/7/365 Hosting Server Monitoring</li>
  263.                         <li><box-icon name="check"></box-icon> Online Support Portal</li>
  264.                     </ul>
  265.                 </div>
  266.                 <div class="hosting__column hosting__column--left">
  267.                     <box-icon name="desktop" size="lg"></box-icon>
  268.                     <h4>Application Hosting Plan</h4>
  269.                     <ul>
  270.                         <li><box-icon name="check"></box-icon> Free Website Transfer, Domain Transfer</li>
  271.                         <li><box-icon name="check"></box-icon> 52 Free scripts can be instantly installed</li>
  272.                         <li><box-icon name="check"></box-icon> Free SSL Certification website securely</li>
  273.                     </ul>
  274.                 </div>
  275.             </div>
  276.         </div>
  277.     </section>
  278.     <section class="hosting__section hosting__yellow">
  279.         <div class="wrap">
  280.             <div class="hosting__section__content">
  281.                 <h3>30 Day Money Back Guarantee</h3>
  282.                 <p>
  283.                     If you’re not entirely happy with your purchase then simply let us know within 30 days, and we’ll
  284.                     refund you in full, minus any domain name costs. (Domain names are non-refundable and are yours to
  285.                     keep even if things don’t work out.)
  286.                 </p>
  287.             </div>
  288.         </div>
  289.     </section>
  291. {% endblock %}