index.html

---
layout: default
class: home-page
title: Welcome
---
<div class="hero" style="position: relative; overflow: hidden;">
  <img src="{{ site.baseurl }}/assets/images/banners/wheat_field.png"
       alt="Background"
       style="position: absolute; top: 0; left: 0; width: 100%; height: auto; object-fit: cover; z-index: -1; aspect-ratio: 1024 / 683;" />
  <div class="hero-text"
       style="position: absolute; top: 50%; left: 20%; transform: translateY(-50%); z-index: 1; text-align: left; color: white;">
    <h1 style="font-size: 4rem; margin: 0; font-weight: bold;">
      Utilising microbes to<br>protect crops from<br>pathogens
    </h1>
    <p style="font-size: 13pt; margin-top: 30pt;">
      Pioneering research into wheat take-all disease being carried out at<br>Imperial College London, Silwood Park.
    </p>
  </div>
</div>


<div style="text-align: center; font-family: calibri, sans-serif; max-width: 80%; margin-left: 6%; padding: 150pt;">
  <p style="font-size: 20pt; line-height: 1.5; margin: 0; color: black;">
    We are working with farmers across the UK to<br>
    enhance crop yields sustainably by optimising<br>
    the microbial communities of the soil our crops grow in.
  </p>
  <p style="font-size: 18pt; font-weight: bold; color: black; margin-top: 40pt;">
    See our <a href="about.html" style="color: #589a90; text-decoration: underline;">About</a> page to read more about our mission.
  </p>
</div>


<div class="hero" style="position: relative; overflow: hidden; height: 100vh;">
  <img src="{{ site.baseurl }}/assets/images/banners/220922_waring_lab_silwood_005.jpg"
       alt="Background"
       style="position: absolute; top: 50%; left: 50%; width: 100%; height: auto; transform: translate(-50%, -55%); z-index: -5;" />
</div>