templates/pages/homepage.html.twig line 1

  1. {% extends 'core/__skeleton.html.twig' %}
  2. {% block main %}
  3.     <section class="home__header">
  4.         <div class="wrap">
  5.             <div class="home__header__littlepack">
  6.                 <h1><strong>Web Hosting</strong> in <strong>Wales</strong>, UK</h1>
  7.                 <h2>Get Your Business Online With The Complete <span>Little</span> Package!</h2>
  8.                 <p>
  9.                     Let us help you build your first professional website, host it and market it online for a small
  10.                     monthly fee. Our experts are ready to help you!
  11.                 </p>
  12.                 <a href="{{ path('app_littlepack') }}" class="button button--large">
  13.                     Find Out More
  14.                 </a>
  15.             </div>
  16.             <div class="home__header__domain">
  17.                 <h2>Buy a <span>.cymru</span> or <span>.wales</span> domain name from a Welsh Web Hosting Company</h2>
  18.                 <p>
  19.                     <a href="{{ path('app_domain_name') }}" class="button button--large">
  20.                         Search Now
  21.                     </a>
  22.                 </p>
  23.             </div>
  24.         </div>
  25.     </section>
  26.     <section class="home__packages">
  27.         <div class="wrap">
  28.             <div class="home__packages--block">
  29.                 <h3>Web Hosting</h3>
  30.                 <p>From <strong>£6.99</strong> / month</p>
  31.                 <p class="home__packages__link">
  32.                     <a href="">Find Out More &raquo;</a>
  33.                 </p>
  34.             </div>
  35.             <div class="home__packages--block">
  36.                 <h3>WordPress Hosting</h3>
  37.                 <p>From <strong>£12.99</strong> / month</p>
  38.                 <p class="home__packages__link">
  39.                     <a href="">Find Out More &raquo;</a>
  40.                 </p>
  41.             </div>
  42.             <div class="home__packages--block">
  43.                 <h3>VPS Server</h3>
  44.                 <p>From <strong>£35.00</strong> / month</p>
  45.                 <p class="home__packages__link">
  46.                     <a href="">Find Out More &raquo;</a>
  47.                 </p>
  48.             </div>
  49.             <div class="home__packages--block">
  50.                 <h3>Dedicated Servers</h3>
  51.                 <p>From <strong>£125.00</strong> / month</p>
  52.                 <p class="home__packages__link">
  53.                     <a href="">Find Out More &raquo;</a>
  54.                 </p>
  55.             </div>
  56.             <div class="home__packages--block">
  57.                 <h3>Domain Names</h3>
  58.                 <p>From <strong>£4.25</strong> / month</p>
  59.                 <p class="home__packages__link">
  60.                     <a href="">Find Out More &raquo;</a>
  61.                 </p>
  62.             </div>
  63.             <div class="home__packages--block">
  64.                 <h3>SEO Services</h3>
  65.                 <p>From <strong>£249.00</strong> / month</p>
  66.                 <p class="home__packages__link">
  67.                     <a href="">Find Out More &raquo;</a>
  68.                 </p>
  69.             </div>
  70.             <div class="home__packages--block">
  71.                 <h3>Social Media</h3>
  72.                 <p>From <strong>£249.00</strong> / month</p>
  73.                 <p class="home__packages__link">
  74.                     <a href="">Find Out More &raquo;</a>
  75.                 </p>
  76.             </div>
  77.             <div class="home__packages--block">
  78.                 <h3>Little Pack</h3>
  79.                 <p>From <strong>£199.99</strong> / month</p>
  80.                 <p class="home__packages__link">
  81.                     <a href="">Find Out More &raquo;</a>
  82.                 </p>
  83.             </div>
  84.         </div>
  85.     </section>
  86.     {#}
  87.     <section class="home__aboutus">
  88.         <div class="wrap">
  89.         </div>
  90.     </section>
  91.     {#}
  92.     <section class="home__green">
  93.         <div class="wrap">
  94.             <div class="home__green__content">
  95.                 <h2>Eco-Friendly Web Hosting</h2>
  96.                 <h3>Green Web Hosting</h3>
  97.                 <p>We are committed to using renewable electricity from sources like the sun, wind and sea.</p>
  98.             </div>
  99.             <div class="home__green__wrap">
  100.                 <div class="home__green__box">
  101.                     <h4>Green Energy</h4>
  102.                     <p>
  103.                         At home and in our datacentres, we use 100% Green Energy to ensure we are doing our best to help
  104.                         the planet. We are 100% committed to helping our businesses be green, online.
  105.                     </p>
  106.                 </div>
  107.                 <div class="home__green__box">
  108.                     <h4>Our Green Initiative</h4>
  109.                     <p>
  110.                         Even though we pride ourselves on being green, we still want to be better than we are. Maybe
  111.                         electric cars? Or more efficient fridge? If we can improve in any way, we will.
  112.                     </p>
  113.                 </div>
  114.                 <div class="home__green__box">
  115.                     <h4>Web Hosting = 1 Tree</h4>
  116.                     <p>
  117.                         If you buy our cheapest Web Hosting package, we will buy one tree to plant. Other packages, can
  118.                         mean that we buy more trees. Either way, we buy a tree (or more).
  119.                     </p>
  120.                 </div>
  121.             </div>
  122.         </div>
  123.         <div class="wrap">
  124.             <div class="home__green__button">
  125.                 <p>
  126.                     <a href="{{ path('app_green') }}" class="button button--xlarge">Find Out More</a>
  127.                 </p>
  128.             </div>
  129.         </div>
  130.     </section>
  131.     <section class="home__support">
  132.         <div class="wrap">
  133.         </div>
  134.     </section>
  135. {% endblock %}