templates/default/index.html.twig line 1

Open in your IDE?
  1. {% extends 'frontend.html.twig' %}
  3. {% block title %}The LESS Co.{% endblock %}
  5. {% block css2 %}
  6.     <link rel="stylesheet" href="{{asset('index.css','css')}}" type="text/css" />
  7.     <style>
  8.         .page-wrapper .header .nav-bar, .page-wrapper .header .header-space-bar {
  9.             display: none;
  10.         }
  12.     </style>
  13.     <link rel="stylesheet" href="{{asset('forms.css','css')}}" type="text/css" />
  14.     <link rel="stylesheet" href="{{asset('wnd-popup.css','css')}}" type="text/css" />
  15.     <script src="{{asset('bg-rotator-preload.js','js')}}"></script>
  16.     <script>
  17.         // Preload all indexes that may be used
  18.         BgRotatorPreloader.preload("https://{{i_host}}/main-index");
  19.         BgRotatorPreloader.preload("https://{{i_host}}/bts-index");
  20.         BgRotatorPreloader.preload("https://{{i_host}}/riri-index");
  21.         BgRotatorPreloader.preload('https://{{i_host}}/triv-index');
  22.         BgRotatorPreloader.preload('https://{{i_host}}/gbip-index');
  23.         BgRotatorPreloader.preload('https://{{i_host}}/milkround-index');
  24.         BgRotatorPreloader.preload('https://{{i_host}}/sp-index');
  26.         BgRotatorPreloader.preload('https://{{i_host}}/rah-index');
  27.         BgRotatorPreloader.preload('https://{{i_host}}/silvertown-index');
  29.     </script>  
  30.     <script src="{{asset('bg-rotator-doublebuffered.js','js')}}"></script>
  32. {% endblock %}
  34. {% block nav %}
  35. <a class="black-text-1" href="{{ path('blog') }}">Blog</a>
  36. {% endblock %}
  38. {% block body %}
  39. <article>
  40.     <header class="main-header">
  41.         <div class="rotating-box-0">
  42.             <div class="inner">
  44.                 <div class="reduced-width">
  45.                     <h1 class="green-text-1">WE WORK TO PREVENT<br/>PLASTIC WASTE</h1>
  46.                     <h3 class="normal-text">Refill and reuse is the best way to<br /> prevent single use plastic and<br /> LESS operates a range of solutions</h3>
  47.                     <h3 class="normal-text">Read about our work, join the<br /> #RefillRevolution and make a<br /> difference</h3>
  48.                 </div>
  50.                 <div style="text-align: center;">
  51.                     <a href="/"><img src="/assets/i/less-logo-small-white-100.png"></a>
  52.                 <div>
  54.             <div>
  55.         </div>
  57.         <script>
  58.             new BackgroundImageRotator({
  59.                 indexUrl: "https://{{i_host}}/main-index",
  60.                 selector: ".rotating-box-0",
  61.                 zIndex: 0,
  62.                 interval: 300
  63.             });
  64.         </script>        
  66.     </header>
  68.     <section class="section-1">
  69.         <div class="sub-1section-1">
  70.             <div class="reduced-width-more align-center">
  71.                 <h2 class="headline condensed black-text-1">WORKING TO PREVENT PLASTIC WASTE</h2>
  72.                 <p class="tagline condensed black-text-1">LESS works to prevent waste with reuse 
  73.                         solutions that eliminate the need for single use plastic</p>
  74.                 <p class="tagline condensed black-text-1">Our work spans implementation of
  75.                     reuse solutions in different countries, as well as advisory and philanthropic support</p>
  76.             </div>
  77.                
  78.         </div>
  79.     </section>
  80.     
  81.     <section class="section section-x-0 section-4">
  82.         <div class="block block-1">
  83.             <div class="part part-1">
  84.                 <h2 class="green-text-1">CIRCULARITY CONSULTANTS</h2>
  85.                 <p>LESS is uniquely placed to help brands and companies assess and navigate reuse systems:</p>
  86.                 <ul>
  87.                     <li>We’ve worked closely with consumers and brands
  88.                         to develop viable reuse concepts for very different markets</li>
  89.                     <li>We’ve designed and implemented innovative reuse solutions in the
  90.                         UK, India and Vietnam</li>
  91.                     <li>We’ve conducted detailed analysis of reuse solutions, including scalability,
  92.                         product integrity, logistics and financial viability</li>
  93.                 </ul>
  94.                 <p>Contact us to discuss ways we can help</p>
  95.                 <p><a id="contactFormOpen" target="_blank" href="#" class="button-a color-green">
  96.                     Talk to us</a></p>
  97.             </div>
  98.         </div>
  99.         <div class="block block-2">
  100.         </div>
  101.     </section>
  103.     <section class="section section-x-1">
  104.            <div class="block block-1">
  105.             <div class="part part-1">
  106.                 <h2 class="green-text-1">REUSE IN RURAL INDIA</h2>
  107.                 <p>LESS supports REUSE Foundation’s mission to demonstrate reuse can 
  108.                     work at scale in rural India, and among low-income communities more widely </p>
  109.                 <p>In addition to financial support, LESS provides operational assistance
  110.                     and technical expertise</p>
  111.                 <p>If successful, this would be the first time reuse has been demonstrated
  112.                     at scale with low-income communities</p>
  113.                 <p><a href="https://www.reusefoundation.org/sponsor-a-village">Learn more and
  114.                     provide support here</a></p>
  115.             </div>
  116.         </div>
  117.         <div class="block block-2 rotating-box-2">
  118.         </div>
  119.         <script>
  120.             new BackgroundImageRotator({
  121.                 indexUrl: "https://{{i_host}}/riri-index",
  122.                 selector: ".rotating-box-2",
  123.                 interval: 300
  124.             });
  125.         </script>        
  126.     </section>
  128.     <section class="section section-x-2">
  129.            <div class="block block-1">
  130.             <div class="part part-1">
  131.                 <h2 class="green-text-1">TESTING REUSE IN VIETNAM</h2>
  132.                 <p>LESS was selected by IPPIN (Indo-Pacific Plastic Innovation Network) for
  133.                     its Incubator and Accelerator programmes to test reuse solutions for small
  134.                     format packaging in Vietnam</p>
  135.                 <p>LESS also secured a A$100,000 IPPIN grant and partnered with UTS, ICED and 
  136.                     GreenU to conduct in-country research and pilot alternative reuse solutions</p>
  137.             </div>
  138.         </div>
  139.         <div class="block block-2 rotating-box-4">
  140.         </div>
  141.         <script>
  142.             new BackgroundImageRotator({
  143.                 indexUrl: "https://{{i_host}}/triv-index",
  144.                 selector: ".rotating-box-4",
  145.                 interval: 300
  146.             });
  147.         </script>        
  148.     </section>
  150.     <section class="section section-x-3">
  151.            <div class="block block-1">
  152.             <div class="part part-1">
  153.                 <h2 class="green-text-1">GLOBAL BUSINESS INNOVATION PROGRAMME IN INDIA</h2>
  154.                 <p>Innovate UK identified the LESS project in India as one of the best ways to prevent
  155.                      plastic waste in the country, and selected LESS to participate in its 2024 Global
  156.                      Business Innovation Programme</p>
  157.                 <p>John Marchant from LESS was among the participants who toured India, meeting with
  158.                      Members of Parliament, State leaders and policy makers, as well as top innovators
  159.                      to identify and secure partners for future circular solution projects in India</p>
  160.             </div>
  161.         </div>
  162.         <div class="block block-2 rotating-box-5">
  163.         </div>
  164.         <script>
  165.             new BackgroundImageRotator({
  166.                 indexUrl: "https://{{i_host}}/gbip-index",
  167.                 selector: ".rotating-box-5",
  168.                 interval: 300
  169.             });
  170.         </script>        
  171.     </section>
  173.     <section class="section section-x-4">
  174.            <div class="block block-1">
  175.             <div class="part part-1">
  176.                 <h2 class="green-text-1">REIMAGINING THE MILKROUND</h2>
  177.                 <p>ESS won WRAP’s prestigious UK Circular Plastics Flagship Competition to test a
  178.                      reimagination of the traditional milk round for personal care and household
  179.                      products, delivering product in reusable bottles, collecting empties for washing
  180.                      and reuse</p>
  181.                 <p>LESS implemented the solution in London and parts of the Southeast using electric
  182.                      vans and tested the viability of doorstep delivery service where brands shared 
  183.                      some refill assets and infrastructure</p>
  184.                 <p><a href="https://www.wrap.ngo/what-we-do/our-services/grants-and-investments/uk-circular-economy-flagship-plastics-project-competition">
  185.                     https://www.wrap.ngo/what-we-do/our-services/grants-and-investments/uk-circular-economy-flagship-plastics-project-competition</a></p>
  186.             </div>
  187.         </div>
  188.         <div class="block block-2 rotating-box-6">
  189.         </div>
  190.         <script>
  191.             new BackgroundImageRotator({
  192.                 indexUrl: "https://{{i_host}}/milkround-index",
  193.                 selector: ".rotating-box-6",
  194.                 interval: 300
  195.             });
  196.         </script>        
  197.     </section>
  199.     <section class="section section-x-5">
  200.            <div class="block block-1">
  201.             <div class="part part-1">
  202.                 <h2 class="green-text-1">SMART SUSTAINABLE PLASTIC PACKAGING WINNER</h2>
  203.                 <p>LESS won Innovate UK’s Smart Sustainable Plastic Packaging challenge to design
  204.                     packaging optimised for reuse</p>
  205.                      
  206.                 <p>Working closely with closely with materials and design specialists, LESS developed 
  207.                     a series of packaging concepts, some of which were selected for in-market pilot 
  208.                     testing</p>
  209.             </div>
  210.         </div>
  211.         <div class="block block-2 rotating-box-7">
  212.         </div>
  213.         <script>
  214.             new BackgroundImageRotator({
  215.                 indexUrl: "https://{{i_host}}/sp-index",
  216.                 selector: ".rotating-box-7",
  217.                 interval: 300
  218.             });
  219.         </script>        
  220.     </section>
  222.     <section class="section section-x-6">
  223.            <div class="block block-1">
  224.             <div class="part part-1">
  225.                 <h2 class="green-text-1">REFILLING AT HOME</h2>
  226.                 <p>Refilling at home is one of the easiest ways to prevent plastic waste</p>
  227.                 <p>Instead of throwing away a plastic bottle each time it’s empty, you simply 
  228.                     refill it from bulk containers of the same product</p>
  229.                 <p>Refillers can easily prevent 60-90% of plastic waste for a given product</p>
  230.                 <p>LESS set up and launched a national refill at home service that successfully 
  231.                     operated for four years</p>
  232.                 <p>Although it was viable, we closed it late 2025 to focus on issues and larger 
  233.                     opportunities that we felt weren’t being addressed</p>
  234.             </div>
  235.         </div>
  236.         <div class="block block-2 rotating-box-8">
  237.         </div>
  238.         <script>
  239.             new BackgroundImageRotator({
  240.                 indexUrl: "https://{{i_host}}/rah-index",
  241.                 selector: ".rotating-box-8",
  242.                 interval: 300
  243.             });
  244.         </script>        
  245.     </section>
  247.     <section class="section section-x-7">
  248.            <div class="block block-1">
  249.             <div class="part part-1">
  250.                 <h2 class="green-text-1">SILVERTOWN</h2>
  251.                 <p>Our first reuse facility was in Silvertown, London</p>
  252.                 <p>We approached established brands to test the viability 
  253.                     of reuse models. When they refused to collaborate, 
  254.                     we created our own brand, Silvertown!</p>
  255.                 <p>Over the years it built an enthusiastic following, and this 
  256.                     quality hand care product is soon to have a second life on 
  257.                     its own dedicated site and be used in promotional campaigns 
  258.                     to seed reuse behaviours</p>
  259.             </div>
  260.         </div>
  261.         <div class="block block-2 rotating-box-9">
  262.         </div>
  263.         <script>
  264.             new BackgroundImageRotator({
  265.                 indexUrl: "https://{{i_host}}/silvertown-index",
  266.                 selector: ".rotating-box-9",
  267.                 interval: 300
  268.             });
  269.         </script>        
  270.     </section>
  273.     <section class="section section-x-8">
  274.         <div class="block block-1">
  275.             <div class="part part-1">
  276.                 <h2 class="green-text-1">WORKING IN INDIA TO BEAT THE SACHET</h2>
  277.                 <p>Sachets are probably the most damaging form of plastic packaging and
  278.                     cause of much of the ocean’s microplastic</p>
  279.                 <p>We are working with NGOs and companies in India</p>
  280.                 <p>Feasibility studies are complete and pilot operations are set to start in November 2022</p>
  281.                 <p>Read more about this part-charity funded project, and support us here</p>
  282.             </div>
  283.             <div class="part part-2">
  284.                 <div>
  285.                     <img src="{{ asset('logos/BTS Logo.png','i') }}"/>
  286.                 </div>
  287.                 <div>
  288.                     <a class="button-a color-green" href="https://beatthesachet.org/">
  289.                         Read more here
  290.                     </a>
  291.                 </div>
  292.             </div>
  293.         </div>
  294.         <div class="block block-2 rotating-box-n">
  295.         </div>
  296.         <script>
  297.             new BackgroundImageRotator({
  298.                 indexUrl: "https://{{i_host}}/bts-index",
  299.                 selector: ".rotating-box-n",
  300.                 interval: 300
  301.             });
  302.         </script>        
  303.     </section>
  304.     
  305.     
  306.     {% if (posts is defined and posts is iterable and posts|length > 0) %} 
  307.     <section class="section-7 color-creamy-bg">
  308.         <h2 class="green-text-1 align-center">FROM OUR BLOG</h2>
  309.         <div class="blog-container">
  310.             {% for post in posts %}
  311.             <div class="post-list-item">
  312.                 <div style="display:none">{{post.id}}</div>
  313.                 <div class="post-item-wraper">
  314.                     <div class="post-image">
  315.                         <a href="{{ path('blog-post', {slug:post.url_key}) }}">
  316.                                 <img class="img-responsive" src="{{ post.image }}" alt="{{ post.name }}" />
  317.                         </a>
  318.                     </div>
  319.                     <div class="post-info-wraper">
  320.                         <h2 class="mp-post-title">
  321.                             <a class="post-link-title" title="{{ post.name }}" href="{{ path('blog-post', {slug:post.url_key}) }}">
  322.                                 {{ post.name }}
  323.                             </a>
  324.                         </h2>
  325.                         <div class="mp-post-info">
  326.                             <i class="mp-blog-icon mp-blog-calendar-times"></i> 
  327.                             {{ post.publish_date|date("M j, Y")  }}| Posted in 
  328.                             <a class="mp-info" href="{{ path('blog') }}">
  329.                                 {{ post.category.name }}</a>
  330.                             | 
  331.                             <i class="mp-blog-icon mp-blog-user"></i> 
  332.                             <a class="mp-info" target="_blank" href="{{ post.author_url }}">{{ post.author_name }}</a>
  333.                             | 
  334.                             <i class="mp-blog-icon mp-blog-traffic" aria-hidden="true"></i> 
  335.                             {{ post.view_traffic }}
  336.                         </div>
  337.                         <div class="post-short-description">
  338.                             {{ post.short_description|raw }}
  339.                         </div>
  340.                     </div>
  341.                 </div>
  342.             </div>
  343.             {% endfor %}
  344.         </div>
  345.     </section>
  346.     {% endif %}
  348.     <section class="section-8">
  349.         <h2 class="centered normal-text">Want to stay up to date? Subscribe to our Newsletter!</h2>
  350.         <div class="form-box">
  351.             {{ form_start(form) }}
  353.                 <div class="fields-box">
  354.                     <div class="form-element-wrapper">{{ form_widget(form.subscriberName) }}</div>
  355.                     <div class="form-element-wrapper">{{ form_widget(form.emailAddress) }}</div>
  356.                     <div class="form-element-wrapper">{{ form_widget(form.save) }}</div>
  357.                 </div>
  358.                 <div class="field-error field-error-color">
  359.                     {{ form_errors(form.subscriberName) }}
  360.                     {{ form_errors(form.emailAddress) }}
  361.                 </div>
  362.             {{ form_end(form, {'render_rest': true}) }}
  363.         </div>
  364.     </section>
  366.     <section class="section-9 color-creamy-bg">
  367.         <div>
  368.             <h3 class="green-text-1">OUR SERVICES</h3>
  369.             <a target="_blank" href="https://beatthesachet.org/">Beat the Sachet</a>
  370.             {#<a target="_blank" href="https://www/movetoless.co.uk/">LESS Delivered </a>#}
  371.             <a target="_blank" href="https://refillwithless.co.uk/">Refill With LESS</a>
  372.             {#<!-- <a target="_blank" href="https://refillr.co.uk/">Refillr</a> -->#}
  373.         </div>
  374.     </section>
  376. </article>
  379. <div id="contactForm" class="window bg-1 border-color-1">
  380.     <div class="window-title bg-3 text-color-2">Contact form</div>
  381.     <div class="window-content">
  382.         {{ include('default/contact-form-include.html.twig') }}
  383.     </div>
  384. </div>
  386. {{ include('default/popup-include.html.twig') }}
  388. {% endblock %}
  389. {% block scripts_bottom %}
  390.     <script src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js"></script>
  391.     <script src="{{ asset('popup-wnd-control.js', 'js') }}"></script>
  392.     <script>
  393.         (function ($) {
  394.             //$(document).ready(function() {
  395.             //    var scrollValue = Cookies.get('scroll');
  396.             //    if ( scrollValue !== null ) {
  397.             //        $(document).scrollTop( scrollValue );
  398.             //    }
  399.             //    Cookies.remove('scroll');
  400.             //});
  402.             $('#subscribe_form_save').click(function() {
  403.                 var y = window.scrollY;
  404.                 Cookies.add()
  405.             });
  406.             $('form').on('submit', function() {
  407.                 // Set a cookie that holds the scroll position.
  408.                 Cookies.set('scroll', $(document).scrollTop() )
  409.             });
  411.             $('#contactFormOpen').click(function(evt) {
  412.                 evt.stopPropagation();
  413.                 evt.preventDefault();
  414.                  $('#contactForm').css('display','block');
  415.             });
  417.             var contactFormVisible = Cookies.get('contactFormVisible');
  418.             if (contactFormVisible) {
  419.                 $('#contactForm').css('display','block');
  420.             }
  421.             $('#contactForm .close').click(function (evt) {
  422.                 evt.stopPropagation();
  423.                 evt.preventDefault();
  424.                 $(this).closest(".window").css('display','none');
  425.                 Cookies.remove('contactFormVisible');
  426.             })
  428.             $('form[name="contact_form"]').on('submit', function() {
  429.                 Cookies.set('contactFormVisible');
  430.             });
  432.         })(jQuery);
  433.     </script>
  434. {% endblock %}