templates/hosting/wordpress.html.twig line 1

  1. {% extends 'core/__skeleton.html.twig' %}
  3. {% block main %}
  4.     <section id="wordpressHeader" class="wordpress__heading">
  5.         <div class="wrap">
  6.             <div class="wordpress__columns--2">
  7.                 <div class="wordpress__heading__column">
  8.                     <h1>Professional WordPress Hosting in Wales</h1>
  9.                     <h2>High Quality <span>WordPress</span> Hosting</h2>
  10.                     {#}
  11.                     <p>
  12.                         Are you looking to use one of the World's most famous CMS Apps? We have got the best designed
  13.                         hosting packages for your WordPress site, here in Wales. Use your local Welsh WordPress experts to
  14.                         manage your WordPress Blog, Ecommerce or Standard Website.
  15.                     </p>
  16.                     {#}
  17.                     <ul>
  18.                         <li>
  19.                             <box-icon name="check"></box-icon> Supported Hosting Management
  20.                         </li>
  21.                         <li>
  22.                             <box-icon name="check"></box-icon> 99.9% Uptime Guarantee
  23.                         </li>
  24.                         <li>
  25.                             <box-icon name="check"></box-icon> WP-CLI Enabled
  26.                         </li>
  27.                         <li>
  28.                             <box-icon name="check"></box-icon> Tech Support
  29.                         </li>
  30.                         <li>
  31.                             <box-icon name="check"></box-icon> Staging Environment
  32.                         </li>
  33.                         <li>
  34.                             <box-icon name="check"></box-icon> SSH & SFTP Access
  35.                         </li>
  36.                         <li>
  37.                             <box-icon name="check"></box-icon> DDoS Protection
  38.                         </li>
  39.                         <li>
  40.                             <box-icon name="check"></box-icon> 24/7 Site Monitoring
  41.                         </li>
  42.                         <li>
  43.                             <box-icon name="check"></box-icon> GIT Installed Ready-To-Go
  44.                         </li>
  45.                         <li>
  46.                             <box-icon name="check"></box-icon> Automatic Updates
  47.                         </li>
  48.                     </ul>
  49.                     <p>
  50.                         <button type="button" id="wordpressBtn" data-id="wordpressPricing" class="button button--wordpress--cta button--large">
  51.                             Get Started
  52.                         </button>
  53.                     </p>
  54.                 </div>
  55.                 <div class="wordpress__heading__column">
  56.                     <div class="wordpress__heading__pricing__column">
  57.                         {% if featured.popular %}
  58.                             <div class="wordpress__heading__pricing__column--popular">
  59.                                 Most Popular
  60.                             </div>
  61.                         {% endif %}
  62.                         <h4>{{ featured.name }}</h4>
  63.                         <div class="wordpress__heading__pricing__column--price">
  64.                             &pound;{{ featured.registerPrice|number_format(2) }}<small>/month</small>
  65.                         </div>
  66.                         {{ featured.shortDescription|raw }}
  67.                         {{ featured.features|raw }}
  68.                         <button type="button" class="button button--wordpress" data-modal="orderModal" data-type="wordpress-hosting-monthly" data-value="{{ featured.name }}">
  69.                             Purchase Plan
  70.                         </button>
  71.                     </div>
  72.                 </div>
  73.             </div>
  74.         </div>
  75.     </section>
  76.     <section id="wordpressPricing" class="wordpress__pricing">
  77.         <div class="wrap">
  78.             <div class="wordpress__pricing__content">
  79.                 <h2>WordPress Hosting Packages</h2>
  80.                 <h3>Choose the Best WordPress Hosting Plan for Your Site</h3>
  81.                 <div class="wordpress__pricing--container">
  82.                     <label class="wordpress__pricing__period">
  83.                         <input type="checkbox" id="period" name="period" role="switch">
  84.                         <span class="wordpress__pricing__slider"></span>
  85.                     </label>
  86.                     <span class="wordpress__pricing__label">
  87.                     <strong>Annual Billing</strong> (Save 10%)
  88.                 </span>
  89.                 </div>
  90.             </div>
  91.         </div>
  92.         <div class="wrap">
  93.             <div id="hostingMonthly" class="wordpress__pricing__columns">
  94.                 {% for row in products %}
  95.                     {% if row.period == 1 %}
  96.                         <div class="wordpress__pricing__column">
  97.                             {% if row.popular %}
  98.                                 <div class="wordpress__pricing__column--popular">
  99.                                     Most Popular
  100.                                 </div>
  101.                             {% endif %}
  102.                             <h4>{{ row.name }}</h4>
  103.                             <div class="wordpress__pricing__column--price">
  104.                                 &pound;{{ row.registerPrice|number_format(2) }}<small>/month</small>
  105.                             </div>
  106.                             {{ row.shortDescription|raw }}
  107.                             {{ row.features|raw }}
  108.                             <button type="button" class="button button--wordpress button--full" data-modal="orderModal" data-type="wordpress-hosting-monthly" data-value="{{ row.name }}">
  109.                                 Purchase Plan
  110.                             </button>
  111.                         </div>
  112.                     {% endif %}
  113.                 {% endfor %}
  114.             </div>
  115.             <div id="hostingAnnually" class="wordpress__pricing__columns hidden">
  116.                 {% for row in products %}
  117.                     {% if row.period == 12 %}
  118.                         <div class="wordpress__pricing__column">
  119.                             {% if row.popular %}
  120.                                 <div class="wordpress__pricing__column--popular">
  121.                                     Most Popular
  122.                                 </div>
  123.                             {% endif %}
  124.                             <h4>{{ row.name }}</h4>
  125.                             <div class="wordpress__pricing__column--price">
  126.                                 &pound;{{ row.registerPrice|number_format(2) }}<small>/year</small>
  127.                             </div>
  128.                             {{ row.shortDescription|raw }}
  129.                             {{ row.features|raw }}
  130.                             <button type="button" class="button button--wordpress button--full" data-modal="orderModal" data-type="wordpress-hosting-yearly" data-value="{{ row.name }}">
  131.                                 Purchase Plan
  132.                             </button>
  133.                         </div>
  134.                     {% endif %}
  135.                 {% endfor %}
  136.             </div>
  137.         </div>
  138.     </section>
  139.     <section class="hosting__section hosting__grey">
  140.         <div class="wrap">
  141.             <div class="hosting__section__content">
  142.                 <h2>The Little Welsh Hosting Company</h2>
  143.                 <h3>4 Reasons To Choose Us</h3>
  144.                 <p>
  145.                     We may be a <strong>"Little"</strong> Welsh Hosting Company but our expertise and knowledge is far
  146.                     from <em><u>"small"</u></em>. We have constructed and put together the very best resources to
  147.                     provide you with the very <strong>BEST</strong> service.<br> Give us a try and use your local company.
  148.                 </p>
  149.             </div>
  150.             <div class="hosting__columns hosting__columns--4">
  151.                 <div class="hosting__column wordpress__column">
  152.                     <box-icon name="time-five" size="lg"></box-icon>
  153.                     <h4>100% Uptime</h4>
  154.                     <p>
  155.                         We are proud to boast that our systems have been up 100% of the time. We use robust, quality
  156.                         systems to ensure the best uptime.
  157.                     </p>
  158.                 </div>
  159.                 <div class="hosting__column wordpress__column">
  160.                     <box-icon name="support" size="lg"></box-icon>
  161.                     <h4>Excellent Support</h4>
  162.                     <p>
  163.                         Our technical support team is ready to help you as soon as we can. If you're stuck with an issue
  164.                         at 3am, drop us a message on our platform.
  165.                     </p>
  166.                 </div>
  167.                 <div class="hosting__column wordpress__column">
  168.                     <box-icon name="target-lock" size="lg"></box-icon>
  169.                     <h4>Great Security</h4>
  170.                     <p>
  171.                         We take security very seriously and our systems reflect that. We provide great protection from
  172.                         DDoS attacks and more.
  173.                     </p>
  174.                 </div>
  175.                 <div class="hosting__column wordpress__column">
  176.                     <box-icon name="map" size="lg"></box-icon>
  177.                     <h4>Welsh Company</h4>
  178.                     <p>
  179.                         Based in Ammanford, Carmarthenshire, you will be supporting a growing Welsh business that is
  180.                         looking to do more for its community.
  181.                     </p>
  182.                 </div>
  183.             </div>
  184.         </div>
  185.     </section>
  186.     <section class="wordpress__section">
  187.         <div class="wrap">
  188.             <div class="hosting__section__content">
  189.                 <h2>WordPress Hosting</h2>
  190.                 <h3>Our WordPress Hosting Features</h3>
  191.                 <p>
  192.                     These features come standard in all of our WordPress Hosting plans. We want to ensure that our
  193.                     WordPress Hosting packages match your expectations and more.
  194.                 </p>
  195.             </div>
  196.             <div class="hosting__columns hosting__columns--3">
  197.                 <div class="hosting__column wordpress__column__side-icons">
  198.                     <div class="icons">
  199.                         <box-icon name="wordpress" type="logo" size="lg"></box-icon>
  200.                     </div>
  201.                     <div class="content">
  202.                         <h4>Simple WordPress Install</h4>
  203.                         <p>
  204.                             Instantly deploy the latest WordPress software with a few clicks directly within your
  205.                             Account Manager.
  206.                         </p>
  207.                     </div>
  208.                 </div>
  209.                 <div class="hosting__column wordpress__column__side-icons">
  210.                     <div class="icons">
  211.                         <box-icon name="terminal" size="lg"></box-icon>
  212.                     </div>
  213.                     <div class="content">
  214.                         <h4>WP-CLI Enabled</h4>
  215.                         <p>
  216.                             WP-CLI provides a command-line interface for many actions you might perform in the
  217.                             WordPress admin.
  218.                         </p>
  219.                     </div>
  220.                 </div>
  221.                 <div class="hosting__column wordpress__column__side-icons">
  222.                     <div class="icons">
  223.                         <box-icon name="refresh" size="lg"></box-icon>
  224.                     </div>
  225.                     <div class="content">
  226.                         <h4>Automatic Updates</h4>
  227.                         <p>
  228.                             We provide automate plugin upgrades to keep your website optimal and up to date.
  229.                         </p>
  230.                     </div>
  231.                 </div>
  232.                 <div class="hosting__column wordpress__column__side-icons">
  233.                     <div class="icons">
  234.                         <box-icon name="glasses" size="lg"></box-icon>
  235.                     </div>
  236.                     <div class="content">
  237.                         <h4>24/7 Site Monitoring</h4>
  238.                         <p>
  239.                             Our network is monitored 24/7 allowing you to rest assured that your site is in the best
  240.                             hands.
  241.                         </p>
  242.                     </div>
  243.                 </div>
  244.                 <div class="hosting__column wordpress__column__side-icons">
  245.                     <div class="icons">
  246.                         <box-icon name="window-alt" size="lg"></box-icon>
  247.                     </div>
  248.                     <div class="content">
  249.                         <h4>Website Caching</h4>
  250.                         <p>
  251.                             Reduce your webpage’s load time and improve your overall UX with quick access to
  252.                             temporarily stored data.
  253.                         </p>
  254.                     </div>
  255.                 </div>
  256.                 <div class="hosting__column wordpress__column__side-icons">
  257.                     <div class="icons">
  258.                         <box-icon name="transfer" size="lg"></box-icon>
  259.                     </div>
  260.                     <div class="content">
  261.                         <h4>SSH & SFTP Access</h4>
  262.                         <p>
  263.                             Securely upload your website, images and other files using any FTP client and also login
  264.                             with SSH.
  265.                         </p>
  266.                     </div>
  267.                 </div>
  268.                 <div class="hosting__column wordpress__column__side-icons">
  269.                     <div class="icons">
  270.                         <box-icon name="cloud-upload" size="lg"></box-icon>
  271.                     </div>
  272.                     <div class="content">
  273.                         <h4>One-click Backup Restore</h4>
  274.                         <p>
  275.                             Recover lost files and return to previous settings with a single click when crashes or
  276.                             accidents happen.
  277.                         </p>
  278.                     </div>
  279.                 </div>
  280.                 <div class="hosting__column wordpress__column__side-icons">
  281.                     <div class="icons">
  282.                         <box-icon name="network-chart" size="lg"></box-icon>
  283.                     </div>
  284.                     <div class="content">
  285.                         <h4>DDoS Protection</h4>
  286.                         <p>
  287.                             Our DDoS protection defends you against external attacks, which can cause site and email
  288.                             outages.
  289.                         </p>
  290.                     </div>
  291.                 </div>
  292.                 <div class="hosting__column wordpress__column__side-icons">
  293.                     <div class="icons">
  294.                         <box-icon name="time-five" size="lg"></box-icon>
  295.                     </div>
  296.                     <div class="content">
  297.                         <h4>99.9% Uptime Guarantee</h4>
  298.                         <p>
  299.                             The availability of your WordPress site is our top priority. We stand by that fact with our
  300.                             uptime guarantee policy.
  301.                         </p>
  302.                     </div>
  303.                 </div>
  304.             </div>
  305.         </div>
  306.     </section>
  307.     <section class="wordpress__section hosting__wordpress">
  308.         <div class="wrap">
  309.             <div class="wordpress__section__content">
  310.                 <h3>30 Day Money Back Guarantee</h3>
  311.                 <p>
  312.                     If you’re not entirely happy with your purchase then simply let us know within 30 days, and we’ll
  313.                     refund you in full, minus any domain name costs. (Domain names are non-refundable and are yours to
  314.                     keep even if things don’t work out.)
  315.                 </p>
  316.             </div>
  317.         </div>
  318.     </section>
  319. {% endblock %}